简介

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

当前进度：

5/85

已完成：

如何查阅：

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

更多待办项

标志说明：

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

• Internet 🔥
• Internet ⭐️🚫
• HTTP ⭐️🚫
• Browsers ⭐️🚫
• DNS ⭐️🚫
• Domain Name ⭐️🚫
• Web hosting ⭐️🚫
• HTML 🔥
• 基础 ⭐️🚫
• 写静态页面 ⏳🚫
• 表单和验证 ⭐️🚫
• 最佳实践 ⭐️🚫
• Web accessibility ⏳🚫
• SEO 基础 ⏳🚫
• CSS 🔥
• 基础 ⭐️🚫
• 布局 ⭐️🚫
• 响应式设计和媒体查询 ⭐️🚫

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

• Web 安全知识 ⏳
• HTTPS🚫
• Content Security Policy🚫
• CORS🚫
• OWASP Security Risks 🚫

• 包管理工具 🔥
• npm ⭐️🚫
• Yarn ⭐️🚫

• CSS 体系结构 ⏳
• BEM🚫

• CSS 预处理器 ⏳
• Sass🚫
• PostCSS🚫

• 构建工具 🔥
• 9.1 任务执行器

- npm Scripts ⭐️🚫

• 9.2 模块打包器

- Webpack ⭐️🚫 - esbuild ⭐️🚫 - Rollup 🉑🚫 - Parcel 🉑🚫 - Vite 🉑🚫

• 9.3 Lint工具和格式化工具

- ESLint ⏳🚫 - Prettier ⏳🚫

• 前端框架 🔥
• 10.1 React ⭐️

- React基础 86张✅ - Redux ⭐️🚫 - MobX 🉑🚫 - Recoil 🉑🚫

• 10.2 Vue ⭐️

- Vue 基础✅ - Vue) 101张✅ - Vue 3 新 50张✅ - Vuex🚫

• 10.3 Angular 🉑

- RxJS🚫 - NgRx🚫

• 现代 css 🔥
• Styled-components ⭐️🚫
• CSS Modules ⭐️🚫
• Styled JSX 🉑🚫
• Emotion 🉑🚫

• Web components ⏳
• HTML Templates🚫
• Custom elements🚫
• Shadow dom🚫

• CSS 框架 🉑
• 13.1 CSS in JS

- Tailwind CSS 🉑🚫 - Chakra UI 🉑🚫 - Material UI 🉑🚫 - Radix UI 🉑🚫

• 13.2 CSS 框架（无JS）

- Bootstrap 🉑🚫 - Bulma 🉑🚫

• 测试 🔥
• Jest ⭐️🚫
• React Testing Library ⭐️🚫
• Cypress ⭐️🚫
• Enzyme ⭐️🚫

• 类型检查 🔥
• TypeScript ⭐️✅

- TS 27张 ✅

• Flow ⏳🚫

• PWAs ⏳

• 服务端渲染 SSR ⏳
• Next.js 🉑🚫
• Nuxt.js 🉑🚫
• Universal 🉑🚫

• Graphql ⏳
• Apollo ⭐️🚫
• Relay Modern 🉑🚫

• 静态网站生成器 ⏳
• Next.js ⭐️🚫
• Gatsby ⭐️🚫
• Nuxt js 🉑🚫
• Vuepress 🉑🚫
• Jekyll 🉑🚫
• Hugo 🉑🚫
• Gridsome 🉑🚫
• Eleventy 🉑🚫

• 移动应用 ⏳
• React Native ⭐️🚫
• NativeScript 🉑🚫
• Flutter 🉑🚫
• Ionic 🉑🚫

• 桌面应用 ⏳
• Electron ⭐️🚫

• WebAssembly ⏳

最后

Keep Learning...