World 6 / Khu nhập môn

Navigation

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.

Vào World 6
NP
World entranceUI ForestBiome: Forest

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.

Route progress0%

UI Forest

Build screen route ổn định trên mobile sizes.

Route progress0%
World route

What you will build

Connect screens through clear stack and tab flows.

What you should know

World 5: Forms và Validation

Recommended previous world

World 5: Forms và Validation

Next world

World 7: API và Backend

Trạng thái

Free

Thế giới

Thế giới 1

Thời lượng

8 giờ 30 phút

Bản đồ

3 zone / 9 bài học

Bài học

0 / 9 bài học

Đăng nhập để lưu tiến độ và XP.

Quest mapUI Forest0/9

Navigation Treant

01Current
NP

Quest

Mission 1

Mission 1: Map screenов приложения. Đọc briefing, solve practice quest và bank XP.

+40 XP
02Locked

Quest

Mission 2

Mission 2: Mock Stack Navigation. Đọc briefing, solve practice quest và bank XP.

+50 XP
03Locked

Challenge

Mission 3

Mission 3: Route params: выбранный курс. Đọc briefing, solve practice quest và bank XP.

+55 XP
04Locked

Quest

Mission 4

Mission 4: Bottom tabs: Courses/Profile/Settings. Đọc briefing, solve practice quest và bank XP.

+55 XP
05Locked

Quest

Mission 5

Mission 5: Auth flow: guest или app. Đọc briefing, solve practice quest và bank XP.

+60 XP
06Locked

Reward

Mission 6

Mission 6: Modal screen: подтверждение действия. Đọc briefing, solve practice quest và bank XP.

+50 XP
07Locked

Boss

Boss mission

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.

+65 XP
08Locked

Boss

Boss mission

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.

+55 XP
09Locked

Boss

Boss mission

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.

+90 XP

Mission 1

Mission 1: Map screenов приложения. Đọc briefing, solve practice quest và bank XP.

Skill collectedUI pathfinding
Cửa hàng thưởng
Final objectiveUI Forest

Navigation Treant

World goal: Build screen route ổn định trên mobile sizes.

Skill collected: UI pathfinding

Level 1

Основы flow и stack

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

Zone 1: Основы flow и stack. Clear các mission trong zone này để đẩy path tiến lên.

Level 1NEXT LEVEL+40 XP

Map screenов приложения

Mission 1: Map screenов приложения. Đọc briefing, solve practice quest và bank XP.

40 phút
Vào level
Level 2LOCKED+50 XP

Mock Stack Navigation

Mission 2: Mock Stack Navigation. Đọc briefing, solve practice quest và bank XP.

50 phútHoàn thành level trước
Level 3LOCKED+55 XP

Route params: выбранный курс

Mission 3: Route params: выбранный курс. Đọc briefing, solve practice quest và bank XP.

55 phútHoàn thành level trước
Level 2

Tabs, auth и modal

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

Zone 2: Tabs, auth и modal. Clear các mission trong zone này để đẩy path tiến lên.

Level 1LOCKED+55 XP

Bottom tabs: Courses/Profile/Settings

Mission 4: Bottom tabs: Courses/Profile/Settings. Đọc briefing, solve practice quest và bank XP.

55 phútHoàn thành level trước
Level 2LOCKED+60 XP

Auth flow: guest или app

Mission 5: Auth flow: guest или app. Đọc briefing, solve practice quest và bank XP.

1 giờHoàn thành level trước
Level 3LOCKED+50 XP

Modal screen: подтверждение действия

Mission 6: Modal screen: подтверждение действия. Đọc briefing, solve practice quest và bank XP.

50 phútHoàn thành level trước
Boss LevelBoss Project

Nested flow и финальный проект

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

Boss zone: Nested flow и финальный проект. Đây là nơi world biến thành portfolio proof. Final boss project.

Level 1Boss LevelLOCKED+65 XP

Nested flow: course → lesson

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.

1 giờ 5 phútFinal QuestHoàn thành level trước
Level 2Boss LevelLOCKED+55 XP

Navigation state: remember last screen

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.

55 phútFinal QuestHoàn thành level trước
Level 3Boss LevelLOCKED+90 XP

Final project: Mini Navigation App

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.

1 giờ 20 phútFinal QuestHoàn thành level trước

Have a question or found an issue?

Your message will include this course context.

XP PRACTICE

Reinforce what you learned

Play a short code game or test your speed in the Arena.

Open mini-gamesOpen Arena