2020年零基础开始，如何掌握好Web前端基础？

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

那么如何成为一名好的前端工程师呢？

学习路线

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

**2、JavaScript高级课程、PC端全栈项目开发。**主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。

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

HTML + CSS这部分建议在在线教程上学习，边学边练，每个属性后还有在线测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练、多练、多练 ，最重要的事儿还得我说三遍？

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

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

从事全栈6年，专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（网页制作，网站开发，web开发，从0基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端HTML5的项目实战【视频＋工具＋系统路线图】全栈工程师学习路线以及规划都有整理，分享给小伙伴）点：学习前端，我们是认真的

1 . JavaScript

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

《JavaScript DOM编程艺术》

最好的JS入门书籍，最让人有兴趣读完的那种书。

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

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

《JavaScript高级程序设计》

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

《JavaScript权威指南》

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

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

《JavaScript语言精粹》

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

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

2 . CSS

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

《Head first HTML&CSS》
《CSS权威指南(第三版)》
《图解CSS3：核心技术与案例实践》
《CSS禅意花园》

希望对小伙伴们有所帮助。