Главная страницаКатегория react nativeДелаем клон Airbnb с Ruby on Rails и React Native - Уровень 3

Делаем клон Airbnb с Ruby on Rails и React Native - Уровень 3

Name: Делаем клон Airbnb с Ruby on Rails и React Native - Уровень 3
Rating: 4.7 (17 reviews)

Build Room Booking site like AirBnb with Ruby on Rails - Level 3

Code4Startup (coderealprojects)

★4.7 (всего оценок - 17)

Продолжительность

9 ч 0 мин

Категория

React Native

Количество уроков

63 Видео

Дата добавления

28 дек. 2017 г., 14:08

Язык

Английский

Дата выхода

14 сент. 2017 г., 00:00

Дата обновления

28 апр. 2026 г., 22:49

Уровень 3 — это практический этап, на котором вы углубитесь в разработку API на Ruby on Rails и создадите полноценное мобильное приложение на React Native, повторяя ключевые функции Airbnb. Этот уровень идеально подходит для тех, кто уже прошёл предыдущие части и готов выйти на новый профессиональный уровень.

Чему вы научитесь на Уровне 3

На этом этапе вы сосредоточитесь на архитектуре API, мобильной разработке и интеграции внешних сервисов.

Работа с API на Ruby on Rails

Структурирование проекта с ориентацией исключительно на API.
Сериализация данных в формат JSON для использования в мобильных приложениях.
Создание безопасных API-эндпоинтов и использование токенов доступа.
Реализация запросов GET и POST для получения и обновления данных.
Работа с Facebook Token для аутентификации и получения данных пользователя.
Интеграция Stripe для обработки платежей.
Тестирование API через Postman.

Мобильная разработка на React Native

Настройка React Native проекта и запуск приложения.
Понимание и применение структуры Redux (Action → Reducer → Store).
Создание собственных компонентов и мобильных экранов.
Разработка многоразовых UI-компонентов.
Подключение сторонних библиотек для расширения функционала.
Реализация Facebook Authentication в мобильном приложении.
Подключение платежей Visa через Stripe Mobile.

Какие функции вы создадите

В ходе обучения вы разработаете полноценную экосистему, включающую серверную часть и мобильное приложение.

Серверная часть (API Ruby on Rails)

Полноценный API-проект.
Эндпоинты для взаимодействия с мобильным клиентом.

Мобильное приложение (React Native)

Авторизация через Facebook.
Отображение профиля пользователя.
Список доступных комнат.
Просмотр деталей выбранной комнаты.
Поиск комнат по локации и параметрам проживания.
Бронирование комнаты.
Форма оплаты через Stripe.
Переключение между режимами «Гость» и «Хост».
Календарь с вашими бронированиями.
Принятие или отклонение запросов на бронирование.

Почему этот уровень важен

Уровень 3 объединяет серверную и мобильную разработку, помогая вам понять полный цикл создания современных продуктов. Это отличный шаг для тех, кто хочет стать full‑stack разработчиком и иметь практический опыт, максимально приближенный к реальным проектам.

Урок 1.00:03:12
Intro
Урок 2.00:02:04
Project's structure
Урок 3.00:04:31
Create new API Project
Урок 4.00:04:15
Adding existing database
Урок 5.00:04:24
Facebook Access Token
Урок 6.00:07:21
User Authentication
Урок 7.00:11:37
Create User Controller
Урок 8.00:04:29
Testing Facebook Token
Урок 9.00:13:44
Room List
Урок 10.00:18:46
Room Details
Урок 11.00:06:17
Payment Controller
Урок 12.00:10:13
Booking Room Controller
Урок 13.00:09:20
Charging Function
Урок 14.00:11:35
Updating Reservation Controller
Урок 15.00:08:27
Approve/Decline Reservations
Урок 16.00:01:23
Read Me FIRST
Урок 17.00:05:24
Install Javascript Dependencies
Урок 18.00:01:31
Install Java Development Kit
Урок 19.00:07:24
Setting up Android development environment
Урок 20.00:04:23
Initialize React Native Project
Урок 21.00:04:26
Setting Android Emulator
Урок 22.00:02:49
Running Android Emulator from Terminal
Урок 23.00:08:55
Project's structure
Урок 24.00:04:21
Create Main Screen
Урок 25.00:11:41
Refactoring Room Screen
Урок 26.00:10:03
Room Redux
Урок 27.00:18:48
Room API
Урок 28.00:05:20
Understand Redux
Урок 29.00:12:28
Redux and React component
Урок 30.00:02:13
Why's Redux?
Урок 31.00:07:22
Refactoring Room Details Screen
Урок 32.00:08:36
Room Action and Reducer
Урок 33.00:10:15
Add Image and Host
Урок 34.00:11:33
Add Room Info
Урок 35.00:11:42
Add Godzilla Button
Урок 36.00:12:37
[Part 2] - Task 5: Fcebook Authentication
Урок 37.00:08:40
Login Screen
Урок 38.00:09:19
Configure FBSDK
Урок 39.00:09:48
Setting Facebook App
Урок 40.00:10:04
Facebook API Request
Урок 41.00:11:47
Display User's Info
Урок 42.00:11:18
Store User's Info
Урок 43.00:06:07
Create Basic Searching Filter
Урок 44.00:13:05
Add Location
Урок 45.00:02:59
Add Date Pickers
Урок 46.00:03:59
Add Godzilla Button
Урок 47.00:13:50
Action and Reducer
Урок 48.00:06:30
Searching Result
Урок 49.00:12:20
Create Booking Modal
Урок 50.00:14:29
Add Date Pickers
Урок 51.00:11:49
Booking API
Урок 52.00:11:05
Refactoring Profile Screen
Урок 53.00:07:32
Update Profile Screen
Урок 54.00:14:17
Payment API
Урок 55.00:09:15
Calendar and Profile
Урок 56.00:13:34
Show Your Listings
Урок 57.00:14:30
Create Calendar Modal
Урок 58.00:00:00
Display Dummy Reservation
Урок 59.00:19:26
Display Real Reservations
Урок 60.00:07:07
Approve/Decline Reservations - P1
Урок 61.00:09:26
Approve/Decline Reservations - P2
Урок 62.00:01:54
App Name
Урок 63.00:03:17
App Icon

Автор - Code4Startup (coderealprojects)

Code4Startup (coderealprojects)

Code4Startup - отличный ресурс, где авторы курсов пытаются создать разные известные проекты собственными руками, и показать нам что это не так сложно.

+20

Комментарии