简介
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
⭐️ 🚫
- npm Scripts
- 9.2 模块打包器
- Webpack
⭐️ 🚫 - esbuild
⭐️ 🚫 - Rollup
🉑 🚫 - Parcel
🉑 🚫 - Vite
🉑 🚫
- Webpack
- 9.3 Lint工具和格式化工具
- ESLint
⏳ 🚫 - Prettier
⏳ 🚫
- ESLint
- 前端框架
🔥
- 10.1 React
⭐️ - React基础 86张
✅ - Redux
⭐️ 🚫 - MobX
🉑 🚫 - Recoil
🉑 🚫
- React基础 86张
- 10.2 Vue
⭐️ - 10.3 Angular
🉑 - RxJS
🚫 - NgRx
🚫
- RxJS
- 现代 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
🉑 🚫
- Tailwind CSS
- 13.2 CSS 框架(无JS)
- Bootstrap
🉑 🚫 - Bulma
🉑 🚫
- Bootstrap
- 测试
🔥
- Jest
⭐️ 🚫 - React Testing Library
⭐️ 🚫 - Cypress
⭐️ 🚫 - Enzyme
⭐️ 🚫
- 类型检查
🔥
- TypeScript
⭐️ ✅ - TS 27张
✅
- 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...