世界 1 / 新手区
React Native 入门实战课程。你将用 View、Text、StyleSheet、Flexbox、Image、Pressable、props、state、conditional rendering、TextInput、FlatList 构建真实 mobile screens,并完成 final Todo App。 完成课程以解锁下一个区域. Boss 项目在世界终点等待。
训练营收集 React Native 的第一组动作:屏幕、组件、Expo 和移动 JavaScript。
向导: Pixel Mentor
奖励技能: Mobile foundation
目标: 把 View、Text、样式、状态和交互作为起始任务链完成。
免费任务
0 / 14 节课
状态
世界
时长
地图
课时
登录后可保存进度和 XP。
世界目标: 构建第一个可靠的移动屏幕,并进入课程地图。
已收集技能: Mobile foundation
/course-assets/lessons/react-native-start/first-mobile-screen.svg
本 module 构建 React Native Start 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 1:База React Native интерфейса。完成区域任务,继续推进地图。
任务 1
任务 1:Первый мобильный 屏幕。阅读简报,完成练习任务,获得 XP。
任务 1:Первый мобильный 屏幕。阅读简报,完成练习任务,获得 XP。
任务 2:View и Text: композиция блоков。阅读简报,完成练习任务,获得 XP。
任务 3:StyleSheet: 卡片 курса。阅读简报,完成练习任务,获得 XP。
任务 4:Flexbox: dashboard-строка。阅读简报,完成练习任务,获得 XP。
任务 5:Image: профиль ученика。阅读简报,完成练习任务,获得 XP。
任务 6:Pressable: интерактивная 卡片 урока。阅读简报,完成练习任务,获得 XP。
/course-assets/lessons/react-native-start/props-course-card.svg
本 module 构建 React Native Start 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 2:Компоненты, props и state。完成区域任务,继续推进地图。
任务 7:Props: компонент CourseCard。阅读简报,完成练习任务,获得 XP。
任务 8:useState: 进度 урока。阅读简报,完成练习任务,获得 XP。
任务 9:Условный рендеринг: empty и success。阅读简报,完成练习任务,获得 XP。
任务 10:TextInput: 表单 заметки。阅读简报,完成练习任务,获得 XP。
Boss 关卡
本 module 构建 React Native Start 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
Boss 区域:Формы, списки и проект。这里会把学习内容变成作品集证明。 Todo App Boss Quest.
Boss 任务:FlatList: 列表 курсов。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕,并进入课程地图。
Boss 任务:Компонент TodoItem。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕,并进入课程地图。
Boss 任务:Todo App: добавить и удалить задачу。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕,并进入课程地图。
Boss 任务:Todo App: empty state и завершение。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕,并进入课程地图。