Lộ trình Thiết kế Giao diện
Hướng dẫn từng bước để trở thành một nhà phát triển Android.
Hỏi AI về Lộ trình Thiết kế Giao diện
Chú giải
Đề xuất
Lựa chọn thay thế
Tùy chọn
1 Internet
Internet hoạt động như thế nào?
HTTP là gì?
Trình duyệt và cách chúng hoạt động?
DNS và cách nó hoạt động?
Tên miền là gì?
Hosting là gì?
2 HTML, CSS & JavaScript
HTML:
Học những điều cơ bản
Viết HTML ngữ nghĩa
Biểu mẫu và xác thực
Khả năng truy cập
Kiến thức cơ bản về SEO
CSS:
Học những điều cơ bản
Tạo bố cục
Thiết kế đáp ứng
JavaScript:
Học những điều cơ bản
Học thao tác DOM
Fetch API / Ajax (XHR)
3 VCS & Trình quản lý gói
Hệ thống kiểm soát phiên bản:
Git
Dịch vụ lưu trữ Repo:
GitHub
GitLab
Bitbucket
Trình quản lý gói:
npm
yarn
pnpm
4 CSS chuyên sâu
Viết CSS:
Tailwind
Kiến trúc CSS:
BEM
Bộ tiền xử lý CSS:
Sass
PostCSS
5 Công cụ Build
Linters và Formatters:
Prettier
ESLint
Trình đóng gói mô-đun:
Webpack
Rollup
Parcel
Trình chạy tác vụ / Công cụ Build:
Vite
esbuild
SWC
6 Chọn một Framework
React
Vue.js
Angular
Svelte
Solid JS
Qwik
7 Bảo mật web
HTTPS
CORS
Chính sách bảo mật nội dung
Rủi ro bảo mật OWASP
Chiến lược xác thực
8 Kiểm thử
Jest
Vitest
Playwright
Cypress
9 Trình kiểm tra kiểu
TypeScript
Thành phần web (Tùy chọn):
Mẫu HTML
Phần tử tùy chỉnh
Shadow DOM
10 Kết xuất phía máy chủ (SSR)
Next.js (React)
Nuxt.js (Vue)
SvelteKit (Svelte)
Astro
11 Chủ đề nâng cao
GraphQL:
Apollo
Relay Modern
Trình tạo trang web tĩnh (SSG):
Eleventy
Ứng dụng dành cho thiết bị di động & máy tính để bàn:
Di động: React Native / NativeScript
Máy tính để bàn: Electron / Tauri
12 Hiệu suất & API
Đo lường & Cải thiện hiệu suất:
Mô hình RAIL
Chỉ số hiệu suất
Sử dụng Lighthouse / DevTools
API của trình duyệt:
Lưu trữ
Web Sockets
Sự kiện được gửi từ máy chủ
Service Workers & PWAs