前端路线

写给某辉看的 路线。

css

  1. 熟悉常用的css. http://www.w3school.com.cn/css/index.asp
  2. 熟悉常用的布局和flexBox http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
  3. 了解 scss或者 less http://www.ruanyifeng.com/blog/2012/06/sass.html
  4. 了解bootstrap

JavaScript

明白语法，熟悉dom和bom，能写一些动画或者特效

  1. 教程 看完基本能入门 （看完1-8章(web API)就差不多了） http://javascript.ruanyifeng.com/
  2. 了解ES6（作用域，Promise，Class等 http://es6.ruanyifeng.com/

HTML

  1. 了解一些HTML5 的API
  2. 熟悉Ajax，Fetch API
  3. 能够写一些pc页面，移动页面，响应式的页面

算法

了解一些排序算法（冒泡，快速排序等），这是最常见的
其他的可以以后再学习

框架

Vue.js 或者 React.js 学习一个(也可以都学，vue相对简单，）

  1. 了解如何组件化开发
  2. 熟悉生命周期
  3. 熟悉路由
  4. 了解渲染机制
  5. 服务端渲染（可以跳过）
    vue教程：https://cn.vuejs.org/v2/guide/ （中文的
    了解一些UI框架，比如 基于Vue 的 Element，基于React 的Antd
    学完之后，写一个 后面提到的 社区的客户端就差不多了

Node.js

  1. 入门教程：https://cnodejs.org/topic/581b0c4ebb9452c9052e7acb 这是一个完成的博客系统，可以学习Node.js ，也可以复习一下前端
  2. express.js （中文文档，http://www.expressjs.com.cn/guide/routing.html
    只需了解一下，比如简单的RESTFUL 风格的api， 比如文件服务器
  3. 一些爬虫？简单的页面数据爬取 (可以跳过

工具类

  1. 了解Webpack ，能够搭建babel转译，server就可以，不用了解如何运作的
  2. 了解scss或者less

一些项目

  1. 社区的客户端，比如v2ex，cnodejs的社区，有提供api，可以写一个客户端
    https://cnodejs.org/topic/565c4473d0bc14ae279399fe
    可以照着样子来，可以抄代码。
  2. 移动端的页面，可以写一些在移动端的页面，像天猫，京东里面的活动页面
  3. 上面提到的 博客。

其他

  1. vue 的vuex，react的Redux
  2. 微信小程序
  3. 自己写基础组件库
  4. 算法（有时间就多学
  5. 数据库的简单的增删改查（Mysql，MongoDB等
  6. Hero 搭建一个主页
  7. 基于websocket(socket.io) 的聊天室，在线五子棋等