想转型做前端开发，如何成为一名合格的工程师？

随着互联网的发展&＃xff0c;网站前端逐渐受到了重视&＃xff0c;各地薪金也随之上涨。前端技术不断更新迭代&＃xff0c;导致大部分技术人员跟不上。因此越来越多的人想转型做前端开发了。

那么如何成为一名好的前端工程师呢&＃xff1f;本文&＃xff0c;从两方面来回答一下这个问题。

一、学习路线

1、前端页面重构

主要内容为PC端网站布局、HTML5&＃43;CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局&＃xff0c;WebApp页面布局&＃xff0c;还要可以通过HTML5&＃43;CSS3的2D、3D等属性实现一些精美的动画效果。

2、Javascript高级课程、PC端全栈项目开发

主要内容为原生Javascript、面向对象进阶与ES5/ES6应用、Javascript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。

学习目标是可以通过原生Javascript开发交互功能&＃xff0c;实现网站上的交互效果&＃xff0c;以及模块化应用等&＃xff0c;实现完整的前端工程。

3、Web前端框架、混合开发(Hybrid&＃xff0c;RN)、大数据可视化

主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid&＃xff0c;RN)、Angular前端框架、大数据可视化等。

二、前端必看的书籍

HTML &＃43; CSS这部分建议边学边练&＃xff0c;每个属性后还有测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练、多练、多练 &＃xff0c;最重要的事儿还得说三遍&＃xff1f;

Javascript要学的内容实在很多&＃xff0c;如果没有其他编程语言的基础的话&＃xff0c;学起来可能要费些力&＃xff0c;还是建议先通过在线教程学习一些基本语法和定义。

然后你必须要看书&＃xff0c;然后实践(好多人问有没有快速捷径&＃xff0c;我只能告诉你&＃xff1a;如果有捷径&＃xff0c;码农们就不用天天如此苦逼了吧)。

1 . Javascript

先说 Javascript&＃xff0c;因为前面说了&＃xff0c;CSS最好跟着视频练习&＃xff0c;毕竟都是可视化的&＃xff0c;像做艺术。

《Javascript DOM编程艺术》

最好的JS入门书籍&＃xff0c;最让人有兴趣读完的那种书。

它通过一个幻灯片案例&＃xff0c;从头到尾教你实现出来&＃xff0c;最后效果实现的同时&＃xff0c;基本的JS常用属性&＃xff0c;你也就滚瓜烂熟了&＃xff0c;很有成就感。

一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)&＃xff0c;还灌输了最符合标准的编程理念。可惜有点老&＃xff0c;最新一版是2010年的。不过不影响阅读和实现&＃xff0c;全部按照最新ES5属性就行了。

《Javascript高级程序设计》

又称红宝书&＃xff0c;雅虎首席前端架构师&＃xff0c;YUI的作者Zakas出品。虽然书名带了“高级”二字&＃xff0c;但是讲得都很基础的属性内容&＃xff0c;事无巨细。关键一点是翻译的也很到位&＃xff0c;并不是如嚼蜡一般&＃xff0c;这很重要。看此书&＃xff0c;我建议配着下面的犀牛书一起看效果更佳。

《Javascript权威指南》

著名的淘宝前端团队翻译的&＃xff0c;看译者列表都是一堆前期大神。

这本书又叫犀牛书&＃xff0c;被国人誉为&＃xff1a;Javascript开发者的圣经。网上对此书评价很多很好&＃xff0c;大概意思是说这本书是一本Javascript文档手册&＃xff0c;更适合当作字典和备忘录查询来使用。

《Javascript语言精粹》

作者是大名鼎鼎的【老道】&＃xff0c;他是 JSON格式的发明和维护者&＃xff0c;也有很多著作和对JS这门语言的超多贡献&＃xff0c;可见此人功力绝对顶级&＃xff01;

这本书&＃xff0c;属于稍微入门以后看的&＃xff0c;了解了一些中高级概念比如&＃xff1a;闭包、原型链、作用域链、继承封装等以后&＃xff0c;看此书有如神助&＃xff0c;看一页相当于犀牛书几十页的讲解(不吹牛逼&＃xff0c;当时我是这感觉的)

2 . CSS

CSS类&＃xff0c;如果视频看完了&＃xff0c;练习的熟练了&＃xff0c;你还需要一些书的推荐和查询&＃xff0c;也是有必要的&＃xff0c;小编再来给你罗列几本经典的收藏书&＃xff0c;买不买均可的。

《Head first HTML&CSS》

《CSS权威指南(第三版)》

《图解CSS3&＃xff1a;核心技术与案例实践》

《CSS禅意花园》

以上就是为大家介绍的零基础如何成为一名web前端工程师&＃xff0c;希望对小伙伴们有所帮助哦。关注我&＃xff0c;会定期为大家分享最新Web前端发展趋势、学习资料&＃xff0c;助力大家学好Web前端。