20160105-个人前端入门规划

状态：整理中……

---

注：本文主要内容取自知乎丁小倪在”如何帮助前端新人入门和提高“问题中的回答。
我将结合网易云课堂“前端开发工程师”微专业，在2016年3月前完成前端入门学习。在整个学习过程中，要做到每天小结一次，每周总结一次。

---

一、思想

前端的概念、发展趋势、定位

二、对专业术语和前端整体的知识体系做了概览

1、前端整体知识体系

2、前端专业术语

3、html标签学习

1. 对常用的标签(div\p\h1-h6\span\img\ul\dl\ol\li)做重点的理解和DEMO书写
2. 语义化的概念给他们希望他们合理的使用标签
3. 对css的所有属性做通览，并对常用的CSS属性做重点理解和实战
4. 传达了hack这个概念给他们，以及对待hack的态度和常用实例
   

第一个月主要让他们对一些专业术语和前端整体的知识体系做了概览（包括html、css、js、dom、bom等），当然这里必须要去了解的是W3C的诞生以及它的发展历程，还有各大浏览器厂商的发展历程以及当今不断变化的市场格局。前半个月对html所有的标签做一个系统的学习，并对常用的标签(div\p\h1-h6\span\img\ul\dl\ol\li)做重点的理解和DEMO书写，这里我特别传达了语义化的概念给他们希望他们合理的使用标签，而不是根据自己的心情随意的使用标签。后半个月对css的所有属性做通览，并对常用的CSS属性做重点理解和实战，这里我没有让他们对所有的CSS属性做很详细的了解（有些CSS属性可能我们自己一辈子都不会用到，以后遇到的时候学会查API即可）。这过程中还传达了hack这个概念给他们，以及对待hack的态度和常用实例。

三、JS的学习

1. JS基础（词法结构、数据类型和值、变量、表达式和运算符、语句等等一些基础知识）
2. 客户端的一些知识的学习，dom\bom等等
3. 接触一个JS框架，并学会高效快速的写出页面交互代码。
   

第二个月主要是JS的学习（话说一个月学习JS真的是太难太难了，虽然是个脚本语言但要注意的地方特别多），首先对JS基础的一些东西的学习（词法结构、数据类型和值、变量、表达式和运算符、语句等等一些基础知识），在学JS期间我发现他们明显比第一个月学习html和css来的烦躁，但好得他们有学过编程，有些基础。基础学好之后，就是客户端的一些知识的学习，dom\bom等等，如何对dom操作，关于性能这方面的东西暂时没有传达给他们，等他们达到一定知识程度上我希望他们学习如何优化。后半个月就是让他们接触一个JS框架，并学会高效快速的写出页面交互代码。

四、实战

第三个月基本就是实战，html+css+js，每周基本都要写好几个页面，然后我会带他们一起去review，并指出所存在的问题，顺便让他们自己记录下，总结，下次再写页面时避免。 当然这三个月期间，他们还需要学会前端工具的使用(svn\dw\notepad++\vim\zen-coding\ps等等)，工具我没有过多的去教他们，这个纯粹是一个使用熟练度的问题，只要自己多操作即可。