学习之前偶对网页设计、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前端？
可以学，只需几行代码即可入门，这里写一个HTML的Hello World!
将该段代码写到到txt文件中，将文件的后缀改成html，用浏览器打开，效果如下，
恭喜你，已经迈出了学习web前端的第一步！
前端开发的入门门槛很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。
零基础入门前端可以去培训机构，也可以自学，如果没有很强的自律性，建议还是去培训机构，目前网络上的培训机构很多，前端的学习时间大概在半年以内，价格也基本在1万以上。下图是偶随便在网上找的一个培训机构的就业情况，这样的待遇在深圳算比较常见的。
学习路线大致如下：
首先学习 HTML，学会写基本的页面。
然后学习 CSS，学会美化页面，学会布局。
然后学习 JavaScript，学会操作 HTML 元素。
熟悉了前端基础之后，可以学习 HTML5、CSS3、jQuery 和 Bootstrap，jQuery 和 Bootstrap 是前端的两大神器，虽然 jQuery 现在用得少了，但很多公司老系统会用到。Bootstrap 的应用就非常多了，很多网站的页面布局都是用的 Bootstrap，这个是必须学习的。
剩下的就不一一赘述了。
学习如逆水行舟，不进则退，web前端更是这样，虽然前端入门很简单，但是越往后越难，而且更新换代快。
在成为一个优秀的程序员的道路上，充满了汗水和辛劳。共勉！
有问题可以随时私信偶！
@ 自学大概要多久？
跟你说一下偶朋友的经历吧，他本身是做设计的，大概用了半年时间来学web前端，半年以后在网络公司找了一份做网站前端的工作，后来又跳了一次，一年左右吧，基本很熟练的开发了。
偶本身是在公司做技术的，大家公司就偶一个技术，他是设计，后来对编程敢兴趣就跟着学习了，大致学习思路是这样的。
首先是最基础的html和css，可以制作简单网页以后，可以逐渐接触js，js中dom相对难一些，不懂可以稍微放一放，逐渐学习，不要钻牛角尖，期间也可以报一些班跟着别人学习，他在网上报了几个班，腾讯课堂也是不错的选择，网上很多资料。
html+css+js粗通以后，就可以学习一些框架了，他选的是vue，你可以不精通js，但是利用vue可以快速开发很多高大上的东西。另外你可以选react等，vue是国人开发的文档比较全，好入门还是推荐这款的。
vue你用熟练了，就可以学习nodejs了，这样不但前端的活能干，开发个一般项目，做做后端也是没问题的，这时候你可以回过头去看看vue这些的源码了，能学到不少东西。
总结一下，半年基本可以做简单开发，勤学苦练一年可以精通
