前端学习路线图:

  • Internet：
    • HTTP
    • DNS
  • HTML
    • Basic
    • Semantic HTML
    • Forms and Validations
    • Accessibility
    • SEO
  • CSS
    • Basic
    • Layout
    • Responsive Design
  • JavaScript
    • Baisc
    • DOM
    • Fetch API / Ajax
  • Package Manager
    • npm
    • pnpm
    • yarn
  • Framework
    • Angular
    • Vue.js
    • React
    • Svelte
    • Solid JS
    • Qwik
  • Writing CSS
    • Tailwind
    • Radix UI
    • Shadcn UI
  • CSS Architecture
    • BEM
  • CSS Preprocessors
    • SASS
    • PostCSS
  • Build
    • Module Bundlers
      • parcel
      • Rollup
      • Webpack
      • esbuild
      • Vite
    • Task Runners
      • npm scripts
    • Linters and Formatters
      • Prettier
      • ESLint
  • Test
    • Vitest
    • Jest
    • Playwirte
    • Cypress
  • Authentication Strategies
    • JWT
    • OAuth
    • SSO
    • Basic Auth
    • Session Auth
  • Web Security Basics
    • CORS
    • HTTPS
    • CSP
    • OWASP Security Risks
  • Web Components
    • HTML Templates
    • Custom Elements
    • Shadow DOM
  • Type Checkers
    • TypeScript
  • Server Side Rendering(SSR)
    • Svelte
      • Svelte Kit
    • Vue.js
      • Nuxt.js
    • Angular
      • Universal
    • React
      • Next.js
      • Remix
  • GraphQL
    • Apollo
    • Relay Modern
  • Static Site Generators
    • Vuepress
    • Jekyll
    • Hugo
    • Nuxt.js
    • Astro
    • Eleventy
    • Next.js
    • Remix
  • Progressive Web App
  • Mobel Applications
    • React Native
    • Flutter
    • Ionic
    • NativeScript
  • Desktop Applications
  • Bonus Content