jCodeLife/mind-map

简介

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...