《JavaScript高级程序设计（第3版）》
这两本全部吃透就相当不错了，都是非常非常经典的书，html5，css3这种的，基础打好了后面再学习
许多初学者对WEB前端还很陌生，不知道什么是Web前端？web前端是干什么的？以及web前端技术需要学习什么？其实Web前端开发也戏称“web前端开发攻城狮”，目前这个职位也叫“大前端”。这个职位好多人并不知道是怎么叫出来的，那么我偷偷告诉你：其实是淘宝团队，发明出来的本土化的名称，因为历史原因，淘宝在2005以后迅速崛起，并且爆发式的访问量，让淘宝网的用户体验受到巨大考验和急需前进。
然后淘宝官方第一次有了【web前端开发】这个字眼和招聘职位，或许其他网站也想到了这样一种描述，但是毕竟知名度巨高的淘宝，受关注度自然高，口碑相传，就把前端开发这个叫法发扬光大了。
而那时候的网页设计师如果要入此道，必须要掌握的就是Dreamweaver，并不是说只有他能写html和css，而是它在当时的自动提示实在太好用、太强大了，简直不用费脑细胞，你就可以轻轻松松地完成你所想。在当时前端工具和编辑器贫乏的时代，这个绝对是神奇级别了（当然后来写的多了都熟悉基本不用提示的）。当年还有很多基于Dreamweaver构建网站的教程，那时候真的是个基情满满的年代，这些工具类的历史产物，有兴趣的朋友可以去了解一下就好了.
Web前端工程师主要做什么？前端工程师需要的知识和技能？前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。
在多终端的时代，如果一个产品同时支持PC、移动端，前端工程师还需要和更多的角色打交道。
前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法，许多问题有非常巧妙的思路和精彩的解决办法，前端在工程师群体里是属于非常有创造力的一个群体，因为这个行业需要丰富的创造力和想象力。
前端工程师还是Web标准的制定者、实践者和推动者，而现在的W3C标准不仅仅局限于浏览器，还包括各种手持智能设备，车载设备、智能家居等等。在未来万物互联的时代，前端将不仅仅是网页上的工程师， 而是所有人机交互领域的工程师。
web前端自学建议：1、作为一个初学者，你必须明确系统的学习方案，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就全靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多长时间内学完，建议时间6个月保底。
2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里告诉大家，书可以看，但是是建立在你已经对于某个知识点有了具体的操作的执行后，再用书去巩固概念，这样更加利于你对知识的理解。
3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这反面还是很多的，我就简单说个例子，有的人边听课边敲代码，这样是不对的，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合自己的学习方法是学习的前提。
自学路线：请点击输入图片描述
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
书籍资料自己上网查查，视频教程的话，我建议你去B站溜达溜达，很多全套并且免费的教程都在B站，还有很多大佬直播讲解知识点，和不错哦！
