1. Web前端是做什么的？
学习之前我对网页设计、UI、网页制所盒Web前端的概念很混淆，上网查了才明白：网页设计是指运用一些软件对网站进行美化，解决“好看”的问题；UI是指人与界面互动的优化，解决“舒适”的问题；网页制作着重PC端网页制作；而Web前端包括PC端和移动端的前端界面制作。
2. Web前端的基础技能及工作职责是什么？
爱它就要更深入了解它，学习Web前端就要清楚地知道Web前端工程师需要什么基础技能及其工作职责。其实，这“很简单”，只要你精通HTML+css（包括现在的HTML5+CSS3）、JavaScript、JQuery，了解界面设计，了解后端编程，服务器知识+后端语言基础。
3. 怎么样才能学好拿高薪，Web前端开发职业的前途怎样？
个人觉得三百六十行，行行都蕴藏的无限可能，干一行就爱一行，只要脚踏实地，努力学技术，技术硬了，自然会有前途和“钱”途。但是努力学习之前，必须要明确的目标，否则就是“看起来很认真”而已。
4. 如何学？
零基础学前端的话，这些书籍资料可以参考一下：
1、《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
2、《JavaScript权威指南(第6版)》 犀牛书，本书不仅适合初学者系统学习，也适合有经验的 JavaScript 开发者随手翻阅。
3、《JavaScript DOM编程艺术 (第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库。
4、《CSS权威指南(第三版)》，不管你是一个有经验的Web开发人员还是一个彻底的初学者，《CSS权威指南(第3版)》都是你的CSS学习源泉。
5、《JavaScript设计模式》，适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。
6、《你不知道的JavaScript(上中下卷) 》，本书既适合JavaScript语言初学者了解其精髓，又适合经验丰富的JavaScript开发人员深入学习。
7、《Vue.js权威指南》，该书内容全面，讲解细致，实例丰富，适用于各层次的开发者。
学习路线：
第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数据库)
视频教程：
希望对你有帮助，望采纳~
Web前端开发工程师已经成为了很多年轻人心中的理想工作，不仅入行门槛低、而且薪资待遇和发展前景都不错，自然吸引了大批人加入行业。那么，怎么样学习才能成为一名合格的web前端开发工程师呢？
零基础能入门web前端吗?
新人想要学WEB前端技术，最为关心的是成为WEB前端工程师要多久，学习web前端路线是怎样的。如果你真想知道学web前端技术的时间是多长，那么就得了解它究竟要学什么东西。
web前端开发技术的入门门槛其实并不算高，服务器端语言的学习特点是先慢后快，而前端开发的学习曲线则是反过来的，前期学习速度很快非常容易上手。前端工程师，也叫Web前端开发工程师。它是随着web发展，细分出来的行业。
学习web前端要掌握哪些内容？
Web前端开发技术主要学习的内容有三方面：HTML、CSS和JavaScript。近些年前端领域发展迅速，技术更新迭代也很快，这就要求web前端人员除了要掌握必备的知识之外，还需要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
如何成为优秀的web前端开发工程师？
不管是web前端技术还是其他IT技术也好，其实都是从零基础开始的，你可以直接学习或者是通过相近经历转行。所以新人不需要因零基础而担心自己学不会。想要成为合格的WEB前端工程师，其实也不是很难的事情，主要是要选择科学的学习方式。
优秀的Web前端开发工程师应该具备快速学习能力。如果没有快速学习能力，就跟不上Web发展的步伐。不断提升自己，不断学习新技术、新模式。对于新手来说，新技术就是新技术：对于一个高手来说，新技术不过是旧技术的延伸。因此，不断学习，才是重中之重!
而零基础学习者想要快速学习web前端，参加学习班是最行之有效的方法。
打好基础
无论做什么都一定要有扎实的基础，参加web前端培训也不例外，只有基础牢固，才能更深入的学习新技能。作为一名初级的web前端工程师，你必须要具备最基础的技术要素：HTML，CSS和JavaScript。这是作为web前端工程师所必须要掌握的。Web前端的入门门槛其实很低的，与其他语言先慢后快的学习节奏相比，他是一个先快后慢的过程。所以在前期的学习过程中，你会很容易的掌握其基础的技能。而随着HTML5技术的广泛应用，web前端的学习也会变得更加简单。
注重细节
很多web前端开发者在工作过程中为了追求速度，而忽略了一些细节性的东西。比如：给代码加备注，代码的命名规范，代码的简洁等。所有的这些看似不重要，其实却严重影响了项目的进度以及自身能力的提升。在开发过程中，适当的添加备注，能够加深对技术点的印象，也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通，提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。
不断加强学习
优秀的web前端工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。所以，作为web前端工程师一定要不断的学习，提升技能。