Learning Plan

想學的東西，記錄下來督促自己認真學習。

後端

Udemy 課程

• NodeJS - The Complete Guide (MVC, REST APIs, GraphQL, Deno)
• Microservices with Node JS and React
• 有餘力的話，可以再看：Learn and Understand NodeJS

官方文件

• nodejs：https://nodejs.org/en/docs/

實作

• 實作一個 server
• 實作一個 database

方向

• DB
• SQL
• Docker、k8s
• GCP、AWS

---

前端

官方文件

• MDN：https://developer.mozilla.org/en-US/
• React Beta Doc：https://beta.reactjs.org/
• typeScript：https://www.typescriptlang.org/
• react query：https://react-query-v3.tanstack.com/overview
• SWR：https://swr.vercel.app/\
• xState：https://xstate.js.org/docs/

實作

• 實作一個前端框架
  • https://github.com/mfrachet/create-frontend-framework
  • https://the-guild.dev/blog/runtime-jsx
  • https://pomb.us/build-your-own-react/
• 實作瀏覽器
  • https://viethung.space/blog/2020/05/29/Browser-from-Scratch-Introduction/
  • https://limpet.net/mbrubeck/2014/08/08/toy-layout-engine-1.html
  • https://browser.engineering/
• 實作 state management tool
• 實作 bundle tool
  • https://github.com/ronami/minipack

方向

front end framework

• React
  • React fiber
  • Under the Hood
• Vue
• Angular
• Solid
• Svelte

state management

(client state)

• Redux
  • Middleware
    • redux-saga
    • redux-thunk
    • redux-observable
    • RxJS
  • Under the Hood
• Zustand
• Jotai
• xState
• ...

(server state)

• react query
• SWR

bundle tool

• Webpack
• parcel
• gulp
• Vite
• SWC
• tsup
• rspack
• esbuild
• rollup
• turbopack
• ...

CSS 解決方案

(CSS-in-JS)

• styled component
• styled-jsx
• ...

(static)

• SCSS、SASS
• css module
• ....

(css style)

• AVO css
• CUBE css

other

• JavaScript: Under the Hood
• storybook
• Next.js、Gastby.js
• SEO
• CI/CD
• monorepo

---

訂閱平台

• 考慮訂閱 packt 或 egghead.io。

---

CS 和原理

• 線性代數
• 離散數學
• 演算法
• 資料結構
• 計算機結構與組織
• 作業系統
• 瀏覽器工作原理
• 網路概論
• Design Pattern
• SSR、CSR
• PWA
• 打包工具的原理（tree-shaking）
• 如何製作 UI Library
• 如何設計前端架構
• git 原理

---

其他

• Leetcode
• Vue
• Vuex
• Angular
• Solid
• Svelte
• graphQL
• Apollo

書

• 重構 JavaScript

實作

• https://github.com/codecrafters-io/build-your-own-x

---

之後有想到什麼的話再筆記起來。