根据主题循序渐进如下

1. 做一个项目需要用到哪些技术？

附上脑暴图

  1. react/rax/mirror - 框架 - angular、vue、extjs/avalon/knockjs/riot
  2. redux - 组件状态共享 - mobx/immer  === sub/pub, Object.defineProperty(get,set)
  3. ant.design - material design  <=  atomic design
  4. bootstrap
  6. history - 跳转
  7. - 栈 (replace/push)
  8. - pc, 任意性
  10. less - 样式 - sass、css
  11. - css-modular
  13. rxjs - 流式的数据处理框架
  15. nodejs - 语言 - V8
  17. git - 版本控制，分支
  19. es678 - js promise +
  20. babel - pollfill - shim
  22. axios - http 请求 - ajax - xmlhttprequest - fetch
  24. typescript
  25. coffeescript
  26. elm
  27. haskell
  29. jslint
  30. eslint - 统一，语法
  31. stylelint
  32. htmllint
  33. editorconfig
  35. proxy - 本地代理，middleware
  36. xiaoyaoji - 接口定义、mock
  38. 设计 => ui => 开发
  39. 产品思想
  40. 测试，质量
  41. 性能
  43. 沟通
  44. 约定
  47. npm - 包管理工具 vs yarn - 镜像，源，依赖关系
  48. - 版本
  49. - 缓存
  50. - ui
  51. - 串行 / 并行
  53. module.exports = 
  54. require()
  56. import 
  57. export
  59. 分治  <= 代码可控
  61. 组件化
  62. 模块管理工具 - commonjs/ES6 module/amd/cmd/umd/ - seajs/requirejs/
  63. - 业务代码
  64. - 框架代码
  65. - 懒加载
  68. webpack - gulp 流、grunt 配置、rollup、parcel 开箱即用、browserify
  69. - treeshaking
  70. - source-map
  71. - 打包 - js/css/图片/html
  72. - 优化 - 压缩
  73.         * 懒加载
  74.         * vendor
  75.         * hash
  76.         * cdn 替换
  77.         * ...

2. 前端的方方面面

工程化 + 技术栈 => 架构（脚手架）

工程化

engineer

技术

technology

3. 渐进式前端框架

f(state) => ui

框架的取舍，arthur 的演进之路

4. 函数式编程

Monad

5. 方向？

choice