18+ Від базового JavaScript Наживо онлайн

React Native

Мобільні застосунки для iOS та Android на React Native: компоненти, хуки, навігація, робота з API, збереження даних, можливості пристрою та публікація збірки.

Записатися на консультацію Програма курсу

Інтерфейс цифрового продукту LeoGame Academy як приклад сучасного застосунку

ФорматЖиві заняття з ментором

РезультатВласний мобільний застосунок для iOS та Android

РівеньВід базового JavaScript

Після курсуСертифікат LeoGame

Про курс

Від першого заняття до завершеного проєкту

React Native дозволяє з одного коду зробити застосунок одразу для iPhone і Android. На курсі ви пройдете шлях від основ React до готового мобільного застосунку: верстка екранів, навігація, робота з сервером, збереження даних, камера й геолокація. Кожен модуль закінчується практикою, а курс — власним застосунком, який можна встановити на телефон і показати в портфоліо.

Для кого цей курс

Ті, хто знає основи JavaScript

Ви вже писали код на JavaScript і хочете перейти до мобільної розробки. Курс швидко проведе від основ React до власного застосунку.

Frontend-розробники

Працюєте з вебом і хочете додати до свого стеку мобільні застосунки, використовуючи знайомі React-підходи.

Підприємці та автори ідей

Маєте ідею застосунку і хочете самостійно зібрати робочий прототип, щоб перевірити її на реальних користувачах.

Результат навчання

Після курсу ви зможете

Кожен модуль додає нову частину до фінальної роботи — теорія одразу закріплюється практикою.

Підібрати формат

Створювати екрани з компонентів React Native і стилізувати їх під різні розміри телефонів
Керувати станом застосунку за допомогою хуків і контексту
Будувати навігацію між екранами: стек, вкладки та бокове меню
Отримувати й відправляти дані через API та обробляти помилки й завантаження
Зберігати дані на пристрої та використовувати камеру, геолокацію й сповіщення
Збирати застосунок через Expo та EAS і готувати його до публікації в App Store і Google Play

Програма

Що вивчаємо

6 модулів. Кожен закінчується практичним завданням, яке стає частиною вашого фінального проєкту.

01JavaScript, TypeScript і основи ReactОсвіжаємо сучасний JavaScript і знайомимося з ідеями React, на яких побудований React Native.

Сучасний JavaScript: стрілкові функції, деструктуризація, модулі, async/await
Базові типи TypeScript для компонентів
Компоненти, props і JSX
Стан і хуки useState та useEffect
Налаштування середовища: Node.js, VS Code, Git

Практика: Створюєте кілька React-компонентів з props і станом та зберігаєте проєкт у GitHub.

02Перший застосунок на ExpoЗапускаємо перший мобільний застосунок і розбираємося з базовими компонентами та стилями.

Створення проєкту в Expo й запуск на телефоні через Expo Go
View, Text, Image, ScrollView, Pressable
StyleSheet і Flexbox у мобільній верстці
Адаптація під різні екрани, SafeArea й темна тема
Списки FlatList і SectionList

Практика: Верстаєте головний екран застосунку зі списком карток і запускаєте його на власному телефоні.

03Навігація та формиПеретворюємо набір екранів на повноцінний застосунок із переходами та введенням даних.

React Navigation: stack, tabs і drawer
Передача параметрів між екранами
Форми, TextInput і валідація
Клавіатура, модальні вікна та сповіщення в інтерфейсі
Іконки, шрифти й анімації переходів

Практика: Додаєте до застосунку навігацію з вкладками, екран деталей і форму створення запису.

04Дані, API та станПідключаємо застосунок до сервера й організовуємо дані так, щоб код залишався зрозумілим.

fetch і REST API: отримання та відправка даних
Стани завантаження, помилок і порожніх списків
Глобальний стан: Context API та Zustand
Кастомні хуки для роботи з даними
Автентифікація: вхід, реєстрація та токени

Практика: Підключаєте застосунок до публічного API або Firebase і реалізуєте вхід користувача.

05Можливості пристрою та збереженняВикористовуємо те, що робить мобільний застосунок мобільним: камеру, геолокацію, сповіщення й офлайн-режим.

AsyncStorage і SecureStore для локальних даних
Камера та галерея: expo-image-picker
Геолокація та карти
Push-сповіщення в Expo
Дозволи та приватність на iOS і Android

Практика: Додаєте до застосунку фото з камери, збереження даних на пристрої та локальні сповіщення.

06Якість, збірка та публікаціяДоводимо застосунок до релізу: шукаємо помилки, оптимізуємо й готуємо збірку для магазинів.

Налагодження та пошук помилок
Продуктивність списків і зображень
Іконка, splash screen і налаштування app.json
EAS Build: збірки для Android та iOS
Вимоги App Store і Google Play, підготовка до публікації

Практика: Збираєте фінальну версію застосунку через EAS і отримуєте файл, який можна встановити на телефон.

Інструменти

Чим працюємо

Професійні інструменти, якими користуються в ігровій індустрії. Перед стартом допоможемо все встановити й налаштувати.

React NativeExpoJavaScriptTypeScriptReact NavigationVS CodeGit і GitHubEAS Build

Фінальний проєкт

Власний мобільний застосунок

Завершений застосунок для iOS та Android на вашу тему: трекер звичок, каталог, нотатки, сервіс бронювання чи інша ідея. Код зберігається на GitHub, а збірку можна встановити на телефон.

Кілька екранів із навігацією та формами
Робота з API або Firebase і авторизація
Локальне збереження, камера чи геолокація
Готова збірка через EAS і репозиторій на GitHub

Формат

Як проходить навчання

Живі заняття з ментором

Пояснення, демонстрація процесу й відповіді на запитання в реальному часі. Можна показати екран і одразу розібрати помилку.

Фідбек на кожну роботу

Конкретно: що працює, де проблема і який наступний крок. Ментор не робить завдання за вас — він вчить знаходити рішення.

Особистий кабінет

Матеріали, домашні завдання, здача робіт, оцінки та фідбек викладача зібрані в одному місці.

Сертифікат

Після успішного завершення програми студент отримує сертифікат LeoGame Academy та готовий проєкт для портфоліо.

Технічні вимоги

Потрібен 64-бітний ПК чи ноутбук (Windows, macOS або Linux) з 8 ГБ RAM, бажано 16 ГБ, і смартфон на Android або iOS для тестування через Expo Go. Mac не обов’язковий: збірки для iOS робимо в хмарі через EAS.

Перед стартом перевіримо ваш ПК

На консультації підкажемо, чи підходить конфігурація, та допоможемо встановити необхідні програми.

Перевірити конфігурацію

FAQ

Питання про курс

Уже навчаєтесь у нас? Завдання, матеріали й фідбек — в особистому кабінеті.

Увійти в кабінет Поставити запитання

Чи потрібно знати JavaScript до старту?

Бажано знати основи: змінні, функції, масиви й об’єкти. Перший модуль освіжає сучасний JavaScript, а якщо досвіду зовсім немає, ментор порадить, з чого почати.

Чи потрібен Mac, щоб робити застосунки для iPhone?

Ні. Під час навчання застосунок запускається на iPhone через Expo Go, а збірку для iOS можна зробити в хмарі через EAS Build.

Чи опублікуємо застосунок у магазинах?

Ми підготуємо збірку й розберемо всі кроки публікації в App Store і Google Play. Для самої публікації потрібні акаунти розробника, які створюються окремо.

Коли старт нової групи?

Зараз триває набір у нову групу. Дату старту, формат навчання та вартість повідомляємо після консультації.

Інші програми