World 6 / Rookie Zone

Navigation

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.

Enter World 6
NP
World entranceUI ForestBiome: Forest

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.

Route progress0%

UI Forest

Build a screen route that stays stable on 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 and Validation

Recommended previous world

World 5: Forms and Validation

Next world

World 7: API and Backend

Status

Free

World

World 1

Time

8 h 30 min

Map

3 zones / 9 lessons

Lessons

0 / 9 lessons

Sign in to save progress and XP.

Quest mapUI Forest0/9

Navigation Treant

01Current
NP

Quest

Mission 1

Mission 1: Map screenов приложения. Read the briefing, solve the practice quest, and bank the XP.

+40 XP
02Locked

Quest

Mission 2

Mission 2: Mock Stack Navigation. Read the briefing, solve the practice quest, and bank the XP.

+50 XP
03Locked

Challenge

Mission 3

Mission 3: Route params: выбранный курс. Read the briefing, solve the practice quest, and bank the XP.

+55 XP
04Locked

Quest

Mission 4

Mission 4: Bottom tabs: Courses/Profile/Settings. Read the briefing, solve the practice quest, and bank the XP.

+55 XP
05Locked

Quest

Mission 5

Mission 5: Auth flow: guest или app. Read the briefing, solve the practice quest, and bank the XP.

+60 XP
06Locked

Reward

Mission 6

Mission 6: Modal screen: confirmation действия. Read the briefing, solve the practice quest, and bank the XP.

+50 XP
07Locked

Boss

Boss mission

Boss mission: Nested flow: course → lesson. Combine the zone patterns into one final result. Build a screen route that stays stable on mobile sizes.

+65 XP
08Locked

Boss

Boss mission

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.

+55 XP
09Locked

Boss

Boss mission

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.

+90 XP

Mission 1

Mission 1: Map screenов приложения. Read the briefing, solve the practice quest, and bank the XP.

Skill collectedUI pathfinding
Rewards
Final objectiveUI Forest

Navigation Treant

World goal: Build a screen route that stays stable on mobile sizes.

Skill collected: UI pathfinding

Level 1

Основы flow и stack

This module moves through a focused part of Navigation. Each lesson includes a practical task, validation rules and a hidden solution.

Zone 1

Zone 1: Основы flow и stack. Clear the missions inside this zone to charge the path forward.

Level 1NEXT LEVEL+40 XP

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

Mission 1: Map screenов приложения. Read the briefing, solve the practice quest, and bank the XP.

40 min
Enter level
Level 2LOCKED+50 XP

Mock Stack Navigation

Mission 2: Mock Stack Navigation. Read the briefing, solve the practice quest, and bank the XP.

50 minComplete previous level
Level 3LOCKED+55 XP

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

Mission 3: Route params: выбранный курс. Read the briefing, solve the practice quest, and bank the XP.

55 minComplete previous level
Level 2

Tabs, auth и modal

This module moves through a focused part of Navigation. Each lesson includes a practical task, validation rules and a hidden solution.

Zone 2

Zone 2: Tabs, auth и modal. Clear the missions inside this zone to charge the path forward.

Level 1LOCKED+55 XP

Bottom tabs: Courses/Profile/Settings

Mission 4: Bottom tabs: Courses/Profile/Settings. Read the briefing, solve the practice quest, and bank the XP.

55 minComplete previous level
Level 2LOCKED+60 XP

Auth flow: guest или app

Mission 5: Auth flow: guest или app. Read the briefing, solve the practice quest, and bank the XP.

1 hComplete previous level
Level 3LOCKED+50 XP

Modal screen: confirmation действия

Mission 6: Modal screen: confirmation действия. Read the briefing, solve the practice quest, and bank the XP.

50 minComplete previous level
Boss LevelBoss Project

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

This module moves through a focused part of Navigation. Each lesson includes a practical task, validation rules and a hidden solution.

Boss zone

Boss zone: Nested flow и финальный проект. This is where the world turns into a portfolio proof. Final boss project.

Level 1Boss LevelLOCKED+65 XP

Nested flow: course → lesson

Boss mission: Nested flow: course → lesson. Combine the zone patterns into one final result. Build a screen route that stays stable on mobile sizes.

1 h 5 minFinal QuestComplete previous level
Level 2Boss LevelLOCKED+55 XP

Navigation state: remember last screen

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.

55 minFinal QuestComplete previous level
Level 3Boss LevelLOCKED+90 XP

Final project: Mini Navigation App

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.

1 h 20 minFinal QuestComplete previous level

Have a question or found an issue?

Your message will include this course context.

XP PRACTICE

Reinforce what you learned

Need a break from lessons? Play a short code game or test your speed in the Arena.

Open mini-gamesOpen Arena