Personal Website

Courses

Học theo thứ tự: course trước là nền cho course sau. Mỗi course gồm 5 lessons tương tác và một dự án cuối course.

1. Course 17.5 hours

   Plan Your Site with Claude Code

   Lên kế hoạch website cùng Claude Code

   Website cá nhân của một người làm tài chính cần nói điều gì để người khác hiểu và tin mình?

   Website cá nhân bắt đầu từ việc hiểu người đọc, không phải từ giao diện. Viết rõ audience, dịch vụ và bản thân vào thư mục docs rồi dặn quy tắc trong CLAUDE.md, Claude Code sẽ dựng đúng ý bạn ngay từ đầu.

   5 lessons

   1. 1Vì sao người làm tài chính cần website cá nhân?
   2. 2Claude Code trong Claude Desktop làm được gì cho bạn?
   3. 3Người đọc website của bạn là ai?
   4. 4Mô tả dịch vụ và bản thân thế nào cho rõ?
   5. 5CLAUDE.md nên dặn Claude Code những gì?

   Key Concepts

   • Personal brand
   • Claude Code
   • Audience
   • Docs folder
   • CLAUDE.md

   Final Project

   Thư mục docs cho website cá nhân

2. Course 27.5 hours

   Design & Build with Vite

   Thiết kế và dựng website bằng Vite, Tailwind, shadcn/ui

   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 đó.

   5 lessons

   1. 1Một website gồm những phần nào, và sitemap là gì?
   2. 2Design system là gì, lấy theme chuẩn từ UI UX Pro Max ra sao?
   3. 3Tailwind CSS là gì, vì sao hợp để dựng giao diện nhanh?
   4. 4shadcn/ui là gì, dùng component có sẵn thế nào?
   5. 5Dự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

3. Course 37.5 hours

   Deploy on Cloudflare Pages

   Đưa website lên Cloudflare Pages và domain riêng

   Từ bản chạy trên máy, làm sao đưa website lên mạng ổn định, nhanh và gắn với tên miền của chính bạn?

   Cloudflare Pages phục vụ website tĩnh nhanh và rẻ. Wrangler đưa website lên bằng một lệnh, GitHub giúp tự cập nhật mỗi lần sửa, và Claude Code có thể vào thẳng trình duyệt để cấu hình domain, với bạn duyệt từng bước.

   5 lessons

   1. 1Cloudflare Pages là gì, vì sao hợp với website cá nhân?
   2. 2Wrangler là gì, deploy lên Pages bằng lệnh nào?
   3. 3Đưa code lên GitHub để tự deploy khi sửa ra sao?
   4. 4Mua và trỏ domain riêng về website thế nào?
   5. 5Nhờ Claude Code vào thẳng trình duyệt cấu hình domain ra sao?

   Key Concepts

   • Cloudflare Pages
   • Wrangler
   • GitHub
   • Custom domain
   • DNS
   • Claude in Chrome

   Final Project

   Website cá nhân chạy trên domain riêng

Who It's For

• Chuyên viên tư vấn tài chính, bảo hiểm, đầu tư muốn khách hàng tìm thấy và tin mình trước buổi gặp đầu tiên.
• Người làm tài chính tự do (freelance), kế toán dịch vụ cần một trang giới thiệu dịch vụ chuyên nghiệp.
• Giảng viên, mentor tài chính muốn có nơi tập hợp bài viết, khoá đào tạo và thông tin liên hệ.
• Người không biết code nhưng muốn tự làm và tự sửa website của mình.

What You'll Be Able To Do

• Có thư mục docs (audience.md, services.md, about.md) và CLAUDE.md để Claude Code dựng đúng ý.
• Phân biệt header, navbar, hero section, footer và vẽ được sitemap cho website của mình.
• Website chạy trên Cloudflare Pages với domain riêng, xem tốt trên điện thoại.