Design & Build with Vite
Thiết kế và dựng website bằng Vite, Tailwind, shadcn/ui
Hai website cùng nội dung, một cái trông như ngân hàng, một cái trông như trang rao vặt. Khác nhau ở đâu, khi cả hai đều do AI dựng?
- 5 lessons
- 7.5 hours
- 8 key concepts
Overview
Làm sao để website trông chuyên nghiệp, nhất quán mà bạn không cần biết thiết kế?
Gọi đúng tên từng phần của website (header, navbar, hero, footer...) và vẽ sitemap trước khi dựng giúp bạn ra lệnh cho Claude Code chính xác. Một design system lấy từ UI UX Pro Max giữ mọi trang nhất quán, rồi Claude Code dựng website bằng Vite, Tailwind CSS và các component có sẵn của shadcn/ui theo đúng theme đó.
Start anytime
Lessons
- 1LESSON 172 minMột website gồm những phần nào, và sitemap là gì?
- 2LESSON 268 minDesign system là gì, lấy theme chuẩn từ UI UX Pro Max ra sao?
- 3LESSON 369 minTailwind CSS là gì, vì sao hợp để dựng giao diện nhanh?
- 4LESSON 468 minshadcn/ui là gì, dùng component có sẵn thế nào?
- 5LESSON 570 minDựng các trang từ thư mục docs và kiểm tra trên điện thoại ra sao?
Key Concepts
- Sitemap
- Header, navbar, footer
- Hero section
- Design system
- UI UX Pro Max
- Vite
- Tailwind CSS
- shadcn/ui
Final Project
Bản chạy thử website cá nhân
Included Ebooks
Tặng kèm khi học program Personal Website, để ôn lại và tra cứu nhanh.
Community
Cộng đồng private của CFO và người làm tài chính
Được là thành viên trong cộng đồng private gồm các CFO và những người làm trong ngành tài chính, sinh hoạt online và offline hàng tuần.