新手应该如何入门前端

　　7月1日的时候参加豪情大神组织的群内个人经历分享，总结了一下个人入门前端的一个过程，现整理成文，希望对后来者有帮助。

　　一.个人自我介绍

　　　　　　本人是14年飞行器制造专业毕业，进入深圳的一家研究院从事航天方面的工作，之后跟随当时的领导跳槽到了一家新公司， 担任软件工程师，刚来的时候恰好公司官网出现问题， 领导就把这个事情交给我， 当时还根本没有接触过前端， 只能硬着头皮上了。 然后就入坑了。

　　二.个人推荐的入门最佳实践

　　　　　　我入门的时候就是在网上找了一个帖子然后一头扎进去，按照帖子给的路线去学习， 现在看来，其实是走了弯路了。 希望看到这篇帖子的人能够少走一点点弯路。

　　　　1 第一阶段：

　　　　　　推荐菜鸟教程 将里面HTML和CSS JS部分全部过一遍， 里面的例子也照着写一遍。 这样你就对HTML CSS JS有大概的了解了。

　　　　2 第二阶段：

　　　　　　这个阶段你就应该去大量的买书了。（不推荐看视频， 知识点太杂， 不成体系）个人推荐几本书：

　　　　　　　　　2.1 HTML ： 个人没有买HTML的书本，感觉菜鸟教程上的已经够了。

　　　　　　　　　2.2 CSS  ：《精通CSS》（人民邮电出版社） 这本书将里面的CSS的概念讲的很清楚了。有一本书就够了。

　　　　　　　　　2.3 JS     ： 《JavaScript高级程序设计》（人民邮电出版社） 这本书需要反复看， 不过这个阶段你先通读一遍， 理解里面的一些重点概念。 

　　　　　　　　　2.4 DOM  :  《JavsScript DOM编程艺术》(人民邮电出版社)  这个里面都是很几本很浅显的DOM操作，但是入门绝对神器。

　　　　3 第三阶段：

　　　　　　当你看完上面的基本书， 跟着上面书的例子敲一遍之后， 这个时候就应该大量的练习了。推荐几个比较好的项目：

　　　　　　　　　3.1 freeCodeCamp国外的一个项目，能够很好的锻炼你的英文能力。（需要FQ）

　　　　　　　　   3.2 百度前端技术学院里面学生居多，有很好的讨论氛围。

　　　　　　提一点， 在做这个项目的过程中可能会碰到不知道如何下手的情况， 建议除了查手册以为不要去百度找答案，去你在第二阶段看到的书里面找。那些书都是经典， 都是大师写的代码， 不知道比网上的高多少。

　　　　　　在这个过程中， 你还需要做的是大量的看前端的书， 这里推荐几本：

　　　　　　　　　3.3《JavaScript语言精粹》、《编写可维护的JavaScript》、《高性能JavaScript》

　　　　4 第四阶段:

　　　　　　　　如果这个时候你还没有放弃前端的话， 恭喜你， 你算入门前端了。 但是离前端开发还有距离， 不过已经可以跟上现代前端的开发步伐了这个时候要做的就是:

　　　　　　　　4.1 入门一个前端开发框架， 这里推荐最火的react

　　　　　　　　4.2 入门一个前端自动化工具 , webpack

　　　　　　　　4.3 入门一个CSS预处理语言，sass

　　　  5 第五阶段：

　　　　　　　　这个时候就可以自己开发项目了。 准备自己的求职作品。 那么要做的事情：

　　　　　　　　5.1 用上述的知识去做项目。大量的做，坚实基础

　　　　　　　　5.2 空闲时间看看大牛博客， 博客都是对某个问题有很深入的研究。这个才是追随大牛博客的意义,这里推荐几个常去的网站：

　　　　　　　　　　　　　豪情前辈　张鑫旭前辈  叶小钗前辈 简书 segmentfault 前端乱炖  

　　三 个人的一点小建议（不一定对）

　　　　　　学技术是一件枯燥的事情，希望能够耐的住寂寞。给大家一点小建议：

　　　　　　　　1.目前来看， 前端还是英文世界主导， 所以尽量让自己能看得懂英文技术文献

　　　　　　　　2.了解基础知识的时候一定要看书， 不要去看视频或者网上的博客， 因为那样你的知识太零散了， 不成体系。 

　　　　　　　　3.做项目可以看看视频， 因为一个项目往往对经验要求高， 这个时候，视频才是最直观，信息量最大的表达方式，表现手法。

　　　　　　　　4.如果你觉得本文对你有一点帮助。那么欢迎大家加入 豪情大神 JS前端开发跳板3群：570259839  这里有最好的技术交流氛围，对新人的成长很有帮助。

 

　　以上，祺。