世界 1 / 新手区
学习 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 项目在世界终点等待。
调试地下城训练表单、验证、错误处理和应用崩坏时的稳定性。
向导: Debug Ranger
奖励技能: Debug discipline
目标: 完成课程、解决任务、获得 XP,并打开地图下一段。
免费任务
0 / 11 节课
状态
世界
时长
地图
课时
登录后可保存进度和 XP。
世界目标: 找到界面的薄弱点,并通过练习修复它们。
已收集技能: Debug discipline
/course-assets/lessons/textinput.svg
本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 1:Controlled inputs и базовые ошибки。完成区域任务,继续推进地图。
任务 1
任务 1:Controlled TextInput。阅读简报,完成练习任务,获得 XP。
任务 1:Controlled TextInput。阅读简报,完成练习任务,获得 XP。
任务 2:Required field: 错误 пустого поля。阅读简报,完成练习任务,获得 XP。
任务 3:Email validation。阅读简报,完成练习任务,获得 XP。
任务 4:Password rules。阅读简报,完成练习任务,获得 XP。
/course-assets/lessons/forms.svg
本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 2:Submit state и form components。完成区域任务,继续推进地图。
任务 5:Login form: submit state。阅读简报,完成练习任务,获得 XP。
任务 6:FieldError component。阅读简报,完成练习任务,获得 XP。
任务 7:Settings form: toggle state。阅读简报,完成练习任务,获得 XP。
/course-assets/lessons/forms.svg
本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 3:Продуктовые формы。完成区域任务,继续推进地图。
任务 8:Feedback form。阅读简报,完成练习任务,获得 XP。
任务 9:Search form: фильтр списка。阅读简报,完成练习任务,获得 XP。
任务 10:最终项目: Profile Form。阅读简报,完成练习任务,获得 XP。
Boss 关卡
本 module 构建 Forms 与 Validation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
Boss 区域:Финальный Profile Form。这里会把学习内容变成作品集证明。 最终 Boss 项目.
Boss 任务:最终项目: Profile Form。把本区域模式组合成最终成果。 找到界面的薄弱点,并通过练习修复它们。