1. Web前端是做什么的?
学习之前我对网页设计、UI、网页制所盒Web前端的概念很混淆，上网查了才明白：网页设计是指运用一些软件对网站进行美化，解决“好看”的问题;UI是指人与界面互动的优化，解决“舒适”的问题;网页制作着重PC端网页制作;而Web前端包括PC端和移动端的前端界面制作。
2. Web前端的基础技能及工作职责是什么?
爱它就要更深入了解它，学习Web前端就要清楚地知道Web前端工程师需要什么基础技能及其工作职责。其实，这“很简单”，只要你精通HTML+css(包括现在的HTML5+CSS3)、Javascript、JQuery，了解界面设计，了解后端编程，服务器知识+后端语言基础。
====================================
01.环境搭建
前端环境很好搭建，一个开发工具即可，webstorm，hbuilder，vscode，sublime。初学者建议sublime 也不要装插件，没有语法提示，可以打基础
02.html基础
带你去认识html，让你学习去运行html，等浏览器上面打开你的页面的时候，你会有很强的成就感，然后开始学习html的基础标签
03.css基础
html是勾勒，css是染色，基础的css学完你会有种想写页面的冲动，这时候你不用抑制住那种感觉，直接按照自己所想开写，这是你的第一个项目
04，js基础
js是页面的逻辑，作为一个web前端工程师，js是很核心的部分，也是很难的部分。js的学习之后放长一些，尤其是前一周，要让自己去熟悉那种语法环境，培养自己的开发思路，而且有一点就是学完一个星期的知识之后，及时和你的指引人沟通，看卡自己的理解是否有误，还有就是学习思路是否有问题，他会给你指出那些东西需要多学习，哪些不常用，还有就是给你点一下你学的这些在项目中会是怎么去应用，理论联系实际是最好的学习方式。
05.纯js操作dom和jquery
这阶段要知道怎么去用js来更改页面的元素，怎么去写dom事件，经过一番联系后，再引入jquery，不要本末倒置，有个同学学完jquery之后说发誓以后再不用原生js操作dom！然后被我狠狠骂了一顿
06，开始你的ui框架之旅
这个阶段我推荐从bootstrap开始，这个框架很经典，响应式的珊格系统被后来框架一直沿用，在我线下教学的那几年，我都会带着学生一起看bootstrap的源码，让他们学会这种设计思想，因为之后对他们太有用了，当时他们很痛苦，现在他们说起来觉得很受益，如果可以，你也要去看看源码，先学会去定制bootstrap，公司注重二次开发，定制 bootstrap正好可以练手。
07.开始深入css3
基础学完css3要提上日程，这时你会看到不一样的世界
08.深入js
这阶段你就要去解读原型链，原型替换，this指向，es6，es7的新语法，
09.学一套主流mv*框架
vue，react，angular2选一种，
我建议从vue开始，react的jsx语法不适合你入门去学习，angular2的typescript语法糖难度也比较高，vue学起来平滑些，结合vue，学一下vue-router，vuex，element ui，axios，webpack。做个项目玩一下这个全家桶
10.升级后台语言nodejs
这个不作要求，你在学vue的时候其实已经在用nodejs了，你用的npm就是nodejs的一部分，这个阶段说的是nodejs编程，比较难理解，毕竟是写服务器的东西，不过前面基础打牢固，让别人一点拨就能上手，技术不难，难在思路转换。
===================================
学习web前端开发时需要注意什么?
第一，web前端基础的重要性
无论做什么都一定要有扎实的基础，学习web前端开发也不例外，只有基础牢固，才能更深入的学习新技能。作为一名初级的web前端工程师，你必须要具备最基础的技术要素：HTML，CSS和Javascript。这是作为web前端工程师所必须要掌握的。web前端的入门门槛其实很低的，与其他语言先慢后快的学习节奏相比，他是一个先快后慢的过程。所以在前期的学习过程中，你会很容易的掌握其基础的技能。而随HTML5着技术的广泛应用，web前端的学习也会变得更加简单。
第二，细节的重要性
有句俗语是这样说的：“细节决定成败”，很多web前端开发者在工作过程中为了追求速度，而忽略了一些细节性的东西。比如：给代码加备注，代码的命名规范，代码的简洁等。所有的这些看似不重要，其实却严重影响了项目的进度以及自身能力的提升。在开发过程中，适当的添加备注，能够加深对技术点的印象，也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通，提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。
第三，网站布局的重要性
做网站的最终目的除了向大众群体直观的展现公司的形象以外，更重要的还是便于SEO优化，为了提升网站在百度搜索引擎中的排名，以获取更多的浏览量。因为网站没有排名，不能让更多的人了解到公司，盈利从何谈起呢?作为一名web前端培训者，想要进一步提升技能，就一定要研究网站的优化布局。
最后，学习的重要性
优秀的web前端工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。所以，作为web前端工程师一定要不断的学习，提升技能。
自学是学习web前端的一种方式，如果是以就业为目标的话，还是不建议自学。
现在市场上的web前端工程师学习途径大致分为3种情况： 一科班出身，二培训，三自学 。
第一，科班出生，本来就是学计算机相关专业，分方向的时候走的前端方向以外，其他的基本都没得戏。
第二，转行~想提升技能的~等，会从自学、培训这两种其中选择一个，而自学或者是培训都只是学习前端的一种学习方式而已。
1、自学
优势:可以自由安排自己的学习时间,金钱成本低。
缺点:时间较长,如果是零基础,想要自学难度比较大,找到一份正式工作,怎么也得一年半载。并且自学需要强大的自制力,耐得住寂寞,坚持每天固定的时间学习。
2、面授培训:
优势;有完善的体系课程,专业的老师指导,在遇到问题的时候,可以及时解决,并且有良好的学习氛围,一群人学习总是快乐的。可以快速入行。
缺点:相对自学,培训是需要金钱成本的,8k-2 万不等。
3、网课：
优势：跟自学一样，线上时间、地点相对灵活，以自己舒服的状态学习。没有约束，同时有老师带领。
缺点：线上通过语音、远程控制等方式还不一定能够解决技术难题。同时需要耗费大量的时间。导致最终学习效果不理想。相比面授，线上培训更加适合相对有一定基础、在校大学生、或者相关从业人士。
本文来自投稿，不代表DoDo生活网立场，如若转载，请注明出处：http://www.77dodo.com/aiwen/67149.html
