React Native и Expo Router

Программа курса

Ознакомьтесь с программой курса «React Native и Expo Router» от PurpleSchool - purpleschool.ru

1. Введение. Почему React Native, Как устроен курс, Обзор проекта, Обзор курсов, Проекты домашних заданий, AI и тренажёры, Работа на платформе, Практика на проекте, Рекомендуемый курс.
2. Настройка окружения. Настройка окружения, Установка Node, Настройки VSCode, Установка XCode, Установка Android Studio, Установка на устройство, Тест - Настройка окружения, Домашнее задание AI, Работа с gitflow.
3. Старт проекта. Как работает React Native, UI и логика, Expo CLI vs React Native CLI, Старт проекта, Обзор проекта, Запуск приложения, Тест - Старт проекта, Занятие - Старт проекта, Домашнее задание - Старт проекта.
4. Компоненты и стили. Использование компонент, Стилизация, Основы flex, Align и justify, Self, Flex wrap, Flex Basis, Grow, and Shrink, Gap, Dimensions, Работа в Figma, Упражнение - Вёрстка логина, Тест - Компоненты и стили, Тренажёр - Компоненты и стили, Заня…
5. События и создание компонент. Image, Компонент Input, Дизайн система, Работа с SVG, Обработка событий, Упражнение - Компонент кнопки, Тест - События и создание компонент, Тренажёр - События и создание компонент, Занятие - События и создание компонент, Домашне…
6. Анимация. Основы анимации, Как работает анимация, Ограничения анимации, Интерполяция, Анимация кнопки, Alert и Toast, Упражнение - Уведомление, Анимация окна уведомлений, Тест - Анимация, Тренажёр - Анимация, Занятие - Анимация, Домашнее задание - Анимация.
7. Отладка и lint. Eslint, Обработка ошибок, Отладчик и Chrome, React Dev Tools, Тест - Отладка и lint, Отладка и lint, Домашнее задание - Отладка и lint.
8. Expo router. Выбор роутинга, Добавление роутера, Страницы и навигация, Layout, Stack, SafeArea и StatusBar, Подключение шрифта, SplashScreen, Unmatched, Упражнение - Страница ошибки, Route с параметрами, Структура проекта, Вложенные Layout, Тест - Expo router…
9. Запросы и состояние. Выбор state manager, Архитектура проекта, Первый атом, AsyncStorage, atomWithStorage, Запросы на сервер, Запросы в State, Упражнение - Выход, Программный редирект, Redirect компонент, Упражнение - Реализация логина, ActivityIndicator, Т…
10. Боковая панель. Drawer layout, Стилизация панели, Кнопка открытия, Кастомный Drawer, Стилизация Drawer, Получение данных профиля, Упражнение - Компонент пользователя, Упражнение - Компонент меню, Навигация, Тест - Боковая панель, Занятие - Боковая панель, До…
11. Нативные возможности. Обновление expo, Рефакторинг приложения, ImagePicker, Permissions, Отображение изображения, Упражнение - Компонент загрузки, Загрузка на сервер, Улучшаем код, Сохранение профиля, Sharing API, Тест - Нативные возможности, Занятие - Нативн…
12. Разрешения и layout. Ориентация экрана, ScreenOrientation, Поддержка планшетов, KeyboardAvoidingView, Platform, Тест - Разрешения и layout, Тренажёр - Разрешения и layout, Занятие - Разрешения и layout, Домашнее задание - Разрешения и layout.
13. Списки. Данные курсов, Упражнение - Вёрстка карточки, ScrollView, FlatList, RefreshControl, Linking, Градиентный текст, Упражнение - Progress bar, Тест - Списки, Тренажёр - Списки, Занятие - Списки, Домашнее задание - Списки.
14. Нотификации. Типы уведомлений, Установка expo-notifications, Отправка уведомлений, Обработка уведомлений, Реакция на уведомления, Нажатие на уведомление, Упражнение - Уведомление с URL, Работа с push уведомлениями, Использование push токена, Тест - Нотифика…
15. Сборка и публикация. Процесс публикации приложений, Конфигурация и иконки, Переменные окружения, Сборка через EAS, Сборка через XCode, Сборка через Android Studio, Сборка без Expo, Тест - Сборка и публикация.

Чему вы научитесь

• Освоите и сможете применять: вёрстка карточки, scrollview, flatlist, refreshcontrol, linking, градиентный текст, упражнение.
• Научитесь настраивать и организовывать: настройка окружения, домашнее задание ai, работа с gitflow.
• Освоите основы: введение. почему react native, как устроен курс, обзор проекта, обзор курсов, проекты домашних заданий, ai и тренажёры, работа на платформе, практика на проекте, рекомендуемый курс.
• Научитесь уверенно работать с темой: уведомление с url, работа с push уведомлениями,…
• Освоите и сможете применять: выход, программный редирект, redirect компонент, упражнение…