Nội Dung Khóa Học
▶️ Chương 1: Mở đầu nhập môn
Bài 1: Định nghĩa Prototype
Bài 2: Tầm quan trọng và tiêu chuẩn
Bài 3: Ai cần học
Bài 4: Tính ứng dụng
—–
▶️ Chương 2: Nền tảng – căn bản
Bài 5: Giao diện Prototype
Bài 6: Đơn vị nền tảng – Interaction
Bài 7: Các loại tác động (User event)
Bài 8: Các diễn biến (Element react)
Bài 9: Các cách present
Bài 10: Bài tập chương
—–
▶️ Chương 3: Công cụ Overlay
Bài 11: Các loại biến biến overlay
Bài 12: Nguyên lý của overlay
Bài 13: Các ứng dụng của overlay: Dialog
Bài 14: Các ứng dụng của overlay: Bàn phím (hoặc device element)
Bài 15: Các ứng dụng của overlay: Các loại hình popup
Bài 16: Các ứng dụng của overlay: Tooltip hoặc dropdown
Bài 17: Bài tập chương
—–
▶️ Chương 4: Scrolling
Bài 18: Nguyên lý của scroll
Bài 19: Normal scrolling trong Figma
Bài 20: Scroll Behavior: fixed
Bài 21: Scroll Behavior: sticky
Bài 22: Overflow scrolling: Ngang
Bài 23: Overflow scrolling: Dọc
Bài 24: Overflow scrolling: 2 chiều
Bài 25: Tác động “scroll to”
Bài 26: Bài tập các loại hình scroll
—–
▶️ Chương 5: Interactive component
Bài 27: Nguyên lý của interactive component
Bài 28: Ứng dụng: button
Bài 29: Ứng dụng: Card thay đổi trạng thái
Bài 30: Bài tập change to…
Bài 31: Bài tập chương (kết hợp scrolling)
—–
▶️ Chương 6: Animation trong Figma prototype
Bài 32: Các loại hình animation căn bản
Bài 33: Vận dụng animation căn bản
Bài 34: Smart Animation và nguyên lý
Bài 35: Timing và custom animation
Bài 36: Bài tập: Gắn lộ trình di chuyển
Bài 37: Bài tập: Smart animation #1 Loading
Bài 38: Bài tập: Smart animation #2 Full-screen menu
Bài 39: Bài tập: Smart animation #3 Zooming
Bài 40: Bài tập: Smart animation #4 Disc Rotating
—–
▶️ Chương 7: Prototype nâng cao
Bài 41: Giới thiệu Variable
Bài 42: Giới thiệu điều kiện (conditional)
Bài 43: Bài tập #1 Variable Loading
Bài 44: Bài tập #2 Product Card
Bài 45: Bài tập #3 Select Options
—–
▶️ Chương 8: Các ứng dụng khác
Bài 46: Làm slide với Figma
Bài 47: Micro Interaction
Bài 48: Social Content Animation
Bài 49: Game
—–
▶️ Chương 9: Tổng kết
Bài 50: Tổng kết khóa
Bài 51: Con đường UI/UX Design
Bài 52: Các lộ trình học để trở thành UI/UX Designer
