Design
Web Design Basics
Introduction to modern web design principles
3 tháng
60 bài học
1 bài kiểm tra
30 câu hỏi
Bạn sẽ học được gì
Thu thập và phân tích yêu cầu nghiệp vụ từ stakeholders
Viết User Stories, Use Cases, và Acceptance Criteria chuẩn
Quản lý stakeholder và điều phối requirements workshop
Tạo Process Flow, Data Flow, và Business Process Model
Sử dụng AI tools (Claude, ChatGPT) để tăng tốc BA tasks
Thực hành qua bài tập thực tế và case studies VN
Chương 1: Bài học
HTML Basics
Đọc
CSS Fundamentals
Đọc
Bài 4 — Gestalt Principles ứng dụng cho Web
Đọc
Bài 5 — Color Theory cơ bản cho Designer Web
Đọc
Bài 6 — Color Accessibility & WCAG Contrast
Đọc
Bài 7 — Typography Fundamentals — Font Anatomy
Đọc
Bài 8 — Type Scale & Modular Scale
Đọc
Bài 9 — Line Height, Letter Spacing, Line Length
Đọc
Bài 10 — Font Pairing — Combining Typefaces
Đọc
Bài 11 — Layout Grid Systems — 12-column & beyond
Đọc
Bài 12 — Whitespace là một Design Element
Đọc
Bài 13 — Alignment — Tạo Order Tự Nhiên
Đọc
Bài 14 — Contrast — Vũ khí thiết kế mạnh nhất
Đọc
Bài 15 — Repetition & Pattern — Consistency
Đọc
Bài 16 — Mobile-First Design — Bắt đầu từ điện thoại
Đọc
Bài 17 — Responsive Breakpoints chuẩn 2026
Đọc
Bài 18 — Fluid Typography với clamp()
Đọc
Bài 19 — HTML Semantic — Đặt tên thẻ đúng
Đọc
Bài 20 — CSS Box Model — Padding, Border, Margin
Đọc
Bài 21 — Flexbox — Layout 1 chiều
Đọc
Bài 22 — CSS Grid — Layout 2 chiều
Đọc
Bài 23 — CSS Variables (Custom Properties)
Đọc
Bài 24 — CSS Selectors & Specificity
Đọc
Bài 25 — Cards — Component phổ biến nhất web
Đọc
Bài 26 — Buttons — Hierarchy & States
Đọc
Bài 27 — Form Design — Input Fields
Đọc
Bài 28 — Navigation Patterns — Header, Sidebar, Tabs
Đọc
Bài 29 — Hero Sections — First Impression
Đọc
Bài 30 — Iconography — Icons trong UI
Đọc
Bài 31 — Images cho Web — Format & Optimization
Đọc
Bài 32 — Figma cơ bản — Workspace & Tools
Đọc
Bài 33 — Figma Auto Layout — Building Components
Đọc
Bài 34 — Figma Components & Variants
Đọc
Bài 35 — Figma Prototyping cơ bản
Đọc
Bài 36 — Wireframing — Sketch trước Design
Đọc
Bài 37 — Mockups vs Prototypes vs MVP
Đọc
Bài 38 — Design System Foundations
Đọc
Bài 39 — Design Tokens — Color, Spacing, Type
Đọc
Bài 40 — Tailwind CSS — Utility-first Workflow
Đọc
Bài 41 — Dark Mode Design
Đọc
Bài 42 — Accessibility (a11y) Basics
Đọc
Bài 43 — Keyboard Navigation & Focus States
Đọc
Bài 44 — Loading States — Skeleton & Spinners
Đọc
Bài 45 — Empty States — Khi không có dữ liệu
Đọc
Bài 46 — Error States & Form Validation UI
Đọc
Bài 47 — Modals, Dialogs & Drawers
Đọc
Bài 48 — Toasts & Notifications
Đọc
Bài 49 — Search UI — Patterns & Best Practices
Đọc
Bài 50 — Tables & Data Display
Đọc
Bài 51 — Pagination vs Infinite Scroll
Đọc
Bài 52 — Onboarding UI — First-time User
Đọc
Bài 53 — Microinteractions & Animation
Đọc
Bài 54 — CSS Animations & Transitions
Đọc
Bài 55 — Dev Handoff — Figma to Code
Đọc
Bài 56 — Web Performance Basics cho Designer
Đọc
Bài 57 — SEO Basics cho Designer
Đọc
Bài 58 — Design Critique — Cho và nhận Feedback
Đọc
Bài 59 — Portfolio cho Web Designer
Đọc
Bài 60 — Career Path cho Web Designer VN
Đọc
Chương 2: Bài 3 — Visual Hierarchy
Web Design Assessment
Evaluate your understanding of web design principles
Luyện tập với AI
Copy prompt bên dưới, paste vào Claude hoặc ChatGPT để tự luyện. AI sẽ đóng vai mentor, hỏi và chấm điểm cho bạn.
Cách luyện hiệu quả với AI
- Mỗi ngày 15-30 phút: Chọn 1 prompt, thực hành 1 skill. Consistency quan trọng hơn intensity.
- Viết trước, AI review sau: Đừng để AI viết hộ. Viết user story/PRD trước, rồi nhờ AI đánh giá.
- Tự đánh giá: Sau mỗi session, tự hỏi: "Tôi đã hiểu concept nào mới? Còn gap nào?"
- Build portfolio: Lưu lại output tốt nhất từ mỗi session — đó là portfolio BA của bạn.
Khóa học này dành cho ai?
- Người muốn chuyển sang nghề Business Analyst
- Sinh viên IT/kinh tế muốn hiểu BA role
- Developer/QA muốn hiểu requirements process
- PM muốn strengthen BA skills
Yêu cầu trước khi học
- Không cần kinh nghiệm BA — khóa học bắt đầu từ zero
- Biết đọc tiếng Anh cơ bản (tài liệu tham khảo bằng tiếng Anh)
- Có tài khoản ChatGPT hoặc Claude (free tier đủ dùng)
Sau khi hoàn thành
- Tự tin apply vị trí Junior BA / Associate BA
- Có portfolio gồm PRD, User Stories, Process Flows thật
- Biết dùng AI tools để tăng tốc BA tasks 3-5x
- Nhận Certificate of Completion
Tài liệu tham khảo
- BABOK Guide — IIBA (Business Analysis Body of Knowledge)
- Business Analysis Techniques — James Cadle
- User Stories Applied — Mike Cohn
- Inspired — Marty Cagan (Product Discovery)