《图解 HTTP》：一本HTTP的神书，图文并茂，生动形象，非常适合小白学习。
《Head First HTML与CSS(第2版)》：入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。
《锋利的jQuery》：作为第一本原因是jQuery入门快，你不会因为js的晦涩难懂而止步不前，因为学习jQuery后你可以自己写一些可以即使看到效果的小项目从而提升兴趣。
《Javascript 高级程序设计》：书中涉及的概念基本涵盖了js的大部分内容，包括作用域链、js数据类型、OOP对象在js中的实现、闭包、BOM和DOM模型、对变态IE的系列兼容的解决方案、事件流、还有xml、jason、E4X这些数据格式与js的交互操作简介、高级技巧的介绍(比如惰性载入)等等
《高性能JavaScript》：揭示了技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。
《JavaScript 设计模式与开发实践》：腾讯前端AlloyTeam团队出品，综合讲述前端的设计模式，设计原则，编程技巧，代码重构等等。
《CSS 世界》：CSS和javascript一样，都是很容易上手，却很难精通的。这本是前端知名博主张鑫旭的书籍，好评很多，讲的很细致。
《CSS 揭秘》：CSS进阶必备书籍，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。
《深入浅出Node.js》：针对Node的基本原理做了深入，能让你了解底层的Node实现
一、首先，在学习之前搞清楚你要做什么工作岗位，看看招聘网站上的要求有哪些，这些都是你学的动力。也能让你很快的重新入行。 下面我帮你总结了三条：1、知识构架。如果题主知识构架比较丰富，那么你学习前端开发的过程相对较快。同时也是你较强的岗位竞争力。如果不是，建议找人带你整体梳理一遍。
2、开发场景。前端开发目前在功能上不断得到拓展，除了传统的web前端开发之外，还包括Android开发、iOS开发和各大平台小程序开发等，对应的你需要了解、掌握JavaScript、Android开发需要掌握java语言（或者kotlin），而iOS开发则需要掌握OC或者Swift语言。你可以选择好心仪的公司再去对应学习。
3、实战经验。按照题主的情况需要多找项目来练练手，有需要的可以SX我。
二、根据企业的要求，规划一条科学合理的学习路线图。请你看下面学习路线图，完全是针对企业定制化人才需求规划。避免小白踩坑。第一阶段：前端页面重构
内容包含了：（PC端网站布局项目、HTML+CSS基础项目、WebApp页面布局项目）
第二阶段：JavaScript高级程序设计
内容包含：（原生 JavaScript交互功能开发项目、面向对象进阶与 ES/ES应用项目、JavaScript工具库自主研发项目）
第三阶段：PC端全栈项目开发
内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）
第四阶段：移动端项目开发
内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）
第五阶段：混合（Hybrid,ReactNative）开发
内容包含：（微信小程序开发、React Native、各类混合应用开发）
第六阶段：NodeJS全栈开发
内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）
第七阶段：大数据可视化
内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D.js详解、三、其他JS库）
三、学习web前端注意事项：1.不要以看书学习为主，学习编程不是数学语文那么容易，你看看例题就会了，更需要的是别人的讲解，你自己看书上那些专业的文字，只是凭你自己意识理解的那样来，但是一般情况下我们都理解不了，毕竟我们不是出书的人，最好的方式就是找视频进行学习，找好的视频进行学习，然后在配上别人的解答，再加上自我的主动学习。
2.当你学习的时候，可能会出现学了就忘记不住的情况，小编见过很多这样的情况，包括自己曾经学习的时候也是这样。打个比方：比方说我们在学习英语的时候，一天学习20个单词，但是过了一周之后，我肯定会忘记之前学过的单词。那么记住这些单词最好的办法就是应用于对话当中。我们学习web前端也是这样，同一个标签或者属性，或者是JavaScript的语法，只有你不断的见到它，并且应用它，让它都认识你了，这样你就扎实的掌握了，所以实际应用非常重要。
3.学习方法决定了你学web前端的效率以及你可以走多远，学习编程非常依赖一个好的学习方法，有太多人因为学习方法不对最终导致放弃，所以小编让各位一定注意自己的学习方法，每个人的学习方法不一样，但是大多数人错误的学习方法都是相同的，所以这方面一定要找
四、在学习时要自己了解知道的几点：1.了解市场需求
首先，零基础的人应该去了解目前想要找到一份web前端的工作，应该具备哪些技能，当你符合这些企业的基本标准后，工作就不成问题。先知道自己应该达到什么标准，然后再去学习，不学无用的知识，只学工作需求大的知识，这可以避免浪费时间，这方面不浪费口舌多说，可以到招聘网站多去搜集一些，或者来问我。
2.制定计划
既然想在短时间学好一个技术，那么就应该运筹帷幄，如果你连一个明确的规划都没有，那很难说你能比别人做的更好，用更短的时间学好应该掌握的那些技术，一个好的规划非常重要，有很多人学习的时候就很混乱，结果必然不好。能每天按照计划完成的人并不多，这需要你个人的自律性，如果自己懒惰，神仙都救不了。你每天应该学习多少知识点，应该如何巩固，你要很明确。
3.辅助工具
做成一件事，无论个人能力多么出众，一定要有好的装备，那么对于学习web前端来说，什么是好的装备？比如：一个好老师的指导、一套好的视频教学、一本适合你阅读的JavaScript书籍、一个适合你的开发工具等等。这些都是辅助你的工具，但是能不能登上珠穆朗玛峰还要靠你自己，其他的都是好装备而已，没这些装备还不行。
学习的同时敲代码，多做几个项目，实践中成长、遇到难题就记下来，把它搞懂，下次遇到就会敲！
介绍一下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前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如场景，应用Vue.js/Ionic/React.js等框架开发WebApp，小程序项目开发，以及各类混合应用项目开发等。
以上就是为大家规划的学习路线，相信学完该课程即使是零基础的小白，也能熟练掌握移动Web网页开发、JavaScript网页编程、前后端交互、小程序项目开发，以及各类混合应用项目开发等核心技能，胜任前端开发工程师的岗位。
