Thế giới 1 / Khu nhập môn
Khóa navigation thực hành với mock flows. Xây screen maps, stack navigation, route params, bottom tabs, auth flow, modal confirmation, nested course-to-lesson flow, remembered navigation state và final Mini Navigation App. Hoàn thành bài học để mở zone tiếp theo. Boss Project đang chờ ở cuối thế giới.
UI forest dạy readable screens, navigation và reusable components.
Guide: Layout Scout
Reward skill: UI pathfinding
Objective: Clear lessons, solve quests, bank XP và mở phần tiếp theo của map.
Quest miễn phí
0 / 9 bài học
Trạng thái
Thế giới
Thời lượng
Bản đồ
Bài học
Đăng nhập để lưu tiến độ và XP.
World goal: Build screen route ổn định trên mobile sizes.
Skill collected: UI pathfinding
/course-assets/lessons/navigation/screen-flow-map.svg
Module này xây một phần practical tập trung của Navigation. Mỗi lesson có task, validation rules và hidden solution.
Zone 1: Основы flow и stack. Clear các mission trong zone này để đẩy path tiến lên.
Mission 1
Mission 1: Map screenов приложения. Đọc briefing, solve practice quest và bank XP.
Mission 1: Map screenов приложения. Đọc briefing, solve practice quest và bank XP.
Mission 2: Mock Stack Navigation. Đọc briefing, solve practice quest và bank XP.
Mission 3: Route params: выбранный курс. Đọc briefing, solve practice quest và bank XP.
/course-assets/lessons/navigation/bottom-tabs-mock.svg
Module này xây một phần practical tập trung của Navigation. Mỗi lesson có task, validation rules và hidden solution.
Zone 2: Tabs, auth и modal. Clear các mission trong zone này để đẩy path tiến lên.
Mission 4: Bottom tabs: Courses/Profile/Settings. Đọc briefing, solve practice quest và bank XP.
Mission 5: Auth flow: guest или app. Đọc briefing, solve practice quest và bank XP.
Mission 6: Modal screen: подтверждение действия. Đọc briefing, solve practice quest và bank XP.
Boss Level
Module này xây một phần practical tập trung của Navigation. Mỗi lesson có task, validation rules và hidden solution.
Boss zone: Nested flow и финальный проект. Đây là nơi world biến thành portfolio proof. Final boss project.
Boss mission: Nested flow: course → lesson. Kết hợp các pattern của zone thành final result. Build screen route ổn định trên mobile sizes.
Boss mission: Navigation state: remember last screen. Kết hợp các pattern của zone thành final result. Build screen route ổn định trên mobile sizes.
Boss mission: Final project: Mini Navigation App. Kết hợp các pattern của zone thành final result. Build screen route ổn định trên mobile sizes.
