前端学习路径

缘由

最近实验室招新，即将迎来新的一批成员。其中，学习web的一如既往的多。为了那些想学，但是并没有达到实验室要求的同学。我秉着只要愿意学习，就不放弃的态度。决定给他们写一下前端的学习路径。当然小弟不才，如有什么不对的地方，谢谢指正！

内容

不可置否。前端就只有三个内容

    1. html

    2. css

    3. javaScript

后面的很多内容都是为了更方便开发而被创造出来的。例如：

1. jQuer
2. bootStrap
3. vue等
4. ......

步骤

html是为了将内容添加到页面上，css是为了美化页面的。这里的内容很多很杂，学习将是一个长期的过程，不适合抱有全部背下来的想法。建议分为如下几步

1. 任何静态的页面，都能写出。
2. 使用javaScript操作页面变化（dom编程,bom）。
3. 兼容问题
4. 学习一门简单的后台语言（比如：php等）
5. 前后台交互,（ajax，跨域，http等）。
6. 学习快速开发的工具库：jQuery，bootstrap等
7. 深入理解前端渲染，浏览器是如果工作
8. 深入学习javaScript。
       1. 基础
       2. 数据类型，
       3. 数组，
       4. 对象，
       5. 函数，
       6. 面向对象编程...
       7. 闭包
       8. 底层运行机制
       9. 原型链
      10. ...
9. 学习node等
10. 学习vue等三大框架的使用，前端项目工程化，各种打包工具，包管理器
11. 深入研究vue等框架
12. 安全
13. 性能优化
14. 跨平台开发（RN，WEEX，）
15. 关注前端的前沿技术

以上就是一个前端应该掌握的。但是在面试前我们往往会有笔试，笔试的题型一般是如下题型

1. 选择题
2. 前端基础
3. 操作系统
4. 数据结构与算法
5. 如果比较乱的话，还有如下:
   1. 数据库
   2. 网络协议
6. 编程题（编程能力，和算法能力）
7. 问答题（关于前端某个知识点的问题）。例如：
   1. 你是如何优化你的代码的？

以上就是在笔试中可能会遇到的问题。

推荐：

书籍推荐

1. html5权威指南
2. javaScript权威指南
3. javaScript DOM编程艺术
4. javaScript高级程序设计
5. javaScript忍者秘籍
6. 你不知道的javaScript
7. ES6标准入门
8. 剑指offer（算法相关书籍）
9. 精通css
10. ...

网站推荐

1. 查资料相关
      1. github
      2. w3c
      3. mdn
      4. 菜鸟教程
      5. ....
2. 学习视频相关
   慕课网
   网易云课堂
   百度传课
   腾讯课堂
   极客学院
   我要自学网
   ...
3. 博客相关
   1. 阮一峰
   2. 张鑫旭
   3. 廖雪峰
   4. ....

以上仅仅是我个人的学习经验而言。