小白必看:经验之谈!WEB前端开发工程师就业的学习路线网页前端/web开发工程师

/ 福建工程学院外国语学院网页前端/web开发工程师 / 2017-04-08

初级前端

主要学习三个部分:HTMLCSSJavaScript

一、html + css部分

这部分特别简单,到网上搜资料,书籍视频非常多。css中盒子模型,流动,blockinline,层叠,样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性,ie9以下兼容简单了解就行了,ie9以下浏览器被淘汰掉是趋势,低版本没必要浪费大量时间去学习兼容主流浏览器,google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多,建议在实践中多多积累。


二、JavaScript部分。

1、基础学习:

难点,也是重点,要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,有很多比较抽象的概念,必须要深入理解,比如闭包、原型、面向对象、封装等,要理解透彻。看书是必不可少的,找一本优秀的js书从头到尾,反复研究学习,第一遍可以快速翻阅,大体知道了解概念即可,第二三遍就需要深入学习了。另外,js面向对象编程必须要学习,非常重要,个人推荐一本书, Stoyan Stefanov著,凌杰译的《javascript面向对象指南》。边学边练,实践出真知。


2、jQuery学习:

这些基础知识掌握好之后,还需要学jQuery,这是一个非常优秀的Javascript库,大型开发必备。它简化了Javascript的复杂操作,消除了Javascript跨平台兼容问题,提供了大量实用方法,有良好的文档和帮助手册,是一个非常成熟的Javascript库。慕课网学习视频http://www.imooc.com/code/64。学习方法也很简单,照着产品文档做几个页面就行了,不用面面俱到,以后遇到问题查文档就行了。

大概流程就是这样,如下图所示:

WEB前端开发,WEB前端开发工程师,汇鱼人才

3进阶学习:
有了以上知识,对于大多数小型网站,你应该已经可以写出能够工作的代码了。但要想成为更专业的前端,你还需继续努力。更高的要求大概还有四方面:易维护,可测试,高性能,低流量(移动端)。

 

中高级前端

1、工具学习:大型项目中,前端代码构建已经不是简单的压缩一下了,依赖管理、模块合并、各种编译步步不可缺少,需要学会使用gruntgulp等前端构建工具,要学习的还有:包管理器bowernpm,代码优化CSS LintJSHintJSLintCSS预处理器lesssass,代码管理及版本控制svnGitweb框架/服务器NodeExpress,代码规范、HTML模块化、css模块化。

2布局框架学习如Bootstrap

3新技术html5学习。

4js框架学习,requireJSAngularJS等,往前端架构师靠近。

5nodejs学习。


汇鱼人才为WEB前端开发工程师就业的学习路线就先到这里,希望对WEB前端开发工程师有所帮助。想了解更多更全的内容敬请关注汇鱼人才,汇鱼人才不会让你失望的!



公众号,微信

汇鱼网海峡创乐汇
汇鱼网海峡创乐汇