前端学习路线图

前端学习路线图:

• 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