学习
学习，尤其是自主学习对每个人来说都是一件十分重要的事情。很多人的学习都是碎片式的学习，然后就觉得成为通才了，可是一到实践动手，或者深入的时候就歇菜了，这样的方式或许是各种环境造成的没有顿悟，也是对自己的浪费。
对于写代码实效与应用的知识，最好的学习是实践，搜索学习，再实践改善，总结。没有结果的看书学习是伪用功，可能短时间会了解一些东西，但是很快会忘，还不会用，没有太多的实际价值。要学会深入地搜索学习，然后实践是入门，应用到项目里是稍入门，恰当地用到项目里才算学会，最后总结好这类知识的特点，以及熟悉其实现原理才算深入，才算是嘚瑟的资本。
对于一些需要了解原理才能入门的东西，那就头就学真打好基础深入学习，总结，然后再学着使用，拿来改善一些做项目，做事，解决问题等。
总之，有些东西我们需要从头深入地懂到尾，有些东西只需要了解，能用就行。学习的过程是要把这些给过一遍，真正的悟性在于如何有效地在工作，生活，学习中识别出哪些知识在哪些恰当的时间需要快速消化，哪些知识在哪些时间需要打好很深的基础，为以后应用起来做好坚实的准备。
资源
资源是最好的老师，因为新东西都是通过自主学习获得的，很好地利用了学习资源，就可以接触到最新的技术动态趋势，可是不能停留在这一点，只是懂一点，人家问三个问题就倒了，不成体系的学习跟没学差不多。
前端资源：
1、电脑blogs：前端乱炖，博客园，CSDN。从中多收集积累看大神系列专栏，项目遇到问题就googgle搜索出有帮助的网页来学习使用。
2、问答网站 ：stack overflow、segmentfault等等。。。。不过尽量不要去一般的很水的论坛啥的看，拒绝百度知道这类东西
3、开发者头条APP，关注一些文章，博客
4、微信公众号：前端JavaScript；前端早读课；前端外刊评论
=================================================
不能从google里自主筛选出一些东西的习惯是十分不好的。。。。这种能力是现代人需要
掌握的
==================================================
前端经历路线：
1，网页制作（PC 端和移动端网页，时间：半月为好。以后需要熟练加强）
（1）理解web 浏览器如何显示出网页，知道前端网页有哪几部分组成（HTML + CSS +JavaScript），浏览器如何使用这三种东西渲染出页面
（2）快速知道，体验学习常用html标签，，，，别浪费时间，记忆一些不用的标签。知道块级元素和内联元素
（3）知道CSS渲染的机制，CSS层叠是什么意思，CSS选择器及其优先级，懂得盒模型，position，float，display。需要的时候学习一些新增CSS3（这些东西也要快，用心的话基本10天，算上学html的时间，最重要的是多动手写一些页面，对网页布局了解，学习资源有，“css知多少”博客系列，十天标准之路）
（4）会使用js或者jQuery做一些动态效果
（5）能使用ps设计图，然后切图，能写出很好的布局网页，兼容各个浏览器，与学的过程结合，学了写不出这样的网页等于啥都没学，这阶段以动手加上理解总结为主。
参考资源：Css知多少博客系列，十天标准之路，别真花十天。。。各种博客，各种demo，多看极客学院等其他资源中的wiki，规范啥的。
2，JavaScript程序设计，jQuery页面制作（时间为1个月，根据小项目时间）
（1）深入学习js语言（ECMScript），熟悉使用jQuery API，可以使用jQuery以及js如何在网页中进行的表单验证，动画展示等基本功能。。。。保证能在很短时间内写出有动态效果的页面。
（2）理解大部分js的知识，主要以项目经验为主，中间出现不会的就寻找方法解决，是自己的编程速度和网页布局效果表现出很好的水平。
参考资源：《js高级程序设计》，《js语言精粹》，已经够用了，好的jQuery书籍，jQuery博客系列，专栏，熟悉jQuery 的API，多查API来进行项目实践。
3，DOM编程，事件处理机制，深入JavaScript编程（变量内存模型，变量访问与函数值传递，Object，Function，Array，闭包，自执行函数，原型链，ajax（XHR）），使用过大部分jQuery工具函数，事件，DOM，选择器，发送ajax，ajax基本原理。从项目和学习基础中积累总结
（1）通过参与很大的项目，从头到尾进行训练，或者自己的个人项目。对自己的代码要求苛刻，对业务的理解加强，可以进行表单提交验证，前后台数据交互，发送处理ajax。。。以及自行处理在编程中找出遇到的bug，大力减少自己在低级方面的错误。
（2）理解后台如何进行跳转的，在返回页面如何设置jsp中的变量等等。。。与后台人员一起根据业务可以做出恰当的网站页面效果。
参考资源：通过博客和项目实践为主，《js高级程序设计》，网上系列博客很有帮助，多学一些语言基础知识，尤其是在ES6和Node，模块化和组件化开发已经成为主趋势的背景下
4，深入理解jQuery的实现，学会记性面向对象的方式来进行编程，尝试学习一些框架，库，来快速完成一些项目功能，如bootstrap如何很好地做到响应式的，这样的库如何设计到自己的网站中；学习使用backboneJS框架，angular，reactJS（拿其中一个来进行项目实战），前端路由，前后台模板引擎（velocity，hbs）等一些很不错的方式。深入提高自己的能力和理解
参考资源：通过系列博客，和最新的网上教程。《backbone 入门教程，第二版》，下载github上的demo，自己实现demo。。。。这些都比较新，可以通过来看在线教育的视频，后考虑买书。
5，学习进行模块化和组件化开发，先熟悉库，类，然后根据js来构建自己的模块化库，会使用AMD和CMD的加载器，CommonJS等，不再写引入多个js文件方式的代码
参考资源：网上资源，框架官网，库官网，博客系列，demo实现，书
6，学会打包，压缩代码，使用node工具，甚至学一门后台语言，数据库等来进行开发，培养全栈的能力。学会优化自己的网站，优化以前的项目，弥补自己的漏洞，做个高级前端开发工程师
参考资源：根据自行搜索的教程搭建环境，自行尝试，修炼，，，优化项目，优化原来写过的代码，总结，多写博客文章，，，自行搭建博客，加入主流博客网站，学着写技术积累，总结。
作者：sqliang
链接：https://www.jianshu.com/p/d6ebecb4ef5a
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。