Code4Startup (coderealprojects)
Code4Startup - отличный ресурс, где авторы курсов пытаются создать разные известные проекты собственными руками, и показать нам что это не так сложно.
Создаем клон tinder с Ionic и Angular
Build Tinder mobile app with Ionic and Angular
★5 (всего оценок - 9)
Продолжительность
3 ч 31 мин
Категория
IonicКоличество уроков
39 Видео
Дата добавления
2 нояб. 2017 г., 16:52
Язык
Английский
Дата обновления
28 апр. 2026 г., 22:18
Хотите научиться создавать реальные мобильные приложения? В этом курсе вы шаг за шагом воссоздадите клон Tinder на Ionic и Angular, освоив работу с гибридными технологиями, API и базами данных в реальном времени. К концу обучения у вас будет фундамент для разработки любых интерактивных мобильных приложений.
О курсе
Этот проект ориентирован на практику: мы начнём с пустой структуры и создадим полноценное приложение, работающее на iOS и Android. Вы научитесь использовать веб‑стек (HTML, CSS, JavaScript) в сочетании с Ionic и Angular для построения современного интерфейса и логики.
Зачем изучать Ionic и Angular?
Ionic — это популярный фреймворк для создания гибридных приложений, позволяющий легко использовать возможности устройства. Angular помогает структурировать код и ускоряет разработку за счёт архитектуры MVC, двустороннего связывания данных и переиспользуемых компонентов.
Чему вы научитесь
Создание гибридных мобильных приложений
- Настройка и запуск Ionic‑приложения.
- Создание интерфейса и использование стандартных элементов управления.
- Построение приложения, работающего на Android и iOS.
Работа с данными и API
- Создание структуры NoSQL‑базы, оптимизированной под мобильные приложения.
- Использование Firebase 2 и 3 для реального времени.
- Интеграция Facebook API для получения пользовательских данных.
- Использование локального хранилища.
Понимание архитектуры и технологий
- Принципы MVC в Ionic.
- Особенности работы Angular-приложений.
Практические проекты и функционал
В ходе обучения вы создадите полный набор экранов и функций, характерных для современных мобильных приложений.
Функционал, который вы реализуете
- Боковое меню в стиле нативных приложений.
- Авторизация через Facebook.
- Получение и обработка профилей пользователей.
- Экран настроек профиля.
- Сохранение данных в локальном хранилище.
- Список пользователей для знакомств.
- Свайп‑функции для фотографий и карточек.
- Алгоритм совпадений (matching).
- Система мгновенных сообщений.
- Модальные окна для отображения профиля.
Требования к студентам
Курс подойдёт даже новичкам, однако минимальный опыт с веб‑технологиями поможет освоить материал быстрее.
Что пригодится перед началом
- Базовое понимание AngularJS или JavaScript приветствуется, но не обязательно.
- Желание изучать новые технологии и создавать реальные проекты.
Итог
После прохождения курса вы сможете самостоятельно создавать мобильные приложения с реальным функционалом, подключать внешние API, работать с базами данных в реальном времени и развернуть приложение под две мобильные платформы. Это отличный старт для карьеры в мобильной разработке или создания собственного продукта.
- Урок 1.00:01:38AngularJS
- Урок 2.00:02:12NodeJS
- Урок 3.00:02:50Ionic
- Урок 4.00:01:11Firebase
- Урок 5.00:04:27SublimeText 3
- Урок 6.00:00:37What are we building in this task
- Урок 7.00:05:20Introduce Side Menu Ionic Project
- Урок 8.00:12:25Custome Side Menu
- Урок 9.00:07:22Create Login Page
- Урок 10.00:00:23What are we building in this task
- Урок 11.00:06:30Create Facebook App and Fake Users
- Урок 12.00:04:27Setting up Firebase
- Урок 13.00:14:31Authentication with Facebook
- Урок 14.00:00:29What are we building in this task
- Урок 15.00:04:27NoSQL Database Structure
- Урок 16.00:14:31Create Profile on Firebase
- Урок 17.00:00:29What are we building in this task
- Урок 18.00:04:27Facebook Graph API
- Урок 19.00:09:05Update Profile Page
- Урок 20.00:00:35What are we building in this task
- Урок 21.00:08:24Design Settings Page
- Урок 22.00:14:39Working on Events
- Урок 23.00:00:27Store Personal Settings in Local Storage
- Урок 24.00:04:27What are we building in this task
- Урок 25.00:07:14Create Fake Facebook Users
- Урок 26.00:06:46List All Users
- Урок 27.00:00:38Filter User List with Personal Settings
- Урок 28.00:03:58What are we building in this task
- Урок 29.00:05:49Create Sliding Cards
- Урок 30.00:09:57Create Sliding Cards
- Урок 31.00:09:59Database structure for Likes
- Урок 32.00:07:06Refactor User List
- Урок 33.00:00:49What are we building in this task
- Урок 34.00:07:30Database structure for Matches
- Урок 35.00:10:09List All Matches
- Урок 36.00:06:37Un-match
- Урок 37.00:00:25What are we building in this task
- Урок 38.00:05:44Show Modal Info
- Урок 39.00:02:43Show User Info
Автор - Code4Startup (coderealprojects)
Комментарии