World 2 / Khu nhập môn

React Native Start

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.

Vào World 2
NP
World entranceStart Zone / Training CampBiome: Camp

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.

Route progress0%

Start Zone / Training Camp

Build mobile screen đầu tiên thật chắc và đi vào course map.

Route progress0%
World route

What you will build

Build your first screens and understand the component model.

What you should know

World 1: JavaScript cho React Native

Recommended previous world

World 1: JavaScript cho React Native

Next world

World 3: Expo Start

Trạng thái

Free

Thế giới

Thế giới 1

Thời lượng

11 giờ 40 phút

Bản đồ

3 zone / 14 bài học

Bài học

0 / 14 bài học

Đăng nhập để lưu tiến độ và XP.

Quest mapStart Zone / Training Camp0/14

First App Gatekeeper

01Current
NP

Quest

Mission 1

Mission 1: Первый мобильный screen. Đọc briefing, solve practice quest và bank XP.

+30 XP
02Locked

Quest

Mission 2

Mission 2: View и Text: композиция блоков. Đọc briefing, solve practice quest và bank XP.

+32 XP
03Locked

Challenge

Mission 3

Mission 3: StyleSheet: card курса. Đọc briefing, solve practice quest và bank XP.

+38 XP
04Locked

Quest

Mission 4

Mission 4: Flexbox: dashboard-строка. Đọc briefing, solve practice quest và bank XP.

+42 XP
05Locked

Quest

Mission 5

Mission 5: Image: профиль ученика. Đọc briefing, solve practice quest và bank XP.

+40 XP
06Locked

Reward

Mission 6

Mission 6: Pressable: интерактивная card урока. Đọc briefing, solve practice quest và bank XP.

+45 XP
07Locked

Quest

Mission 7

Mission 7: Props: компонент CourseCard. Đọc briefing, solve practice quest và bank XP.

+55 XP
08Locked

Quest

Mission 8

Mission 8: useState: progress урока. Đọc briefing, solve practice quest và bank XP.

+50 XP
09Locked

Challenge

Mission 9

Mission 9: Условный рендеринг: empty и success. Đọc briefing, solve practice quest và bank XP.

+45 XP
10Locked

Quest

Mission 10

Mission 10: TextInput: form заметки. Đọc briefing, solve practice quest và bank XP.

+55 XP
11Locked

Boss

Boss mission

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.

+60 XP
12Locked

Boss

Boss mission

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.

+55 XP
13Locked

Boss

Boss mission

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.

+75 XP
14Locked

Boss

Boss mission

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.

+80 XP

Mission 1

Mission 1: Первый мобильный screen. Đọc briefing, solve practice quest và bank XP.

Skill collectedMobile foundation
Cửa hàng thưởng
Final objectiveStart Zone / Training Camp

First App Gatekeeper

World goal: Build mobile screen đầu tiên thật chắc và đi vào course map.

Skill collected: Mobile foundation

Level 1

База React Native интерфейса

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

Zone 1: База React Native интерфейса. Clear các mission trong zone này để đẩy path tiến lên.

Level 1NEXT LEVEL+30 XP

Первый мобильный screen

Mission 1: Первый мобильный screen. Đọc briefing, solve practice quest và bank XP.

30 phút
Vào level
Level 2LOCKED+32 XP

View и Text: композиция блоков

Mission 2: View и Text: композиция блоков. Đọc briefing, solve practice quest và bank XP.

35 phútHoàn thành level trước
Level 3LOCKED+38 XP

StyleSheet: card курса

Mission 3: StyleSheet: card курса. Đọc briefing, solve practice quest và bank XP.

40 phútHoàn thành level trước
Level 4LOCKED+42 XP

Flexbox: dashboard-строка

Mission 4: Flexbox: dashboard-строка. Đọc briefing, solve practice quest và bank XP.

45 phútHoàn thành level trước
Level 5LOCKED+40 XP

Image: профиль ученика

Mission 5: Image: профиль ученика. Đọc briefing, solve practice quest và bank XP.

40 phútHoàn thành level trước
Level 6LOCKED+45 XP

Pressable: интерактивная card урока

Mission 6: Pressable: интерактивная card урока. Đọc briefing, solve practice quest và bank XP.

45 phútHoàn thành level trước
Level 2

Компоненты, props и state

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

Zone 2: Компоненты, props и state. Clear các mission trong zone này để đẩy path tiến lên.

Level 1LOCKED+55 XP

Props: компонент CourseCard

Mission 7: Props: компонент CourseCard. Đọc briefing, solve practice quest và bank XP.

55 phútHoàn thành level trước
Level 2LOCKED+50 XP

useState: progress урока

Mission 8: useState: progress урока. Đọc briefing, solve practice quest và bank XP.

50 phútHoàn thành level trước
Level 3LOCKED+45 XP

Условный рендеринг: empty и success

Mission 9: Условный рендеринг: empty и success. Đọc briefing, solve practice quest và bank XP.

45 phútHoàn thành level trước
Level 4LOCKED+55 XP

TextInput: form заметки

Mission 10: TextInput: form заметки. Đọc briefing, solve practice quest và bank XP.

55 phútHoàn thành level trước
Boss LevelBoss Project

Формы, списки и проект

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

Boss zone: Формы, списки и проект. Đây là nơi world biến thành portfolio proof. Todo App Boss Quest.

Level 1Boss LevelLOCKED+60 XP

FlatList: list курсов

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.

1 giờFinal QuestHoàn thành level trước
Level 2Boss LevelLOCKED+55 XP

Компонент TodoItem

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.

55 phútFinal QuestHoàn thành level trước
Level 3Boss LevelLOCKED+75 XP

Todo App: добавить и удалить задачу

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.

1 giờ 15 phútFinal QuestHoàn thành level trước
Level 4Boss LevelLOCKED+80 XP

Todo App: empty state и завершение

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.

1 giờ 10 phútFinal QuestHoàn thành level trước

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