udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Как создать клон Instagram с React Native и Firebase
How to Build an Instagram Clone w/ React Native & Firebase
★4.7 (всего оценок - 21)
Продолжительность
11 ч 21 мин
Категория
React NativeКоличество уроков
56 Видео
Дата добавления
1 окт. 2019 г., 18:35
Язык
Английский
Дата выхода
16 апр. 2019 г., 18:23
Дата обновления
29 апр. 2026 г., 04:48
Хотите научиться создавать полноценные мобильные приложения? В этом курсе вы шаг за шагом разберёте, как собрать клон Instagram на React Native и Firebase — от пользовательского интерфейса до работы с данными, навигацией и состоянием приложения.
Что вы изучите в ходе курса
Курс строится вокруг практики: вы будете сразу применять изученные инструменты и создавать реальный проект с нуля. Каждая часть сопровождается пояснениями и примерами кода.
Ключевые технологии курса
- React Native Expo — быстрый старт и удобная разработка мобильных приложений.
- Firebase — бэкенд без серверов, аутентификация, база данных и хранилище.
- Redux — управление состоянием в масштабируемых приложениях.
- React Navigation — гибкая навигация для сложных интерфейсов.
Структура обучения
Курс разделён на логические модули, каждый из которых посвящён конкретной части разработки клона Instagram.
Создание пользовательского интерфейса
- Верстка основных экранов: лента, профиль, авторизация.
- Использование компонент React Native и кастомных стилей.
Работа с Firebase
- Настройка проекта Firebase и подключение к приложению.
- Создание и авторизация пользователей.
- Хранение изображений и данных постов.
Управление состоянием с Redux
- Организация структуры Redux в проекте.
- Создание reducer'ов, action'ов и хранилища.
- Связь Redux с UI-компонентами.
Добавление навигации
- Настройка стековой и таб-навигации.
- Переходы между экранами и передача параметров.
Практическая ценность курса
В результате вы получите не только понимание технологий, но и готовый функциональный проект. Это отличный пример для портфолио и база для создания собственных приложений на React Native.
Кому подойдёт этот курс
- Начинающим разработчикам React Native.
- Тем, кто хочет разобраться с Firebase и связать фронтенд с бэкендом.
- Тем, кто хочет научиться создавать полноценные мобильные приложения.
Итог
Этот курс — первая часть большой серии, в которой вы подробно изучите весь путь создания мобильного приложения уровня Instagram. С учебными файлами, кодом и объяснениями вам будет легче понять, как устроены современные мобильные продукты.
- Урок 1.00:05:42About React & Firebase
- Урок 2.00:18:27A Tech Overview
- Урок 3.00:08:58Getting Started w/ React
- Урок 4.00:15:14What are Props & Components?
- Урок 5.00:10:02React Native vs Expo
- Урок 6.00:14:13Getting Started with React Native Expo
- Урок 7.00:06:50Building Our First Expo Components
- Урок 8.00:13:24Creating Our Own Custom Components
- Урок 9.00:07:11Intro to React Navigation
- Урок 10.00:12:55Adding Custom Tab Icons
- Урок 11.00:10:57Intro to Redux
- Урок 12.00:05:24Global Reducer State
- Урок 13.00:14:07Adding Redux Actions
- Урок 14.00:12:43Auth Navigator
- Урок 15.00:13:45Adding Login Actions
- Урок 16.00:08:55Adding User Signup Page
- Урок 17.00:18:19Login & Signup Finishing Touches
- Урок 18.00:10:01Intro to Firebase
- Урок 19.00:09:18Initialize Firebase & Create Account
- Урок 20.00:14:07Redux Login Actions
- Урок 21.00:11:01Redux Signup Actions
- Урок 22.00:13:45Firestore Database Intro
- Урок 23.00:17:45Create Firestore User Object
- Урок 24.00:13:01Login & Signup Flow
- Урок 25.00:16:11Facebook Authentication
- Урок 26.00:10:37Create New Facebook Authenticated User
- Урок 27.00:14:36Adding a Post Image
- Урок 28.00:13:40Firestore Post Upload
- Урок 29.00:15:35Creating Our Home Feed
- Урок 30.00:09:55FlatList vs ScrollView
- Урок 31.00:09:43Custom StackNavigator Header
- Урок 32.00:13:57Home Feed Interactions
- Урок 33.00:15:03How to use the Expo Camera Module
- Урок 34.00:10:51Firestorage Photo Upload Pt.1
- Урок 35.00:12:24Firestorage Photo Upload Pt.2
- Урок 36.00:06:41Upload Post
- Урок 37.00:06:42Add Modal Location
- Урок 38.00:17:02Google Places API
- Урок 39.00:10:39Add Maps View
- Урок 40.00:14:22Post Liker Functionality
- Урок 41.00:14:26Create New Activity Collection
- Урок 42.00:08:51Activity Feed Page
- Урок 43.00:14:40Edit Profile
- Урок 44.00:10:33Upload Photo Library
- Урок 45.00:10:02Error Handling
- Урок 46.00:12:35Add Comment
- Урок 47.00:17:22Get Comments
- Урок 48.00:20:37Moment.js & Styling
- Урок 49.00:11:47Search Page
- Урок 50.00:09:37User Profile Search
- Урок 51.00:11:38New Profile
- Урок 52.00:13:37Profile Feed
- Урок 53.00:06:08Add Chatroom
- Урок 54.00:10:28Get Messages
- Урок 55.00:08:01Follow/Unfollow Users
- Урок 56.00:16:56Push Notifications
Автор - udemy
Комментарии