Мир 2 / Зона новичка

React Native Start

Практический курс после JavaScript-фундамента: от первого мобильного экрана до финального Todo App. Пройди уроки, чтобы открыть следующую зону. Финальный босс-проект ждет в конце мира.

NP
Вход в мирStart Zone / Training CampБиом: Camp

Стартовый лагерь собирает базовые движения React Native: экран, компоненты, Expo и JavaScript для mobile.

Проводник: Pixel Mentor

Навык-награда: Mobile foundation

Задача: Освой View, Text, стили, состояние и интерактивность как набор стартовых миссий.

Прогресс маршрута0%

Start Zone / Training Camp

Собрать первый уверенный мобильный экран и войти в карту курсов.

Route progress0%
Маршрут мира

Что ты соберёшь

Собери первые экраны и пойми компонентную модель приложения.

Что нужно знать

Мир 1: JavaScript для React Native

Рекомендуемый предыдущий мир

Мир 1: JavaScript для React Native

Следующий мир

Мир 3: Expo Start

Статус

Бесплатно

Мир

Мир 1

Время

11 ч 40 мин

Карта

3 зон / 14 уроков

Уроки

0 / 14 уроков

Войдите, чтобы сохранять прогресс и XP.

Карта квестовStart Zone / Training Camp0/14

First App Gatekeeper

01Current
NP

Квест

Миссия 1

Миссия 1: Первый мобильный экран. Прочитай briefing, реши практику и забери XP.

+30 XP
02Locked

Квест

Миссия 2

Миссия 2: View и Text: композиция блоков. Прочитай briefing, реши практику и забери XP.

+32 XP
03Locked

Испытание

Миссия 3

Миссия 3: StyleSheet: карточка курса. Прочитай briefing, реши практику и забери XP.

+38 XP
04Locked

Квест

Миссия 4

Миссия 4: Flexbox: dashboard-строка. Прочитай briefing, реши практику и забери XP.

+42 XP
05Locked

Квест

Миссия 5

Миссия 5: Image: профиль ученика. Прочитай briefing, реши практику и забери XP.

+40 XP
06Locked

Награда

Миссия 6

Миссия 6: Pressable: интерактивная карточка урока. Прочитай briefing, реши практику и забери XP.

+45 XP
07Locked

Квест

Миссия 7

Миссия 7: Props: компонент CourseCard. Прочитай briefing, реши практику и забери XP.

+55 XP
08Locked

Квест

Миссия 8

Миссия 8: useState: прогресс урока. Прочитай briefing, реши практику и забери XP.

+50 XP
09Locked

Испытание

Миссия 9

Миссия 9: Условный рендеринг: empty и success. Прочитай briefing, реши практику и забери XP.

+45 XP
10Locked

Квест

Миссия 10

Миссия 10: TextInput: форма заметки. Прочитай briefing, реши практику и забери XP.

+55 XP
11Locked

Босс

Босс-миссия

Босс-миссия: FlatList: список курсов. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

+60 XP
12Locked

Босс

Босс-миссия

Босс-миссия: Компонент TodoItem. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

+55 XP
13Locked

Босс

Босс-миссия

Босс-миссия: Todo App: добавить и удалить задачу. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

+75 XP
14Locked

Босс

Босс-миссия

Босс-миссия: Todo App: empty state и завершение. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

+80 XP

Миссия 1

Миссия 1: Первый мобильный экран. Прочитай briefing, реши практику и забери XP.

Собираемый навыкMobile foundation
Финальная цельStart Zone / Training Camp

First App Gatekeeper

Цель мира: Собрать первый уверенный мобильный экран и войти в карту курсов.

Собираемый навык: Mobile foundation

Уровень 1

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

Пошаговые практические уроки с реальными задачами.

Зона 1

Зона 1: База React Native интерфейса. Закрой миссии внутри зоны, чтобы зарядить путь к следующему региону.

Уровень 1СЛЕДУЮЩИЙ УРОВЕНЬ+30 XP

Первый мобильный экран

Миссия 1: Первый мобильный экран. Прочитай briefing, реши практику и забери XP.

30 мин
Войти в уровень
Уровень 2ЗАКРЫТО+32 XP

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

Миссия 2: View и Text: композиция блоков. Прочитай briefing, реши практику и забери XP.

35 минЗавершите предыдущий уровень
Уровень 3ЗАКРЫТО+38 XP

StyleSheet: карточка курса

Миссия 3: StyleSheet: карточка курса. Прочитай briefing, реши практику и забери XP.

40 минЗавершите предыдущий уровень
Уровень 4ЗАКРЫТО+42 XP

Flexbox: dashboard-строка

Миссия 4: Flexbox: dashboard-строка. Прочитай briefing, реши практику и забери XP.

45 минЗавершите предыдущий уровень
Уровень 5ЗАКРЫТО+40 XP

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

Миссия 5: Image: профиль ученика. Прочитай briefing, реши практику и забери XP.

40 минЗавершите предыдущий уровень
Уровень 6ЗАКРЫТО+45 XP

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

Миссия 6: Pressable: интерактивная карточка урока. Прочитай briefing, реши практику и забери XP.

45 минЗавершите предыдущий уровень
Уровень 2

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

Пошаговые практические уроки с реальными задачами.

Зона 2

Зона 2: Компоненты, props и state. Закрой миссии внутри зоны, чтобы зарядить путь к следующему региону.

Уровень 1ЗАКРЫТО+55 XP

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

Миссия 7: Props: компонент CourseCard. Прочитай briefing, реши практику и забери XP.

55 минЗавершите предыдущий уровень
Уровень 2ЗАКРЫТО+50 XP

useState: прогресс урока

Миссия 8: useState: прогресс урока. Прочитай briefing, реши практику и забери XP.

50 минЗавершите предыдущий уровень
Уровень 3ЗАКРЫТО+45 XP

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

Миссия 9: Условный рендеринг: empty и success. Прочитай briefing, реши практику и забери XP.

45 минЗавершите предыдущий уровень
Уровень 4ЗАКРЫТО+55 XP

TextInput: форма заметки

Миссия 10: TextInput: форма заметки. Прочитай briefing, реши практику и забери XP.

55 минЗавершите предыдущий уровень
Босс-уровеньФинальный босс-проект

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

Пошаговые практические уроки с реальными задачами.

Босс-зона

Босс-зона: Формы, списки и проект. Здесь знания собираются в финальный квест и портфолио-доказательство. Todo App Boss Quest.

Уровень 1Босс-уровеньЗАКРЫТО+60 XP

FlatList: список курсов

Босс-миссия: FlatList: список курсов. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

1 чФинальный квестЗавершите предыдущий уровень
Уровень 2Босс-уровеньЗАКРЫТО+55 XP

Компонент TodoItem

Босс-миссия: Компонент TodoItem. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

55 минФинальный квестЗавершите предыдущий уровень
Уровень 3Босс-уровеньЗАКРЫТО+75 XP

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

Босс-миссия: Todo App: добавить и удалить задачу. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

1 ч 15 минФинальный квестЗавершите предыдущий уровень
Уровень 4Босс-уровеньЗАКРЫТО+80 XP

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

Босс-миссия: Todo App: empty state и завершение. Собери все паттерны зоны в один финальный результат. Собрать первый уверенный мобильный экран и войти в карту курсов.

1 ч 10 минФинальный квестЗавершите предыдущий уровень

Есть вопрос или нашли ошибку?

Сообщение сразу получит контекст этого курса.

XP PRACTICE

Закрепи знания на практике

Устал от уроков? Пройди короткую мини-игру по коду или проверь скорость на арене.