World 5 / 新手区

Forms 与 Validation

学习 React Native 中的 controlled inputs 和 validation patterns。构建 required fields、email checks、password rules、login forms、FieldError、settings forms、feedback forms、search forms 和 final Profile Form。 完成课程以解锁下一个区域. Boss 项目在世界终点等待。

进入 World 5
NP
进入世界Debug Dungeon生物群系: Cave

调试地下城训练表单、验证、错误处理和应用崩坏时的稳定性。

向导: Debug Ranger

奖励技能: Debug discipline

目标: 完成课程、解决任务、获得 XP，并打开地图下一段。

路线进度0%

Debug Dungeon

找到界面的薄弱点，并通过练习修复它们。

Route progress0%
World route

What you will build

Handle user input, validation, and useful error states.

What you should know

World 4: UI Components

Recommended previous world

World 4: UI Components

Next world

World 6: Navigation

状态

Free

世界

世界 1

时长

8 小时 40 分钟

地图

4 个区域 / 11 节课

课时

0 / 11 节课

登录后可保存进度和 XP。

任务地图Debug Dungeon0/11

Validation Warden

01Current
NP

任务

任务 1

任务 1：Controlled TextInput。阅读简报，完成练习任务，获得 XP。

+40 XP
02Locked

任务

任务 2

任务 2：Required field: 错误 пустого поля。阅读简报，完成练习任务，获得 XP。

+45 XP
03Locked

挑战

任务 3

任务 3：Email validation。阅读简报，完成练习任务，获得 XP。

+50 XP
04Locked

任务

任务 4

任务 4：Password rules。阅读简报，完成练习任务，获得 XP。

+55 XP
05Locked

任务

任务 5

任务 5：Login form: submit state。阅读简报，完成练习任务，获得 XP。

+60 XP
06Locked

奖励

任务 6

任务 6：FieldError component。阅读简报，完成练习任务，获得 XP。

+40 XP
07Locked

任务

任务 7

任务 7：Settings form: toggle state。阅读简报，完成练习任务，获得 XP。

+45 XP
08Locked

任务

任务 8

任务 8：Feedback form。阅读简报，完成练习任务，获得 XP。

+55 XP
09Locked

挑战

任务 9

任务 9：Search form: фильтр списка。阅读简报，完成练习任务，获得 XP。

+55 XP
10Locked

任务

任务 10

任务 10：最终项目: Profile Form。阅读简报，完成练习任务，获得 XP。

+85 XP
11Locked

Boss

Boss 任务

Boss 任务：最终项目: Profile Form。把本区域模式组合成最终成果。 找到界面的薄弱点，并通过练习修复它们。

+85 XP

任务 1

任务 1：Controlled TextInput。阅读简报，完成练习任务，获得 XP。

已收集技能Debug discipline
奖励商店
最终目标Debug Dungeon

Validation Warden

世界目标: 找到界面的薄弱点，并通过练习修复它们。

已收集技能: Debug discipline

关卡 1

Controlled inputs и базовые ошибки

本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 1

区域 1：Controlled inputs и базовые ошибки。完成区域任务，继续推进地图。

关卡 1下一关+40 XP

Controlled TextInput

任务 1：Controlled TextInput。阅读简报，完成练习任务，获得 XP。

40 分钟
进入关卡
关卡 2已锁定+45 XP

Required field: 错误 пустого поля

任务 2：Required field: 错误 пустого поля。阅读简报，完成练习任务，获得 XP。

45 分钟先完成上一关
关卡 3已锁定+50 XP

Email validation

任务 3：Email validation。阅读简报，完成练习任务，获得 XP。

50 分钟先完成上一关
关卡 4已锁定+55 XP

Password rules

任务 4：Password rules。阅读简报，完成练习任务，获得 XP。

55 分钟先完成上一关
关卡 2

Submit state и form components

本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 2

区域 2：Submit state и form components。完成区域任务，继续推进地图。

关卡 1已锁定+60 XP

Login form: submit state

任务 5：Login form: submit state。阅读简报，完成练习任务，获得 XP。

1 小时先完成上一关
关卡 2已锁定+40 XP

FieldError component

任务 6：FieldError component。阅读简报，完成练习任务，获得 XP。

40 分钟先完成上一关
关卡 3已锁定+45 XP

Settings form: toggle state

任务 7：Settings form: toggle state。阅读简报，完成练习任务，获得 XP。

45 分钟先完成上一关
关卡 3

Продуктовые формы

本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 3

区域 3：Продуктовые формы。完成区域任务，继续推进地图。

关卡 1已锁定+55 XP

Feedback form

任务 8：Feedback form。阅读简报，完成练习任务，获得 XP。

55 分钟先完成上一关
关卡 2已锁定+55 XP

Search form: фильтр списка

任务 9：Search form: фильтр списка。阅读简报，完成练习任务，获得 XP。

55 分钟先完成上一关
关卡 3已锁定+85 XP

最终项目: Profile Form

任务 10：最终项目: Profile Form。阅读简报，完成练习任务，获得 XP。

1 小时 15 分钟先完成上一关
Boss 关卡Boss 项目

Финальный Profile Form

本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

Boss 区域

Boss 区域：Финальный Profile Form。这里会把学习内容变成作品集证明。 最终 Boss 项目.

关卡 1Boss 关卡已锁定+85 XP

最终项目: Profile Form

Boss 任务：最终项目: Profile Form。把本区域模式组合成最终成果。 找到界面的薄弱点，并通过练习修复它们。

1 小时 15 分钟最终任务先完成上一关

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