mind-map 是个人学习路上的一些小结

当前进度:

5/85

已完成:

如何查阅:

1. 点击 Github 右上角的 Fork 按钮,将仓库 Fork 到个人空间
2. 将个人空间中项目 Clone 到本地即可查阅

标志说明:

• 🔥 表示重要章节
• ⭐️ 表示必学项
• 可 表示可选项(类似技术多选一)
• ✅ 已办项(已整理过的)
• 🚫 表示待办项 (未整理的)
• ⏳ 表示有空就学

0. Internet 🔥

• Internet ⭐️🚫
• HTTP ⭐️🚫
• Browsers ⭐️🚫
• DNS ⭐️🚫
• Domain Name ⭐️🚫
• Web hosting ⭐️🚫

1. HTML 🔥

• 基础 ⭐️🚫
• 写静态页面 ⏳🚫
• 表单和验证 ⭐️🚫
• 最佳实践 ⭐️🚫
• Web accessibility ⏳🚫
• SEO 基础 ⏳🚫

2. CSS 🔥

• 基础 ⭐️🚫
• 布局 ⭐️🚫
• 响应式设计和媒体查询 ⭐️🚫

3. JavaScript🔥

• JS 基础 ⭐️🚫
• DOM 操作 ⭐️🚫
• Ajax、Fetch ⭐️🚫
• ES 6 29张 ⭐️✅
• 进一步了解提升、事件冒泡、作用域、原型、影子DOM、严格模式、浏览器如何运作、DNS、HTTP等概念 ⭐️🚫

4. 版本控制系统 🔥

• Git ⭐️🚫
• GitHub ⭐️🚫

5. Web 安全知识 ⏳

• HTTPS🚫
• Content Security Policy🚫
• CORS🚫
• OWASP Security Risks 🚫

6. 包管理工具 🔥

• npm ⭐️🚫
• Yarn ⭐️🚫

7. CSS 体系结构 ⏳

• BEM🚫

8. CSS 预处理器 ⏳

• Sass🚫
• PostCSS🚫

9. 构建工具 🔥

• 9.1 任务执行器
  • npm Scripts ⭐️🚫
• 9.2 模块打包器
  • Webpack ⭐️🚫
  • esbuild ⭐️🚫
  • Rollup 可🚫
  • Parcel 可🚫
  • Vite 可🚫
• 9.3 Lint工具和格式化工具
  • ESLint ⏳🚫
  • Prettier ⏳🚫

10. 前端框架 🔥

• 10.1 React ⭐️
  • React基础 86张✅
  • Redux ⭐️🚫
  • MobX 可🚫
  • Recoil 可🚫
• 10.2 Vue ⭐️
  • Vue 基础✅
    • Vue 101张✅
    • Vue 3 新 50张✅
  • Vuex🚫
• 10.3 Angular 可
  • RxJS🚫
  • NgRx🚫

11. 现代 css 🔥

• Styled-components ⭐️🚫
• CSS Modules ⭐️🚫
• Styled JSX 可🚫
• Emotion 可🚫

12. Web components ⏳

• HTML Templates🚫
• Custom elements🚫
• Shadow dom🚫

13. CSS 框架 可

• 13.1 CSS in JS
  • Tailwind CSS 可🚫
  • Chakra UI 可🚫
  • Material UI 可🚫
  • Radix UI 可🚫
• 13.2 CSS 框架(无JS)
  • Bootstrap 可🚫
  • Bulma 可🚫

14. 测试 🔥

• Jest ⭐️🚫
• React Testing Library ⭐️🚫
• Cypress ⭐️🚫
• Enzyme ⭐️🚫

15. 类型检查 🔥

• TypeScript ⭐️✅
  • TS 27张 ✅
• Flow ⏳🚫

16. PWAs ⏳

17. 服务端渲染 SSR ⏳

• Next.js 可🚫
• Nuxt.js 可🚫
• Universal 可🚫

18. Graphql ⏳

• Apollo ⭐️🚫
• Relay Modern 可🚫

19. 静态网站生成器 ⏳

• Next.js ⭐️🚫
• Gatsby ⭐️🚫
• Nuxt js 可🚫
• Vuepress 可🚫
• Jekyll 可🚫
• Hugo 可🚫
• Gridsome 可🚫
• Eleventy 可🚫

20. 移动应用 ⏳

• React Native ⭐️🚫
• NativeScript 可🚫
• Flutter 可🚫
• Ionic 可🚫

21. 桌面应用 ⏳

• Electron ⭐️🚫

22. WebAssembly ⏳

Keep Learning...