Thế giới 1 / Khu nhập môn
Khóa hands-on để bắt đầu React Native. Bạn sẽ xây mobile screens với View, Text, StyleSheet, Flexbox, Image, Pressable, props, state, conditional rendering, TextInput, FlatList và final Todo App. Hoàn thành bài học để mở zone tiếp theo. Boss Project đang chờ ở cuối thế giới.
Training camp gom các bước đầu của React Native: screens, components, Expo và mobile JavaScript.
Guide: Pixel Mentor
Reward skill: Mobile foundation
Objective: Clear View, Text, styling, state và interaction như starter mission chain.
Quest miễn phí
0 / 14 bài học
Trạng thái
Thế giới
Thời lượng
Bản đồ
Bài học
Đăng nhập để lưu tiến độ và XP.
World goal: Build mobile screen đầu tiên thật chắc và đi vào course map.
Skill collected: Mobile foundation
/course-assets/lessons/react-native-start/first-mobile-screen.svg
Module này xây một phần practical tập trung của React Native Start. Mỗi lesson có task, validation rules và hidden solution.
Zone 1: База React Native интерфейса. Clear các mission trong zone này để đẩy path tiến lên.
Mission 1
Mission 1: Первый мобильный screen. Đọc briefing, solve practice quest và bank XP.
Mission 1: Первый мобильный screen. Đọc briefing, solve practice quest và bank XP.
Mission 2: View и Text: композиция блоков. Đọc briefing, solve practice quest và bank XP.
Mission 3: StyleSheet: card курса. Đọc briefing, solve practice quest và bank XP.
Mission 4: Flexbox: dashboard-строка. Đọc briefing, solve practice quest và bank XP.
Mission 5: Image: профиль ученика. Đọc briefing, solve practice quest và bank XP.
Mission 6: Pressable: интерактивная card урока. Đọc briefing, solve practice quest và bank XP.
/course-assets/lessons/react-native-start/props-course-card.svg
Module này xây một phần practical tập trung của React Native Start. Mỗi lesson có task, validation rules và hidden solution.
Zone 2: Компоненты, props и state. Clear các mission trong zone này để đẩy path tiến lên.
Mission 7: Props: компонент CourseCard. Đọc briefing, solve practice quest và bank XP.
Mission 8: useState: progress урока. Đọc briefing, solve practice quest và bank XP.
Mission 9: Условный рендеринг: empty и success. Đọc briefing, solve practice quest và bank XP.
Mission 10: TextInput: form заметки. Đọc briefing, solve practice quest và bank XP.
Boss Level
Module này xây một phần practical tập trung của React Native Start. Mỗi lesson có task, validation rules và hidden solution.
Boss zone: Формы, списки и проект. Đây là nơi world biến thành portfolio proof. Todo App Boss Quest.
Boss mission: FlatList: list курсов. Kết hợp các pattern của zone thành final result. Build mobile screen đầu tiên thật chắc và đi vào course map.
Boss mission: Компонент TodoItem. Kết hợp các pattern của zone thành final result. Build mobile screen đầu tiên thật chắc và đi vào course map.
Boss mission: Todo App: добавить и удалить задачу. Kết hợp các pattern của zone thành final result. Build mobile screen đầu tiên thật chắc và đi vào course map.
Boss mission: Todo App: empty state и завершение. Kết hợp các pattern của zone thành final result. Build mobile screen đầu tiên thật chắc và đi vào course map.
