Skip to main content

Get Start

根据roadmap.sh前端方向路线进行学习的个人学习笔记,包括部分文章翻译和补充资料查找。

A personal study notes on the frontend track of the roadmap.sh website.前端路线图

Internet:

  • How does the internet work? 5/5
    • Internet是如何工作的
  • What is HTTP? 4/7
    • HTTP简介
    • 为什么需要HTTP3
  • What is Domain Name? 3/3
    • 域名
  • What is hosting? 3/3
    • 虚拟主机
  • DNS and how it works? 4/7
    • DNS
  • Browsers and how they work?
    • 浏览器是如何工作的

HTML:

  • Learn the basics
    • 什么是HTML
  • Writing Sematic HTML
  • Forms and Validations
  • Accessibility

CSS:

  • Learn the basics
  • Making Layouts
  • Responsie Design

JavaScript:

  • Learn Basics
  • Learn DOM Manipulation
  • Fetch API/Ajac(XHR)

Version Control Systems:

  • Git

VCS Hosting:

  • GitHub

Package Managers:

  • npm

Pick a Framework:

  • React

Wrting CSS:

  • Tailwind
  • Radix UI
  • Shodcn UI

CSS Architecture:

CSS Preprocessors:

Build Tools:

  • Module Bundlers
    • Vite
    • esbuild
  • Task Runners
    • npm scripts
  • Linters and Formatters

Testing your Apps:

  • Vitest
  • Playwright

Authentication Strategies:

Web Security Basics:

Web Components:

Type Checkers:

  • TypeScript

Server Side Rendering(SSR)

  • React

    • Next.js
    • Remix

GraphQL:

Static Site Generators:

Progressive Web Apps:

Mobile Applications:

Desctop Applications:

Bonus Content: