前端学习指北
一、前期准备
1、安装下载Sublime Text3,这个将是主要的HTML和CSS编辑器
2、下载Chrome浏览器,并将其设为默认浏览器,这个将是主要的网页预览器
3、下载Visual Studio Code,用来编写JavaScript脚本。
4、注册一个github账号
注意:以上五个步骤只需在百度搜索相应的程序名称或者网站名称,进入官网下载。切记不要进乱七八糟的程序中心下载
二、初学阶段
目标:初学阶段的主要目的是学习HTML以及CSS的基础语法,掌握一些简单的布局方式。
成果:能够对任意的静态页面进行99%的还原。
测试:对百度搜索的首页进行微米级复刻。
这一时期推荐的学习资源如下:
慕课网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,兼容性等等等等。