2021-02-05

前端学习指北

一、前期准备

1、安装下载Sublime Text3，这个将是主要的HTML和CSS编辑器

2、下载Chrome浏览器，并将其设为默认浏览器，这个将是主要的网页预览器

3、下载Visual Studio Code，用来编写JavaScript脚本。

4、注册一个github账号

注意：以上五个步骤只需在百度搜索相应的程序名称或者网站名称，进入官网下载。切记不要进乱七八糟的程序中心下载

二、初学阶段

目标：初学阶段的主要目的是学习HTML以及CSS的基础语法，掌握一些简单的布局方式。

成果：能够对任意的静态页面进行99%的还原。

测试：对百度搜索的首页进行微米级复刻。

这一时期推荐的学习资源如下：

菜鸟教程：https://www.runoob.com/

慕课网imooc：http://www.imooc.com/learn/9

这两个是我目前看到前端基础语法类教程里比较通俗易懂的了。

这里的学习方法建议跟着视频一行一行的敲代码，熟悉语法，初步掌握编程这一全新领域的全新学习方法。

基础语法学习后，可以看慕课网几个小项目练练手：

https://www.imooc.com/learn/597

三、进阶阶段

这一步主要学习javaScript的脚本语言

目标：初步掌握JavaScript语法，完成网页脚本编写。

成果：能够实现简单的网页逻辑，如：跳转，切换，动画等。

测试：编写一个网页todoist应用，能实现任务的 增删改查

这一时期推荐的学习资源如下：

廖雪峰的博客：https://www.liaoxuefeng.com/wiki/1022910821149312

练习题：https://github.com/iszu/web-learning/blob/master/JavaScript%E7%BB%83%E4%B9%A0%E9%A2%98.md

视频资源：暂时没找到比较好的视频资源

这里的学习方法是刷廖雪峰的博客，掌握基础语法之后尝试着带入编程思维去做博客里的小练习以及github上的联系题。

四、进阶+阶段

掌握Markdown文档语法，掌握git版本控制，掌握项目工程控制，学习JQuery，Vue，React等一系列库，HTTP、Ajax、异步机制。

五、深入阶段

前端储存，安全，性能优化，History API，兼容性等等等等。