mslight2/web-developer-learning-plan

:pig:A learning plan for web development

前端开发者学习计划&笔记

• 大纲

I	II	III	IV	V	VI	VII
计算机基础	算法	设计模式	HTML/CSS	源码/JS基础	后端	其它

不积跬步，无以至千里；不积小流，无以成江海。

计算机基础

操作系统

• 计算机
  • 《计算机组成原理》
• Linux系统基本操作
  • Linux私房菜
  • Linux兄弟连视频学习
• 网络
  • 《图解http》 ✔️ → 笔记
• 编译原理

算法

• 《数据结构和算法之美》 ---- 极客时间

设计模式

• 《js设计模式》 ✔️ 笔记

HTML/CSS

• 《CSS揭秘》:heavy_check_mark: 30%
• HTML5 新标签 ✔️
• CSS 属性 → CSS 参考
• CSS动画
• SVG

JS进阶

• Canvas 👻
• WebGL(three.js) 👻

书籍

• 《JS高级程序设计》 ✔️
• 《你所不知道的JavaScript上卷》 ✔️
• 《你所不知道的JavaScript中卷》 ✔️
• 《你所不知道的JavaScript下卷》
• 《高性能JavaScript》 ✔️

框架

• Vue(vuex、vue-router)
• React(redux、mobx、react-router)
• Angular
• 小程序(mpx)
• TypeScript
• Taro开发
• SSR(服务端渲染)

源码/基础

• 基础 → 笔记
  • es5、es6继承
  • call apply、bind、JSON.stringify、JSON.Parse、Promise、async await实现
  • underscore源码
• Vue 源码学习
  • snabbdom源码阅读 ✔️ → 源码细读
  • vue源码阅读 🕙 → 源码分析笔记
  • vuex源码阅读
  • vue-router源码阅读 ✔️ → 源码阅读
• React redux 源码阅读
• webpack 源码阅读

打造自己的组件库

• TS + React + Jest(material)

前端测试

• jest

后端

• NodeJs(koa2、nestJs) 🕙
• deno
• Go 👻
• Rust
• 数据库
  • indexDB
  • MongoDB
  • MySql
  • PostgresSQL

其它

• 前端性能优化
  • 极客时间《全链路性能优化》 🕙
• 《浏览器工作原理与实践》
• web安全
• Flutter 👻
• Android 👻