本科生如何系统地学习前端开发？

说一下我我的理解跟建议，仅供参考

第一步，先看一本前端入门的书＋《Javascript权威指南》：前端入门的书随便哪本都行，主要是了解一下前端HTML + CSS + Javascript大体是怎么回事，有个概念，脑海中留个大体轮廓就好，非要推荐的话，能够看看《HTML5权威指南》，Apress的书都还不错。入门以后，啃一下《Javascript权威指南》这本JS中的圣经，传说中的犀牛书。成为一个优秀的前端工程师的充要条件是什么我不知道，但我以为至少完完整整的啃过一次犀牛书确定是一个必要条件。这一步完成就算入门了吧。

第二步，练习实践打代码：若是有课程大做业的话，能够好好作作不要划水。要是没有的话，能够在Website Templates上找几个模版，本身实现一下它的样式和动效，练一下手。以后能够尝试着去接一些外包作作，或者在老师的实验室、学校的组织社团里作一些这方面的前端coding的工做。总得来讲，就是要练手。说实在的，前端不少的工做搬砖性质挺强的，因此无它，惟手熟尔。我的建议，第二步能够在犀牛书看到12章左右的时候，就开始了。这一步走了大半年能算上道了吧。

第三步，在实践的过程当中学习各种流行的库、框架和工具：打代码的过程当中，总会接触到一些库啊，框架啊，工具啊等等，有的是由于忽然感受效率不高，而后本身找了一些用，有的是由于某个项目或者工做里要求使用某些库和框架。在这种时候，建议不要经过书或者视频来学习这些库和框架，而是经过他们的官方文档来进行学习。缘由有三点，首先，由于前端的发展很快，紧跟脚步仍是满重要的，书和视频这种东西都有滞后性，等好的书和视频都出来了，说不定就已经流行大半年了。其次，就是其实书和视频中所讲的全部内容，其实基本上都能从这些库和框架中的官方文档中找到，因此学会经过文档来学习才是真正一劳永逸的正确姿式。最后，看文档实际上是一个使用工具的过程，不管什么语言、框架和库，记住全部细节显然是不太现实的，学会如何快速的利用文档回忆或者查找相关的技术点也是做为一个优秀工程师必备的技能。第三步能够和第二步同时进行。另外建议库和框架有的能够会用就行，没必要深究，可是有些优秀的、流行的仍是能够好好学一下，深挖一下，好比jQuery，Angular，React，Bootstrap，Pure，Ionic，Framework7等等。这几个都能用得熟练的话，算得上合格了吧。

第四步，学习研究一些优秀库和框架的源码、实现与思想：库和框架说到底都是工具，用多了，做为一个有追求的、好奇的工程师，总归会想研究一下这个工具的源码、实现和其设计思想，在这个过程当中，你能够阅读上世界上最优秀的前端程序员写的代码和使用的设计思想，对你本身的姿式水平提高会有很大的帮助。以前在阿里面试的时候，二面的leader建议我若是想看源码的话，能够看看雅虎的YUI，是一个很是学院派的库。固然看看jQuery确定也没问题，挺好的。可是不建议一会儿就看Angular，React这种这么大而全的框架，能够深究一下总体的设计思想和部分部件的源码吧。这一步搞了大半年的话，算得上一个优秀的前端工程师了。

第五步，尝试加入一些开源库和框架的工做：研究多了，总会感受某些框架或者某些库有些小瑕疵，想本身试试。或者以前本身常常写的一些样式和功能想抽象出来，弄出一个通用的组件和库什么的。这个过程，俗称造轮子。可能不必定造出的轮子比现有的好，可是在这个过程当中，你会涨不少姿式水平，并且造着造着，谁不定就能造出一个你们都喜好用的轮子。达到这一步，我以为你能算得上一个大牛级别的前端工程师了。

第六步，加入顶级库、框架的核心开发组或者研究、开发语言自己：这一步彻底不了解，能够做为一个目标，我的感受到了这一步，能够算的上前端中的大神了。例如以前在新浪，如今在链家的鸟哥，是PHP的核心开发组成员，这种级别，足以称得上大神。

其余：

1. 构建工具推荐使用grunt＋npm＋bower

2. 编辑器推荐使用sublime，IDE推荐使用webstorm

目前企业招聘前端工程师的基本需求：

1.精通DIV+CSS网页框架布局的HTML代码编写，熟悉W3C标准；

2.使用HTML5/CSS3熟练地进行页面开发；

3.具有良好的前端架构分析能力与设计能力，与开发团队保持良好沟通；

4.精通各主流浏览器（IE6+、Firefox、Chrome、Safari）间的差别性，能快速定位和解决各类兼容难题；

5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各类Web前端开发技术，具有必定的跨浏览器开发经验；

6.熟悉Vue，react我目前是在职前端开发，若是你如今也想学习前端开发技术，在入门学习前端的过程中有碰见任何关于学习方法，学习路线，学习效率等方面的问题，你均可以申请加入个人前端学习交流裙：前面：603 中间：985 最后：993。里面汇集了一些正在自学前端的初学者裙文件里面也有我作前端技术这段时间整理的一些前端学习手册，前端面试题，

前端开发工具，PDF文档书籍教程，须要的话均可以自行来获取下载。