World 2 / शुरुआती ज़ोन

React Native Start

React Native शुरू करने के लिए hands-on course। View, Text, StyleSheet, Flexbox, Image, Pressable, props, state, conditional rendering, TextInput, FlatList और final Todo App के साथ real mobile screens बनाइए। अगला zone खोलने के लिए lessons पूरे करें. Boss Project world के अंत में है।

World 2 में प्रवेश करें
NP
World entranceStart Zone / Training CampBiome: Camp

Training camp React Native के first moves collect करता है: screens, components, Expo और mobile JavaScript.

Guide: Pixel Mentor

Reward skill: Mobile foundation

Objective: View, Text, styling, state और interaction को starter mission chain की तरह clear करें.

Route progress0%

Start Zone / Training Camp

पहला confident mobile screen बनाएं और course map में enter करें.

Route progress0%
World route

What you will build

Build your first screens and understand the component model.

What you should know

World 1: React Native के लिए JavaScript

Recommended previous world

World 1: React Native के लिए JavaScript

Next world

World 3: Expo Start

स्थिति

मुफ्त

दुनिया

दुनिया 1

समय

11 घं 40 मिन

मैप

3 zones / 14 lessons

पाठ

0 / 14 lessons

Progress और XP save करने के लिए sign in करें।

Quest mapStart Zone / Training Camp0/14

First App Gatekeeper

01Current
NP

Quest

Mission 1

Mission 1: Первый мобильный screen. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+30 XP
02Locked

Quest

Mission 2

Mission 2: View и Text: композиция блоков. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+32 XP
03Locked

Challenge

Mission 3

Mission 3: StyleSheet: card курса. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+38 XP
04Locked

Quest

Mission 4

Mission 4: Flexbox: dashboard-строка. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+42 XP
05Locked

Quest

Mission 5

Mission 5: Image: профиль ученика. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+40 XP
06Locked

Reward

Mission 6

Mission 6: Pressable: интерактивная card урока. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+45 XP
07Locked

Quest

Mission 7

Mission 7: Props: компонент CourseCard. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+55 XP
08Locked

Quest

Mission 8

Mission 8: useState: progress урока. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+50 XP
09Locked

Challenge

Mission 9

Mission 9: Условный рендеринг: empty и success. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+45 XP
10Locked

Quest

Mission 10

Mission 10: TextInput: form заметки. Briefing पढ़ें, practice quest solve करें और XP bank करें.

+55 XP
11Locked

Boss

Boss mission

Boss mission: FlatList: list курсов. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

+60 XP
12Locked

Boss

Boss mission

Boss mission: Компонент TodoItem. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

+55 XP
13Locked

Boss

Boss mission

Boss mission: Todo App: добавить и удалить задачу. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

+75 XP
14Locked

Boss

Boss mission

Boss mission: Todo App: empty state и завершение. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

+80 XP

Mission 1

Mission 1: Первый мобильный screen. Briefing पढ़ें, practice quest solve करें और XP bank करें.

Skill collectedMobile foundation
रिवॉर्ड स्टोर
Final objectiveStart Zone / Training Camp

First App Gatekeeper

World goal: पहला confident mobile screen बनाएं और course map में enter करें.

Skill collected: Mobile foundation

लेवल 1

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

इस module में React Native Start का focused practical part बनता है। हर lesson में task, validation rules और hidden solution है।

Zone 1

Zone 1: База React Native интерфейса. इस zone की missions clear करें और path आगे charge करें.

लेवल 1NEXT LEVEL+30 XP

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

Mission 1: Первый мобильный screen. Briefing पढ़ें, practice quest solve करें और XP bank करें.

30 मिन
लेवल शुरू करें
लेवल 2LOCKED+32 XP

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

Mission 2: View и Text: композиция блоков. Briefing पढ़ें, practice quest solve करें और XP bank करें.

35 मिनपहले पिछला लेवल पूरा करें
लेवल 3LOCKED+38 XP

StyleSheet: card курса

Mission 3: StyleSheet: card курса. Briefing पढ़ें, practice quest solve करें और XP bank करें.

40 मिनपहले पिछला लेवल पूरा करें
लेवल 4LOCKED+42 XP

Flexbox: dashboard-строка

Mission 4: Flexbox: dashboard-строка. Briefing पढ़ें, practice quest solve करें और XP bank करें.

45 मिनपहले पिछला लेवल पूरा करें
लेवल 5LOCKED+40 XP

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

Mission 5: Image: профиль ученика. Briefing पढ़ें, practice quest solve करें और XP bank करें.

40 मिनपहले पिछला लेवल पूरा करें
लेवल 6LOCKED+45 XP

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

Mission 6: Pressable: интерактивная card урока. Briefing पढ़ें, practice quest solve करें और XP bank करें.

45 मिनपहले पिछला लेवल पूरा करें
लेवल 2

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

इस module में React Native Start का focused practical part बनता है। हर lesson में task, validation rules और hidden solution है।

Zone 2

Zone 2: Компоненты, props и state. इस zone की missions clear करें और path आगे charge करें.

लेवल 1LOCKED+55 XP

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

Mission 7: Props: компонент CourseCard. Briefing पढ़ें, practice quest solve करें और XP bank करें.

55 मिनपहले पिछला लेवल पूरा करें
लेवल 2LOCKED+50 XP

useState: progress урока

Mission 8: useState: progress урока. Briefing पढ़ें, practice quest solve करें और XP bank करें.

50 मिनपहले पिछला लेवल पूरा करें
लेवल 3LOCKED+45 XP

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

Mission 9: Условный рендеринг: empty и success. Briefing पढ़ें, practice quest solve करें और XP bank करें.

45 मिनपहले पिछला लेवल पूरा करें
लेवल 4LOCKED+55 XP

TextInput: form заметки

Mission 10: TextInput: form заметки. Briefing पढ़ें, practice quest solve करें और XP bank करें.

55 मिनपहले पिछला लेवल पूरा करें
Boss LevelBoss Project

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

इस module में React Native Start का focused practical part बनता है। हर lesson में task, validation rules और hidden solution है।

Boss zone

Boss zone: Формы, списки и проект. यहां world portfolio proof में बदलता है. Todo App Boss Quest.

लेवल 1Boss LevelLOCKED+60 XP

FlatList: list курсов

Boss mission: FlatList: list курсов. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

1 घंFinal Questपहले पिछला लेवल पूरा करें
लेवल 2Boss LevelLOCKED+55 XP

Компонент TodoItem

Boss mission: Компонент TodoItem. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

55 मिनFinal Questपहले पिछला लेवल पूरा करें
लेवल 3Boss LevelLOCKED+75 XP

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

Boss mission: Todo App: добавить и удалить задачу. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

1 घं 15 मिनFinal Questपहले पिछला लेवल पूरा करें
लेवल 4Boss LevelLOCKED+80 XP

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

Boss mission: Todo App: empty state и завершение. Zone patterns को एक final result में combine करें. पहला confident mobile screen बनाएं और course map में enter करें.

1 घं 10 मिनFinal Questपहले पिछला लेवल पूरा करें

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