个人前端学习路线规划(更新我的进度)

前端学习路线规划

学习路线图

下面是我整理的前端须要学习的技术，从上到下学习，蓝色标注的是基础知识，为必须熟练掌握的知识。 首先学习蓝色标记部分的内容

学习资源

1. 在线学习视频网站 
     慕课网：www.imooc.com 
     介绍：免费，无广告，课程知识从基础知识到高级知识，并有实际项目，是我目前见到的最好的在线视频学习网站。

2. 书籍推荐 
     HTML学习：《Head First HTML与CSS》 
     介绍：简单详细，适合入门，书虽然厚，可是图片占多数，实际内容并很少，能够快速看完，了解基础语法。 
     CSS学习：《CSS权威指南》 
     介绍：CSS各标签的使用详解。 
     JavaScript：《JavaScript编程精解》《JavaScript DOM编程艺术》《JavaScript高级程序设计》 
     介绍：先在慕课网或其余地方了解基础语法后再开始看这三本书，为必看书籍。具体介绍请根据书名搜索。

3. 在线参考资料 
   CSS3参考手册:css.doyoe.com 
   JavaScript ES6学习：es6.ruanyifeng.com 
   Jquery API中文文档：www.jquery123.com 
   Bootstrap中文文档：www.bootcss.com

建议

  欲速则不达，初学的时候都有点急躁贪多学习，多思考多动手。必定要踏踏实实的将 HTML,CSS,JavaScrip和jQuery的基础知识学好,由于框架都是在CSS或JavaScript或jQuery基础上封装成API来供 用户使用的。特别强调一点：必定要动手练习，思考实现原理。

 

深度学习的学习方向

首先固然是方向问题，有句话说的好『若是你努力的方向错了，那么停下来就是进步』。前端开发又不一样于其它职位，须要学习的东西很是多。这点从它的岗位名称变迁可见一斑：美工、页面制做、页面工程师、网页重构、前端开发、UI工程师…这些都还好，最不能忍的是被叫作『切图的』！！（你才是切图的，你全家都是切图的！！）扯得有点远，言归正传。若是你不知道从哪开始怎么办？那你能够在内心问本身一个问题：

若是你去面试你最怕被问到什么？下面这些？

• http协议

• ajax原理

• this指向

• call和apply的区别

• 函数引用和函数调用的区别

• 链式调用

• 函数节流

• 事件委托

• 闭包、做用域

• 类的定义以及继承的方法....

你可能会说上面这些都不怕。那下面这些呢？

• 设计模式

• 框架设计

• 前端架构

下面的工具框架你是据说过？熟悉？仍是在项目中反复实践过？

工具类：

• 代码管理： git svn

• 代码编译： Less Sass CoffeeScript

• 模板引擎： artTemplate  juicer  doT Tmod

• 模块加载： SeaJS RequireJS Browserify

• 项目构建： grunt gulp webpack

框架类：

• React   AngularJs  Knockout  Vue  (MVVM)

• BackBone (MVC)

• BootStrap (UI)

其它：

• Node.js

以上是挑的一些点主要是举示例，并无具体指向性做用，由于每一个人的状况确定有所不一样，可是相同的是，每一个人确定或多或少都有惧怕被问到的点，那就找到这些点，不管这些让你心虚的点是多么的微不足道或者听上去多么的高大上，花时间和心思去深挖它们，完全搞明白，要明白到什么程度呢？明白到不害怕跟任何一我的去讲授。

 

学习方法

 

下面这个图颇有名，它用数字形式形象显示了：采用了不一样的学习方式，学习者在两周之后还能记住内容（平均学习保持率）的多少。我相信包括我在内的大部分人都用行动验证了这张图的理论。这张图已经说的很明白了，怎样去学习效率更高。我想说的有两点：

 

1.读书

 

前端有一本颇有名的书：《javascript权威指南》，封面是一只犀牛，又叫犀牛书。我曾经随机的问过我认识的前端同事朋友，有谁完整的读完过这本书，答案是绝大多数人都没有。姑且不说经过阅读的学习保持率只有10%，读都没读完效果可想而知。题外话，我平时也有读书的习惯，可是超过400页的书我却不多买…900多页技术书能够买，当工具书还不错，若是打算从前言开始读完仍是算了。如今读技术书大都先浏览一遍目录，感兴趣的章节细读，甚至读好几遍，其它章节一扫而过。

 

2.不要排斥作分享或者平时和其它同事的交流

 

当你要去分享的时候，你须要确认本身对这个问题所涉及的技术都了然于心，否则若是分享或者写的东西是错的话，且不说丢不丢人，最重要的是要误人子弟，准备分享的过程就是一个巩固知识和学习新知识的过程，顺带还帮助了提出问题的人，虽然对方只学习到了5%，共赢，何乐不为呢？

 

学习途径

 

落实到具体的学习途径我能想到的下面这么多：

 

技术文章-技术博客、技术论坛知乎答疑解惑

 

技术分享-团队内部技术分享、晋级评审、外部技术分享

 

技术实践-所学内容运用到项目中、参与开源项目(github)

 

部分书籍博客推荐

http://www.w3school.com.cn/js/pro_js_object_oriented.asp
http://www.cnblogs.com/sanshi/archive/2009/07/08/1519036.html；
http://www.cnblogs.com/TomXu/tag/JavaScript/；
《JavaScript面向对象编程指南（第2版）》
《JavaScript设计模式与开发实践》
https://www.zhihu.com/question/22146521

 

写在最后

看到网上有这么一句话『道理我都懂，仍是过很差人生』，讲完一堆学习的道理，内心压力倍增，涂有道理不够，还须要去执行，就从今天开始给本身画个圆，攻破一个惧怕的点就点在圆里，等到年末回头再看，但愿你们的圆都是满的。

最后的最后

执行的源动力觉的仍是兴趣。兴趣这两个字足够解释开头的另一个问题：『为何***同事懂的这么多？他说的一些东西本身都没据说过？』，你在看芈月传的时候他在搞技术，你在消消乐的时候他在搞技术，不是有人逼着他，兴趣使然。若是你对本身的职业一点兴趣都没有，劝你趁早改行。

部分文字来源于个别文章，连接当时忘加上去了。若有侵犯，能够告知加上连接

 

这篇文章是我2016-05-16 10:36发布的，如今是2017-06-09 16:51分,我特别想补充一点就是。

不要太着急去学习新的东西，要把根基打好，要把最基础最经常使用的东西练好，就算不懂也要忍着多练几遍多找几遍为何有空就多去深究搞清楚原理，多实践多练手。

上面提到的深度学习的学习方向我大半数已经了解了。

送给那些和我同样没基础，半路出家自学的小伙伴们，一块儿加油一块儿努力！