∑ Fronted roadmap 前端路线图

文字版

• 网络
  • 因特网如何工作？
  • 什么是HTTP
  • 浏览器的工作原理？
  • DNS的工作原理
  • 什么是域名
  • 什么是web托管服务
• HTML、CSS和JavaScript
  • [[ HTML ]]
  • [[ CSS ]]
  • JavaScript
• 版本控制系统
  • 🔗github
  • Git
• web安全知识
  • [[ HTTPS ]]
  • CORS
  • Content Security Policy
  • OWASP Security Risks
• 包管理
  • pnpm、npm和yarn对比与选择
• CSS前处理
  • [[ Sass ]]
  • [[ PostCSS ]]
• 构建工具
  • 静态检查与格式化
    • [[ Prettier ]]
    • [[ Eslint ]]
  • Task Runners
    • [[ npm scripts ]]
  • Module Bundlers
    • [[ vite ]]
    • [[ esbuild ]]
    • [[ webpack ]]
• 选择一个框架
  • [[ React ]]
  • [[ vue.js ]]
  • [[ Angular ]]
• Modern CSS
  • [[ Styled Components ]]
  • [[ CSS Modules ]]
• CSS 框架
  • [[ Tailwind ]]
  • [[ Bootstrap ]]
  • [[ Bulma ]]
• 应用测试
  • [[ Jest ]]
  • [[ react-testing-library ]]
  • [[ Cypress ]]
  • [[ Playwright ]]
• 鉴权策略
  • [[ JWT ]]
  • [[ OAuth ]]
  • [[ SSO ]]
  • [[ Basic Auth ]]
  • [[ Session Auth ]]
• PWA - Progressive Web Apps
• [[ SSR 服务端渲染 ]]
• 静态网站生成器
• GraphQL
• 移动端应用
  • [[ React Native ]]
  • [[ Flutter ]]
• 桌面端应用
  • [[ Electron ]]
  • [[ Tauri ]]
  • [[ Flutter ]]

参考文献

Frontend Developer Roadmap: Learn to become a modern frontend developer