World 1 / Rookie Zone
A practical navigation course using mock flows. Build screen maps, stack navigation, route params, bottom tabs, auth flow, modal confirmation, nested course-to-lesson flow, remembered navigation state and a final Mini Navigation App. Clear lessons to unlock next zone. Boss Project waits at the end.
The UI forest teaches readable screens, navigation, and reusable components that survive real layouts.
Guide: Layout Scout
Reward skill: UI pathfinding
Objective: Clear lessons, solve quests, bank XP, and open the next part of the map.
Free quest
0 / 9 lessons
Status
World
Time
Map
Lessons
Sign in to save progress and XP.
World goal: Build a screen route that stays stable on mobile sizes.
Skill collected: UI pathfinding
/course-assets/lessons/navigation/screen-flow-map.svg
This module moves through a focused part of Navigation. Each lesson includes a practical task, validation rules and a hidden solution.
Zone 1: Основы flow и stack. Clear the missions inside this zone to charge the path forward.
Mission 1
Mission 1: Map screenов приложения. Read the briefing, solve the practice quest, and bank the XP.
Mission 1: Map screenов приложения. Read the briefing, solve the practice quest, and bank the XP.
Mission 2: Mock Stack Navigation. Read the briefing, solve the practice quest, and bank the XP.
Mission 3: Route params: выбранный курс. Read the briefing, solve the practice quest, and bank the XP.
/course-assets/lessons/navigation/bottom-tabs-mock.svg
This module moves through a focused part of Navigation. Each lesson includes a practical task, validation rules and a hidden solution.
Zone 2: Tabs, auth и modal. Clear the missions inside this zone to charge the path forward.
Mission 4: Bottom tabs: Courses/Profile/Settings. Read the briefing, solve the practice quest, and bank the XP.
Mission 5: Auth flow: guest или app. Read the briefing, solve the practice quest, and bank the XP.
Mission 6: Modal screen: confirmation действия. Read the briefing, solve the practice quest, and bank the XP.
Boss Level
This module moves through a focused part of Navigation. Each lesson includes a practical task, validation rules and a hidden solution.
Boss zone: Nested flow и финальный проект. This is where the world turns into a portfolio proof. Final boss project.
Boss mission: Nested flow: course → lesson. Combine the zone patterns into one final result. Build a screen route that stays stable on mobile sizes.
Boss mission: Navigation state: remember last screen. Combine the zone patterns into one final result. Build a screen route that stays stable on mobile sizes.
Boss mission: Final project: Mini Navigation App. Combine the zone patterns into one final result. Build a screen route that stays stable on mobile sizes.
