前端学习路线

知识图谱

Frontend Developer
阿里前端知识图谱

技术栈

• 浏览器
• 渲染引擎、JavaScript引擎
• HTML/JavaScript/CSS三支柱
• 编辑器
• 编译任务
• 编译工具
• 打包、调试、质量
• 测试
• JS基础类库
• JS类库
• UI框架
• CSS预处理器
• 模板
• 现代化
• 安全/模式
• 中间语言
• 跨平台解决方案

  服务端浏览器

  前端基础篇

  HTML

  MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTML

  CSS

  Less：http://www.bootcss.com/p/lesscss/
  Sass：https://www.sass.hk/docs/
  选择器：https://lark.alipay.com/sjs.sjs/zsyd0o/ygziz
  布局：http://www.ruanyifeng.com/blog/ (阮一峰的博客上有很多)

  JavaScript

  书籍：《JavaScript高级程序设计》
  ES6标准入门：http://es6.ruanyifeng.com/
  Babel：在使用ES6的时候可能需要一款JS编译器 https://www.babeljs.cn/learn-es2015/

  webpack

  webpack：https://webpack.docschina.org/concepts/
  nunjucks：偶尔会用的模板语法 https://mozilla.github.io/nunjucks/

  进阶篇

  typescript：https://www.typescriptlang.org/
  Sass：
  Less：

  框架篇

  Vue

  Vue3.0官方文档：https://cn.vuejs.org/
  awesome-vue：https://github.com/vuejs/awesome-vue
  Vue.js 2.0 快速上手精华梳理：https://juejin.im/post/59aa1248518825392656a86a
  Vue学习看这篇就够了：https://juejin.im/entry/5a54b747518825734216c3df
  [译] 从1万篇文章中挑出的40篇最棒的 Vue 学习指南（2018版）：https://hijiangtao.github.io/2018/02/06/learn-vue-js-from-top-articles-for-the-past-year-v-2018/

  React

  react官网：https://reactjs.org/
  react技术揭秘：https://react.iamkasong.com/
  React入门教程：http://www.ruanyifeng.com/blog/2015/03/react.html
  react-router：https://github.com/ReactTraining/react-router
  redux官网：https://redux.js.org/

  Dva

  Dva：基于React和Redux的轻量应用框架 https://github.com/dvajs/dva

  可视化

  echarts：数据可视化 https://echarts.apache.org/zh/index.html

  其他

  Chrome调试：https://blog.csdn.net/nanjingshida/article/details/72775687
  http协议：http://www.ruanyifeng.com/blog/2016/08/http.html
  前端跨域：https://segmentfault.com/a/1190000007326671