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