前端练级之路

一个及格的前端需要有什么能力

• 理解 HTML 语义化

• 了解 CSS 的原理，能够梳理、规范（即模块化）CSS

• 掌握 JavaScript 的语法，对 函数式编程 有所了解

• 理解 HTTP 协议

• 具有基本的设计功底

• 能够写一点点的后端

练级路线

1. 读 《HEAD HTML and CSS》，了解基本的 HTML/CSS

2. 读 《JavaScript DOM 编程艺术》，了解基本的 JavaScript

3. 学习 NodeJS（读 《深入浅出 Nodejs》），了解 NodeJS 的运行原理。前面2步只是学了一点前端的基础（中的基础），这一步是加深对 JavaScript 的理解，顺便整个前端（或者是 HTTP 的机制进行了解），中间需要学习一些基本的 HTTP 知识，比如说怎么验证啦，怎么登陆啦，怎么缓存啦（这个时候需要看《图解 HTTP》）

4. 学习完上面三个之后，就可以写一个小项目来练手，比如写个最简单的博客系统，这个时候需要自己补充一点设计的功底，可以找几本 Web 设计书看看，有条件的可以自己开搞（比如 MacOs 下，sketch 就挺好用的）。这个时候也需要点一下数据库相关的知识，从 SQL 到 NoSQL 都可以。

5. 写博客系统的时候就会遇到各种各样的问题，这个时候就比较好掌握学习的方向
1. 原生 JavaScript 有点麻烦，可以考虑看一点 jQuery，不过我认为最好的 jQuery 的学习方案是找一个开源组件看源码（比如 Select，Datepicker）
2. CSS 太多的时候有点麻烦，这个时候可以去看看 SCSS
3. 移动端样式不好，可以学响应式设计
4. 设计的不好看，可以看一点设计规范，比如 Material design
5. 代码版本不好管理，学 Git

6. 第五步的小内容学完之后，也会遇到一些问题
1. 可能会有第三方依赖，如何管理第三方依赖？ 先学 bower，再学 npm
2. SCSS 脚本需要编译，懒得自己来？学 Grunt、Gulp

7. 到这一步，基本 的前端架构知识就差不多了，下一步是提升
1. 学习 ES2015，顺便尝试用 Promise、Generator、Async/Await 来使得你的博客系统更好看
2. 学习 React/Vue，发现更大的世界（备选项还有 Angular 2，Polymer）
3. 学上述的东西必然要学 Bundle 工具。了解 CommonJS，AMD 规范，顺便了解使用 browserify，webpack
4. 了解下一代 CSS 规范，并了解如何在项目中应用（postcss，cssnext）
5. 学习函数式编程，这个时候可以不局限在 js 里面，可以看看 Elm 或者 ClosureScript
6. 学习服务器部署，了解 Linux