udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React Native - Создайте клон Instagram с Firebase
React Native bootcamp - Build an Instagram Clone w/Firebase
★2 (всего оценок - 5)
Продолжительность
12 ч 39 мин
Категория
FirebaseКоличество уроков
48 Видео
Дата добавления
9 апр. 2022 г., 16:44
Язык
Английский
Дата выхода
11 февр. 2021 г., 02:00
Дата обновления
29 апр. 2026 г., 14:24
Освойте React Native и создайте собственное мобильное приложение уровня Instagram. В этом курсе вы шаг за шагом изучите ключевые технологии — Redux, Firebase, Firestore, Firebase Storage и React Navigation — и соберёте полноценную социальную сеть с реальными функциями и современным UI.
Что вы создадите в рамках курса
Курс построен практическим образом: от базовой настройки проекта до разработки сложных модулей мобильного приложения. В результате вы получите полностью рабочий клон Instagram.
Основные компоненты приложения
- Экран регистрации и входа с подключением к Firebase Firestore
- Профиль пользователя с обновляемыми данными
- Лента публикаций с загрузкой изображений
- Система лайков и комментариев
- Чат в реальном времени
- Гибкая навигация с React Navigation
Стек технологий, который вы освоите
Вы получите практические навыки работы с современным инструментарием разработки мобильных приложений.
React Native и UI-компоненты
Научитесь создавать адаптивные и быстрые интерфейсы, оптимизированные под iOS и Android.
Firebase и Firestore
Освоите хранение данных, авторизацию пользователей, загрузку изображений и работу с реальными чатами.
Redux
Разберетесь в управлении состоянием и научитесь строить масштабируемую архитектуру приложения.
Как проходит обучение
Каждый модуль курса сопровождается наглядными примерами и разбором кода, чтобы вы могли применять знания сразу же на практике.
Постепенное усложнение
- От базовой логики — к сложной бизнес-архитектуре
- От отдельных экранов — к полноценной социальной сети
- От локального функционала — к облачным сервисам
Кому подойдет этот курс
- Начинающим разработчикам, которые хотят быстро создать реальное приложение
- Фронтенд-специалистам, которые хотят перейти в мобильную разработку
- Разработчикам, изучающим Firebase и современные технологии для приложений
- Тем, кто хочет создать собственный прототип социальной сети
Результат обучения
По завершении курса у вас будет кроссплатформенное приложение, работающее на iOS и Android, а также уверенные навыки работы с ключевыми инструментами современного мобильного стека.
Присоединяйтесь и создайте полноценный Instagram-клон своими руками!
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:00:43Welcome to my Course! Pretty chill intro ;)
- Урок 2. 00:01:00Introduction p2
- Урок 3. 00:05:35Introduction (old version - forgive me for the stutter haha)
- Урок 4. 00:14:08Setting up the environment
- Урок 5. 00:09:30Installing the virtual android device (optional)
- Урок 6. 00:26:43Our first Hello World
- Урок 7. 00:05:58Conditional rendering
- Урок 8. 00:01:49Link to the shared drive
- Урок 9. 00:10:11Firebase setup
- Урок 10. 00:21:49React Navigation setup
- Урок 11. 00:16:48Setting up redux
- Урок 12. 00:38:08Login screen design
- Урок 13. 00:14:45Accessing the reducers - Explenation in the following video
- Урок 14. 00:05:20Explaining reducers
- Урок 15. 00:18:29Signup page
- Урок 16. 00:19:30Signing up with our firestore db
- Урок 17. 00:13:49Login and get user back-end functions
- Урок 18. 00:22:43Welcome screen, Login finish
- Урок 19. 00:13:04Tab Navigator setup
- Урок 20. 00:27:58Upload File - Post screen
- Урок 21. 00:17:02Upload File - uri compressing
- Урок 22. 00:11:58Photos array
- Урок 23. 00:15:26Styling the photos array
- Урок 24. 00:15:26Removing images p1
- Урок 25. 00:10:38Removing images p2
- Урок 26. 00:15:26Design improvement p1
- Урок 27. 00:05:08Design improvement p2
- Урок 28. 00:30:41Uploading post Screen
- Урок 29. 00:10:52Bug fix after pressing the "Post" button
- Урок 30. 00:29:57Uploading profile photos
- Урок 31. 00:11:55Uploading post to the Database
- Урок 32. 00:13:23Getting all the posts from the database
- Урок 33. 00:22:44Creating the post component
- Урок 34. 00:19:34Styling the post component p1
- Урок 35. 00:24:40Styling the post component p2
- Урок 36. 00:15:50Creating a custom header for the home page
- Урок 37. 00:30:11Liking posts
- Урок 38. 00:14:37Saving Posts
- Урок 39. 00:14:47Displaying saved videos
- Урок 40. 00:13:03Getting the profile from the database
- Урок 41. 00:36:33Styling the retrieved data
- Урок 42. 00:20:22Following users
- Урок 43. 00:21:45One Post and Bug Fixes of the Profile Screen
- Урок 44. 00:07:22Navigating to our own profile
- Урок 45. 00:02:29Profile Screen bug fix + challenge for you
- Урок 46. 00:00:26Solution to the challenge
- Урок 47. 00:00:41Profile Screen Bug Fix (Follow causes the screen to flick)
- Урок 48. 00:38:19Messages screen
Автор - udemy
Комментарии