码迷,mamicode.com
首页 > 其他好文 > 详细

新手应该如何入门前端

时间:2016-07-03 23:11:00      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

  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  这里有最好的技术交流氛围,对新人的成长很有帮助。

 

  以上,祺。

 

          

新手应该如何入门前端

标签:

原文地址:http://www.cnblogs.com/zhongweian/p/5638971.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!