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: