egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создаем приложение React Native для iOS и Android от начала до конца
Build a React Native Application for iOS and Android from Start to Finish
★5 (всего оценок - 24)
Продолжительность
1 ч 19 мин
Категория
React NativeКоличество уроков
32 Видео
Дата добавления
17 мар. 2019 г., 08:29
Язык
Английский
Дата обновления
29 апр. 2026 г., 02:48
Освойте практическую разработку мобильных приложений на React Native и создайте полноценное приложение для iOS и Android. Курс идеально подходит разработчикам, знакомым с React и готовым выйти на новый уровень, чтобы создавать современные, производительные и кроссплатформенные приложения.
Чему вы научитесь в этом курсе
Курс проведёт вас через весь процесс разработки мобильного приложения: от настройки окружения до публикации в App Store и Google Play. Вы погрузитесь в основные возможности React Native и освоите базовые, а затем и продвинутые техники мобильной разработки.
Основы разработки в React Native
- Структура проекта и настройка окружения для iOS и Android
- Использование базовых UI-компонентов: Text, Image, Button, ScrollView, FlatList
- Работа с макетами и стилями через Flexbox
Построение функционального приложения
В ходе курса вы создадите приложение «Обзор ресторана», шаг за шагом проходя реальные сценарии разработки мобильных интерфейсов.
Интерактивность и пользовательский ввод
- Формы и обработка ввода пользователя
- Отображение изображений и иконок
- Использование модалок, свайпов и анимаций
Навигация в приложении
- Push-навигация
- Модальные окна
- Навигация с табами
Работа с данными и интеграции
- Выполнение HTTP API-запросов
- Локальное хранение данных через AsyncStorage
- Подготовка к работе с реальными backend‑сервисами
Подготовка к публикации приложения
В финальном модуле курса вы доведёте приложение до уровня, необходимого для реального релиза.
- Настройка пользовательских иконок и заставок
- Сборка приложения для физических устройств
- Подготовка релизных версий для App Store и Google Play
- Создание билдов для внутреннего или корпоративного распространения
Репозиторий проекта
Готовый код и полезные материалы доступны по ссылке:
https://github.com/nanohop/RestaurantReview/
Кому подойдёт этот курс
- Разработчикам, знакомым с React, которые хотят перейти к мобильной разработке
- Тем, кто хочет создать своё первое кроссплатформенное приложение
- Frontend-специалистам, желающим расширить навыки и выходить на рынок мобильной разработки
Преимущества прохождения курса
- Пошаговое создание реального приложения
- Чёткая структура и практическая подача
- Навыки, которые можно применить немедленно
- Готовый проект в портфолио
Присоединяйтесь к курсу и создайте своё первое мобильное приложение на React Native от начала до конца!
- Урок 1.00:02:04Create a React Native App and Run it on the iOS Simulator and Android Emulator
- Урок 2.00:02:12Reload the Simulator when Changes Occur in React Native Apps
- Урок 3.00:02:44Display and Format Text in a React Native Application
- Урок 4.00:03:49Layout React Native Components with Flexbox
- Урок 5.00:03:12Style Components in a React Native App with StyleSheet
- Урок 6.00:02:36Accept User Input with React Native TextInput
- Урок 7.00:02:33Write to the Console Log in a React Native App
- Урок 8.00:03:16Use the Debugger in a React Native App
- Урок 9.00:03:49Style React Native Components Differently on iOS and Android
- Урок 10.00:01:49Clean Up the Folder Structure and Imports in a React Native App with Absolute Paths
- Урок 11.00:02:20Scroll Elements on a React Native Screen with ScrollView
- Урок 12.00:02:50Display a List of Items in React Native with FlatList
- Урок 13.00:03:47Make a Touchable Button in React Native
- Урок 14.00:01:45Fetch Data from an HTTP Server in a React Native Application using fetch or axios
- Урок 15.00:03:54Display Local and Remote Images in React Native
- Урок 16.00:02:24Add Icons to a React Native App with React Native Vector Icons
- Урок 17.00:02:53Show a New Screen with React Navigation and StackNavigator
- Урок 18.00:01:57Customize the StackNavigator Header with React Navigation in a React Native App
- Урок 19.00:01:38Pass Data Between Screens when Navigating with StackNavigator
- Урок 20.00:03:05Add Bottom Tabs to a React Native App with React Navigation
- Урок 21.00:03:02Add a Modal Screen that Pops Up from the Bottom with React Navigation
- Урок 22.00:02:06Ensure Text Fields Don't Get Covered by the On Screen Keyboard
- Урок 23.00:02:10Show a Spinner while Submitting a Form in React Native with ActivityIndicator
- Урок 24.00:02:23Save and Retrieve Data on the Device in a React Native App with AsyncStorage
- Урок 25.00:03:17Change the Splash Screen for iOS Apps built with React Native
- Урок 26.00:02:46Change the Splash Screen for Android Apps built with React Native
- Урок 27.00:01:21Change the App Icon for React Native Apps on iOS
- Урок 28.00:01:32Change the App Icon for React Native Apps on Android
- Урок 29.00:01:22Run a React Native App on an iOS Device
- Урок 30.00:01:04Run a React Native App on an Android Device
- Урок 31.00:01:25Build an iOS React Native App for Uploading to the iOS App Store or TestFlight
- Урок 32.00:02:21Build an Android React Native App for the Google Play Store or for Ad Hoc Distribution
Автор - egghead
Комментарии