怎么学习前端开发？求推荐学习路线？
首先，我是软件工程系的研究生，女生说这个原因就是，我有代码能力，但不强悍。。
作为一个女生对样式也很感兴趣。。。
现在做测试开发岗位，我的工作主要是python+Django开发内部使用的平台（所以这也是我的工作需求）
django使用了约1年，不算熟练，也是够用了。
在写Django时，因为测试部门往往不会有那么好的前端工程师支持，所以前台页面我们一般拿了bootstrap的东西在用，
问题就是，没有系统的学习过前端开发，很多不懂，七拼八凑的，前端代码现在惨不忍睹。
决定下狠心学习前端开发。
说前端基础，像html，css等，真是一知半解，现在各种理不清楚的感觉。
求各路大神给点意见，万分感谢啊 不知不觉已经进入这个行业六年多了，不由感叹时间过的真快啊。回想起刚自学前端的时候，自己摸索走了很多的弯路。决定趁着周末的时间，用心写一篇回答，解答零基础该怎么去学习前端这个问题。觉得有帮助请点赞收藏！
只要按照这份学习路线坚持学下去，把列出的这些知识点掌握到应用开发层面，找工作没有任何问题。（找不到工作可以随时找我内推）
首先说一下准备工作。（这几点主要针对零基础的，有基础的可以跳过，直接看后面的学习路线）
1. 有一台可以由自己支配的电脑。
我是真不想列这一点，但也是真的遇见过零基础小白问我没有电脑可不可以学编程。学习编程最重要的就是多敲代码，只有通过大量的实践你才能理解代码运用。
只看教程，不敲代码就是在浪费时间。有一台自己的电脑用于练习是必须的！
2. 每天4个小时以上的学习时间。
一般学生都有大量的课余时间用于学习前端，这一条主要说给转行者。见过很多人转行的人问我每天两个小时就不能学好前端吗？很抱歉，不能。学习技术不是一朝一夕的事情。对于转行者来讲，学到的东西没有办法实践，记得就不深刻，每天的学习时间过短就会导致学习周期拉很长，学习周期长了，很容易就出现学了后面的忘了前面的这种情况。
所以，对于零基础想要学好前端找到一份工作的人来讲，每天至少要保证4个小时以上的学习时间，把学习周期控制在六个月左右。
3. 一套系统的视频教程。
看到下面很多大佬的回答，都是给小白甩各种文档教程链接。其实对于小白来讲，这些文档上面都是一些生涩难懂的专业术语，根本就学不进去。能够通过看书、看文档学会前端的聪明人只是少部分。对于多数人来讲，看视频学习前端效率更高。
零基础视频教程可以在B站、慕课网、腾讯课堂、网易云课堂上找免费的。某宝和闲鱼上也有很多卖教程的，一杯奶茶钱就可以买到一份教程了。
我整理了一套零基础到就业的系统教程，作业+案例+项目都非常齐全，如果你找不到系统的教程，可以点击下方插件获取。这份教程学完，你想进哪个公司都行，前端开发的工作你都能胜任。
大前端全套教程免费下载4.加几个学习氛围比较好的学习群。
http://picx.zhimg.com/50/v2-42ccac05b4692a325afb3016a670dc2f_720w.jpg?source=1940ef5c
看到这也许很多人都会想到这张图，确实有很多学习群最后都变成了吹牛灌水群。但我还是建议零基础小白可以加一些学习群，一来可以了解行业情况，二来遇到网上找不到答案的情况，可以在这些学习群问。
前几天就见过一个刚学的小白写的代码没有出效果。
http://pic1.zhimg.com/v2-b81fcbda4eee923ddc094774fdafe2c2_r.jpg?source=1940ef5c
他一个单词一个字母的去和教程上对照，都没发现问题在哪，最后截图发到学习群里，大家一眼就看出他用的中文符号，但他自己就是找不到问题出在哪，也不知道用什么关键词在网上搜。
http://picx.zhimg.com/50/v2-a47659f87160f85ba3ad70f7609c55e0_720w.jpg?source=1940ef5c
所以，加一些学习氛围比较好的学习群，对于初学者来讲还是很有帮助的。
这里给大家分享一个我创建的WEB前端学习交流群，如果你在自学过程中遇见有很多问题，不知道怎么解决，可以点击下面插件进入。都是从零基础学习前端为了就业的学生以及转行的人，遇见有不懂的可以随时在群里问，大家都会帮忙解答，学习氛围非常好。在一起学习会比较有动力，有人一起相互督促，互帮互助。
前端互助答疑群+学习资料分享基地系统的大前端学习路线是怎样的？
具体需要学习哪些技术栈，可以参考这篇文章。
粟稷：系统大前端学习路线，初步掌握可拿15K的offer每个阶段需要学到什么程度？
HTML/CSS3
HTML和CSS用来制作网页，利用盒子模型，浮动，定位，flex布局进行网页布局，网页颜色，字体，背景，变换，过渡，动画等增强网页的展示效果。
学习重点：标签、选择器、权重优先级、匹配规则、浮动与清除、BFC、类名组合规则、定位、叠加技巧、伪类、伪元素、盒子模型、布局思路、CSS3选择器、flex布局、em/rem/vw
达标水平：熟练掌握HTML、CSS核心语法，掌握多种布局技巧，能够独立绘制前端静态页面。能够做到按照企业开发模式还原设计图原型图，并保证符合w3c规范，结构健壮，代码精简，可扩展性强，兼容性强，SEO语义性强的页面项目。
这个阶段学完，可以做一个企业内部的多页面的项目实战进行自我检测。
JavaScript
JavaScript简称JS，主要用来填充网页的动态效果和数据交互，从JavaScript基础语法（ES5、ES6+）规则到DOM和BOM对象的属性和方法，从而完成网页常见的交互效果。
JavaScript部分是前端的重点！到这一部分就可以结合书籍一起学习了，书籍推荐《JavaScript高级程序设计》《你不知道的JavaScript（上/中/下）》这几本书能够吃下，你JavaScript这门语言在语法层面就没有任何问题了。
JS这一块是前端的重点，学习路线里所有的知识点都要熟练掌握！
达标水平：能够使用原生javascript进行业务开发，能实现常见的DOM库和工具库，能够修改第三方库源码以供业务特殊需求使用。
学完以后最好就是找一个小项目进行练习，检验自己的学习情况。如果你学完js，缺少练手的项目，可以做一下这个泡泡龙面向对象小游戏，源码、素材这些我都上传到群文件了，可以点击下方插件加入到这个WEB前端学习交流群，自行下载练习。
前端交流基地+学习资料分享
http://picx.zhimg.com/v2-be4173d2ab9ed96f948914c875d20cd1_r.jpg?source=1940ef5c
第三阶段：HTML5 / 移动端开发
移动端主要针对于手机、平板尺寸小，功能全的网页，需要掌握多尺寸的适配技术和概念。利用html、css、js完成移动端适配，以及响应式布局的技巧。
学习重点：移动端适配/事件、CSS预处理和date-picker移动端原生组件开发。主要是把移动端的概念掌握，能够使用rem+vw来进行适配。
达标水平：能够独立实现移动端H5开发适配各种移动设备并且能够处理各种兼容问题，能够利用原生js结合H5 新特性实现各种功能组件，例如音频视频播放器、懒加载、下拉刷新、等业务组件。
第四阶段：Nodejs与工程化开发
Node.js使javascript可以运行在操作系统，从而完成更加全面的功能，比如操作系统中的文件操作，数据库操作等等；前端大部分工程化框架都是由nodejs来创建，比如webpack、vite等等；另外还可以完成整个网站后台的服务编写，从而窥探网站开发的整个过程。
学习重点：webpack工程化构建、前后端数据交互、博客的后台项目实战这三块，学习目标是掌握前端工程化与后端的数据交互。
达标水平：能够理清完整的WEB应用情景和交互行为,从理论到实践掌握常规数据库设计、路由设计、工程化、模块化、组件化、权限、鉴权、加密、跨域、认证，能够完成从前端到后台到数据库一整条线路的注册、登录、查询、修改、管理等功能。
第五阶段：VUE框架
框架可以提升开发效率和团队协作，底层依靠前端三剑客（html、css、js）进行封装完成。从mvvm概念入手，进一步理解原理，数据劫持（defineProp或proxy）、发布订阅、diff算法，，来理解为什么vue可以简化前端开发，提升效率，原理之上就是各种语法糖的学习。另外一点就是团队协作，也是正因为框架的统一性封装，在之上进行开发可以让开发人员代码风格统一，便于协作共事。
达标水平：能够熟练运用vue、vuex、vuerouter、vue-cli、webpack、postcss、babel 以及各种第三方库，实现项目开发需求，独立完成完整的前端现代化工程项目，并且深入框架原理掌握mvvm核心，能够用原生JavaScript模拟实现vue的内核双向绑定响应式模型。
学完这些，你就是一名合格的前端工程师了。不要觉得罗列的知识点过多，用心的去学习，把基础打扎实了，你才能在这个行业走的更远。如果你对于学习前端还有什么疑虑，可以点击下方插件，加入我们的WEB前端学习交流群，我们一起沟通交流。
前端交流基地+学习资料共享码字不易，看到这了就点个赞吧！
<hr/> v1.0 基础版
v1.1 选择编程系统化学习方法请参考：如何学习编程？ - 知乎
v1.2 如果你是零基础，不妨先看下这篇：零基础开始学 Web 前端开发，有什么建议吗？
v1.3 选择编程语言请参考：程序员学哪种语言最好？ - 知乎
这个问题不够准确，你当然是为了找到工作，所以应该是
如何依据最短路径学习前端开发并找到工作
恐怕很少人因兴趣而学习，所以目的还是找到工作，那我们反推下，公司需要什么样的人？
需要能干活的人，来之能战、战之能胜，即插即用的人才。
什么样的人才是能干活的？
有项目经验
有些人可能会质疑，不对呀，我同学刚毕业，啥都没做过，怎么能找到工作呢？
他很可能是985、211学校学生，这种人，公司会看潜力。因为他们能考上985、211，就意味着他们聪明，学习能力强，至于项目经验，可以培养嘛，大家心知肚明学校的教育就是一坨xiang，只要你有潜力，公司又有这个实力，可以培养嘛。
那么，如果是普通高校，或是不是前端专业，那怎么办呢？
还是，看你有没项目经验
学校又不具备让你做项目的能力，于是很多人进了培训机构，这里不对培训机构做任何评价，但是切记，要多做项目、要动手、要实践，光听课没有任何意义。
于是，这篇文章中列举了一些项目，只要能真正的完成这些项目，相信就能够胜任公司里前端的基本工作。
所以：学习前端开发＝做项目
我刚开始学编程也是一个人抱着书在图书馆猛看，结果完全没有鸟用，为什么有人在学校是一条虫，而到公司就nb了？因为公司提供了学习环境，提供了项目，团队，帮带，因此学习第一位的是先找环境，而绝不是一个人看书，一方面看书没用，另一方面一个人太孤独了，打败人的并不是挫折，而是孤单，所以第一位的是先找切入点，加入一个学习环境，先上车，再买票：）
所以，我建了个web前端纯自助学习qq群：370423482 互助、刷项目、交友：）
看书没用，看视频也没用，除了做项目，没有其它方法
每一个环节都必须用项目来检验自己的学习成果
一 初级篇：HTML/CSS/JavaScript基础知识
1.1 Html（视频+文档+项目）
视频教程
imooc(全免费、全自学):HTML+CSS基础课程-慕课网
网易前端微专业（1000+软妹币、有答疑、便宜、够用）：前端开发工程师微专业
参考文档
菜鸟学院（基础、简单）：HTML 教程 | 菜鸟教程
Mozila官方文档（全E文、逼格高，详细）：MDN HTML Doc
项目
完成零基础Html基础编码：百度前端技术学院
1.2 CSS（视频+文档+项目）时间：1周
视频教程
imooc(全免费、全自学):HTML+CSS基础课程-慕课网
网易前端微专业（1000+软妹币、有答疑、便宜、够用）：前端开发工程师微专业
参考文档
菜鸟学院（基础、简单）：CSS 教程 | 菜鸟教程
Mozila官方文档（全E文、逼格高，详细）：MDN CSS Doc
完成项目
完成Htm/Css基础编码的所有项目：百度前端技术学院 - HTML/CSS所有项目
1.3 JavaScript初级(视频+文档+项目）时间：1周
imooc(全免费、全自学):JavaScript入门篇-JavaScript入门视频教程-慕课网
网易前端微专业（1000+软妹币、有答疑、便宜、够用）：前端开发工程师微专业
参考文档
菜鸟学院（基础、简单）：JavaScript 教程 | 菜鸟教程
Mozila官方文档（全E文、逼格高，详细）：MDN JavaScript DOC
完成项目
完成该页面中的前三个项目：百度前端技术学院 - JavaScript
1.4 JavaScript高级(视频+文档+项目）时间：2周
imooc(全免费、全自学):JavaScript进阶篇_JavaScript视频教程-慕课网
网易前端微专业（1000+软妹币、有答疑、便宜、够用）：前端开发工程师微专业
参考文档
菜鸟学院（基础、简单）：JavaScript 教程 | 菜鸟教程
Mozila官方文档（全E文、逼格高，详细）：MDN JavaScript DOC
完成项目
完成该页面中的所有项目：百度前端技术学院 - JavaScript
1.5 Web基本操作（纯项目）时间：2周
Html/CSS/Javascript的内容到此学习完毕，剩下的之需要用项目来打磨，所以你需要完成页面中直到任务7的项目：百度前端技术学院 - 所有课程
--------------------------------初级篇结束----------------------------------------
到此为止你就算入门了，已经称的上是一名入门级的码农了，够简单吧：）但离找到工作还有一定差距，本人qq：693605668 有问题的直接问俺吧，或者留言即可，方便俺更好的补充答案，请注明“web前端”。
说明：框架并不重要，你应该成为做框架的人，而非只会用。会框架说明不了什么问题，本文只写前端中最核心的知识点，相信会了这些核心，框架只是顺手捻来。
-------------------------------------------------------------------------------------
二 中级篇：项目构建、实战开发
到此为止，你就已经算入门了，但是还缺乏真正的项目，找工作看什么？就是看项目经验，没项目人家可不会认可你，让我们再补充一些项目相关知识吧。
2.1 Git操作
视频教程：版本管理工具介绍-Git篇-慕课网
完成项目：自己照着视频教程撸几遍吧
2.2 Nodejs（不会Nodejs都不敢称自己是前端仔：） ）
视频
Nodejs教程1(node,grunt,restful,npm...)：进击Node.js基础(一)-慕课网
NodeJs教程2(node,grunt,restful,npm...)：进击Node.js基础(二)-慕课网
Mongodb视频教程3：mongoDB入门篇_mongoDB入门视频教程-慕课网
文档
官方文档非常棒（全E文）：Guides | Node.js
好吧，中文文档 : ) ：Node.js 教程 | 菜鸟教程
mongodb: MongoDB 教程 | 菜鸟教程
完成项目
实战德州扑克项目：百度前端技术学院 - 所有课程
到此为止你就能就行完整项目开发了，如果能吃透其中的代码，就能找到工作。
------------------------------找到工作-------------------------------------------
到此为止还是只能找到工作，意思是虽然你的水平已经达到大众水平了，但很不幸的说如果你是非科班出生，专业不对口，学校也一般，那你投100份简历可能找到1份工作，你只是分母，没有达到前10%。
“要劫就劫皇粮，要嫖就嫖娘娘” - by Jun.雷。下面这些才能确保你成为前10%的人才
-----------------------------------------------------------------------------------
三 中级篇（续）
3.1 设计模式
3.2 CSS模块化
视频
网易云课堂：电商模块化布局实战视频教程 - 网易云课堂
imooc : 前端开发_Sass/Less入门基础到高级教程_慕课网
文档参考
sass: sass入门 - sass教程
less: Less 中文网
完成项目
没找到好的，待之后更新。先跟着视频撸吧 ：）
3.3 javascript组件化
写的好点个赞哦，更多点赞，更强动力
顶! 就一个字
http://pica.zhimg.com/v2-375c52739f201faf4853dcdcd798215a_r.jpg?source=1940ef5c
致谢，放到最后吧，免得说俺写软文：）
@袁少成 @祖明 第一 CSS篇
1.2个小时的时间去看html
就学会<html><head><body><div><lable><input><p><input>就够了
2.4个小时的时间去看CSS
就学会 color,position就够了，花点时间看一下盒子模型
3.2个小时的时间，开始写一个九宫格的小程序
很简单，用Div，画出九个格子，心情好就随便给点颜色
4.2个小时的时间，去配置一下Nginx
很简单，配置好了之后就可以在PC上打开，也可以在手机上访问了
5.4个小时的时间，去学习一下 px,em,rem和百分比。
确保不同手机屏幕下看到的九宫格比例不失调，学习一下自适应。
6.2个小时的时候，学习一下Chrome的F12
感受一下盒子模型，学习在F12下调试，看大小，更改值，看盒子宽度什么的。
7.花8个小时的时候去学习各种居中
8.花4个小时的时间去学习制作表单
很简单的表单，登录注册就行，学会Placeholder.
9. 花4个小时的时间去学习制作导航栏
10.NND，忘了说了，在6条的时候就应该学会Svn或者是Git，去买一台服务器，把自己的代码放上去。
学习使用源码管理工具。
11.花4个小时的时间去练习清除浮动
12.花2个小时的时间去学习PS的切图。
13.花4个小时的时间去理解雪碧图。
14.花8个小时间的时间去找一个PSD的源文件，然后去做出一个整站的完整页面。
15.花8个小时的时间，去把这个页面做成响应式的。
16.花16个小时的时间，将这个网页的内容全部左右调换反转。
检查自己的命名，样式是否能够胜任PM异想天开的思路。
17.花4个小时的时间去学习前端编码规范和命名规则
18.花4个小时的时间去学习各种弹框
19.花16个小时的时间去学习一下Bootstrap
20花8个小时的时间去用Bootstrap把之前的页面全部重写。
21 花4个小时的时间同样的把页面元素全部左右反转。
22.花8个小时的时间去学习Less，用Less来重写你之前的任务
23.花8个小时的时间学习一下Flex布局
24.花48个小时的时间去完成一个完整的PC端
25.花48个小时的时间去完成一个完整的H5.
第二 JS篇
好吧，开始更新JS篇。
1.在CSS结束之前，准备学JS之后，就去看JS的基础语法，推荐的哪本书我忘记了，修真院官网有。每天看1个小时，10天左右就差不多了。
2。JS语法的基础部分，可以分成三大块。第一部分 数据类型，变量，函数，控件语句。预计30分钟到60分钟之内。
3。第二部分 Dom操作，先从简单的input,div,label开始，不需要学会太多，知道不懂的去百度，学会读和写，预计30分钟到2个小时之间。
4。第三部分，Ajax。学会Http的请求和响应，Json数据格式，异步和同步，超时这些基本的概念。预计在4个小时到16个小时之间。
5。如果以上学的都不好，没关系，知道不懂哪里查就好。然后花2天左右的时间，实现九宫格随机变换颜色。
6。再花5天的时间去实现一个简单的杀人游戏简化版分配角色的规则，给一个框输入总人数，然后依据杀人游戏的规则给每一个人随机分配角色。
未完待续
学习编程给大家推荐知乎旗下的职业教育品牌「知学堂」这款APP，不仅有各种编程语言如Python、Java、C++的基础语法，还有丰富的可以写入简历的实战项目，无论是职场进阶还是求职，都很适合，链接在下面了—— 不要谢我~~~，不要放弃~~~
在完整APP的迁移之后，终于可以好好写这些内容了。第一篇就是对之前的《前端技能图谱》进行一些细致的解释。当然这些是个人的经验，所以可存在一些区别，不过总的来说还是差不多的。
入门
在我理解下的基础知识，就是我们可以写一些基本的样式，并能对页面的元素进行操作。举例来说，就是我们用Spring和JSP写了一个博客，然后我们可以用jQuery来对页面进行一些简单的操作，并可以调用一些API。因此，我们需要基本的HTML / CSS知识。只是要写好CSS并不是一件简单的事，这需要很多实战经验。随后，我们还需要有JavaScript的经验，要不怎么做前端呢？
同时，我们还需要对DOM有一些基础的了解，才能做一些基本的操作，如修改颜色等等。在这种情况下，最简单的方案就是使用jQuery这样的工具。不过，如果可以自己操作DOM是再好不过的了。
中级篇
中级篇就更有意思了，现在我们就需要对页面进行更复杂的操作。Ajax和JSON这两个技能是必须的，当我们要动态的改变页面的元素时，我们就需要从远程获取最新的数据结果。并且我们也需要提交表单到服务器，RESTful就是必须要学会的技能。未来我们还需要Fetch API，ReactiveX这些技能。
除此我们还需要掌握好HTML的语义化，像DIV / CSS这也会必须会的技能，我们应该还会使用模板引擎和SCSS / SASS。而这个层面来说，我们开始使用Node.js来完成前端的构建等等的一系列动作，这时候必须学会使用命令行这类工具。并且，在这时候我们已经开始构建单页面应用了。
高级篇
JavaScript是一门易上手的语言，也充满了相当多的糟粕的用法。几年前人们使用CoffeeScript编成成JavaScript来编写更好的前端代码，现在人们有了ES6、TypeScript和WebPack来做这些事。尽管现在浏览器支持不完善，但是他们是未来。同样的还有某些CSS3的特性，其对于某些浏览器来说也是不支持的。而这些都是基于语言本来说的，要写好代码，我们还需要掌握面向对象编程、函数式编程、MVC / MVVM / MV*这些概念。作为一合格的工程师，我们还需要把握好安全性（如跨域），做好 授权（如HTTP Basic、JWT等等）。
工程化
这个标题好像是放错了，这部分的内容主要都是自动构建的内容。首先，我们需要有基本的构建工具，无论你是使用gulp、grunt，还是只使用npm，这都不重要。重要的是，你可以自动化的完成构建的工具，编译、静态代码分析（JSLint、CSS Lint、TSLint）、对代码质量进行分析（如Code Climate，可以帮你检测出代码中的Bad Smell）、运行代码中的测试，并生成测试覆盖率的报告等等。这一切都需要你有一个自动构建的工作流。
兼容性
虽然我们离兼容IE6的时代已越来越远了，但是我们仍然有相当多的兼容性工作要做。基本的兼容性测试就是跨浏览器的测试，即Chrome，IE，Firefox，Safari等等。除此还有在不同的操作系统上对同一浏览器的测试，某些情况下可能表现不一致。如不同操作系统的字体大小，可能会导致一些细微的问题。
而随着移动设备的流行，我们还需要考虑下不同Android版本下的浏览器内核的表现不致，有时候还要一下不成器的Windows Phone。除此，还有同一个浏览器的不同版本问题，常见于IE。。
前端特定
除了正常的编码之外，前端还有一些比较有意思的东西，如CSS3和JavaScript动画。使用Web字体，可惜这个不太适合汉字使用。还有Icon字体，毕竟这种字体是矢量的。不过Icon字体还有一些问题，如浏览器对其的抗锯齿优化，还有一个痛是你得准备四种不同类型的字体文件。因此，产生了一种东西SVG Sprite，在以前这就是CSS Sprite，只是CSS Sprite不能缩放。最后，我们还需要掌握一些基本的图形和图表框架的使用。
软件工程
这一点上和大部分语言的项目一样，我们需要使用版本管理软件，如git、svn，又或者是一些内部的工具。总之你肯定要有一个，而不是 2016.07.31.zip这种文件。然后，你还需要一些依赖管理工具，对于那些使用Webpack、Browserify来将代码编写成前端代码的项目来说，npm还是挺好用的。不过就个人来说，对于传统的项目来说我总觉得bower有些难用。我们还需要模块化我们的源码文件，才能使其他人更容易开始项目。
调试
作为一个工程师来说，调试是必备的技能。大部分浏览器都自带有调试工具，他们都不错——如果你使用过的话。在调试的过程中，直接用Console就可以输出值、计算值等等。如果你的项目在构建的过程中有一些问题，你就需要debugger这一行代码了。
在一些调用远程API的项目里，我们还需要一些更复杂的工具，即抓包工具。在调试移动设备时，像Wireshark、Charles这一类的工具，就可以让我们看到是否有一些异常的请求。当然在这个时候，还有一个不错的工具就是像Chrome自带的远程设备调试。对于移动网站来说，还要有Responsive视图。
测试
我遇到的很多前端工程师都是不写测试的，于是我便把它单独地抽了出现。对于一个前端项目来说，正常情况下，我们要有单元测试、功能测试，还有要一些UI测试来验证页面间是否可以跳转。对于依赖于第三方服务的应用来说，还要有一个Mock的服务来方便我们测试。如果是前后端分离的项目，我们还需要有集成测试。
性能与优化
要对Web应用进行性能优化，可能不是一件容易的事，有时候我们还知道哪些地方可以优化。这时候人们就可以使用Yahoo的YSlow，或者我最喜欢的Google PageSpeed来检测页面的一些问题，如有没有开启GZip、有没有压缩、合并、Minify JS代码等等。
我们还应该借助于NetWork这一类的工具，查看页面加载时，一些比较漫的资源文件，并对其进行优化。在一些情况下，我们还需要借助如Chrome的Timline、Profiel等工具来查看可以优化的地方。
设计
前端工程师还需要具备基本的UI技能。多数情况下拿到的只是一张图，如果是一个完整的页面，我们就需要快速分割页面布局。而依赖于不同的页面布局，如响应式、网格、FlexBox布局也会有不同的设计。而有些时候，我们就需要自己规划，制作一个基本的线框图（Wireframe）等等。
SEO
如果以搜索引擎作为流量来源，我们还需要考虑页面的内容，除非你用的是竞争排名。像Sitemap可能就不是我们考虑的内容，而我们还要考虑很多点。首先，我们需要保证页面的内容是对于搜索引擎是可见的，并且对应的页面还要有基本的Title、Description和Keyword。然后在一些关键的字体，如栏目标题等等可以用H2之类的大字的地方就不要放过。同时在页面设计的过程中，我们还需要考虑一些内部链接的建设。
它即可以提供页面的可见度，又可以提高排名。最后，如果你是面向的是Google等支持结构化数据的搜索引擎，你还需要考虑一下MicroData / MicroFormat这一类东西。 不答题，我就是顺手撕个搞小白培训的抠脚大汉。
http://picx.zhimg.com/b96f2ae363113de7601dbb877064be1b_r.jpg?source=1940ef5c
这种字里行间等于是告诉你“我是骗子，我是抠脚大汉，我在为培训班攒傻×”的回答，也是可以有人上当的。
http://pic1.zhimg.com/8fcbb4f37bd0ae0c567aaa70a61fd426_r.jpg?source=1940ef5c
你以为剪裁一下就搜不出来了？你以为搜图是逐个像素对比吗？你以为大家都用百度吗？
还动辄“小女子”“小女子”的，显摆啥？第一天做女生是吗？
西游记里面妖怪幻化人形的时候也自称“小女子”，这蠢得就跟相亲时叫女方“花姑娘”一样。
现在骗子都对智商没有要求了吗？
知乎把它推到我时间线上来，等于是知乎也有责任啊。
=====================================分割线==========================
已经这么多赞同了，不说点有用的也不好意思了。
首先，不推荐
w3school 在线教程，两个原因，一是过时，二是不全。这个东西是非官方的，也很久没维护了。
如果是搜索和学习API,推荐
DevDocs API Documentation 两个原因，一是实时更新，二是作为手册涵盖非常全面，用法和例子很清晰。有时候正看着的时候它就弹个消息告诉你内容更新了。
如果是系统学习标准知识，推荐
Standard ECMA-262
当然，初学可以先不用看这个。等你进阶的时候可以一边工作一边看。国内也有人翻译过中文版，你可以自己找找。
其次，不推荐各种乱七八糟小论坛QQ群，这种东西最终就是把你引导到付费培训班去。上上主流的技术网站、业界知名的论坛足矣，大部分时候以搜索为主。
再有就是，以当今社区的开放程度，自学是能实现系统的学习的。那么多项目开源在那任你阅览，主流技术都有文档和无数的线上问答。唯一能约束你的就是时间和精力。
而在一手资料那么多的情况下去找寻所谓的更舒服的学习方式是得不偿失的，这除了延长你的学习时间外并没有什么好处。
况且在当前日益严峻的就业环境下，时间才是最宝贵的东西。一届又一届的毕业生都在挤占为数不多的初级岗位。你还想低效地再多学一年和更多的失业人口竞争实习岗么？
取匿。
页:
[1]