Code4Startup (coderealprojects)
Code4Startup - отличный ресурс, где авторы курсов пытаются создать разные известные проекты собственными руками, и показать нам что это не так сложно.
Создаем клон tinder с Ionic и Angular
Build Tinder mobile app with Ionic and Angular
★5 (всего оценок - 9)
Продолжительность
3 ч 31 мин
Категория
IonicКоличество уроков
39 Видео
Дата добавления
2 нояб. 2017 г., 16:52
Язык
Английский
Дата обновления
5 июл. 2018 г., 05:12
Научитесь создавать гибридные приложения с использованием Ionic и AngularJS шаг за шагом. Мы быстро создадим приложение из пустой папки в реальное приложение. В этом проекте я расскажу вам как воссоздать Tinder, который представляет собой приложение для знакомств на основе местоположения (используя Facebook), которое облегчает общение между заинтересованными пользователями, позволяя общаться в чате.После того как мы завершим этот проект, у вас будут основополагающие основы для разработки любого мобильного приложения, которое требует взаимодействия с пользователем в режиме реального времени.
ionic - это открытая платформа HTML5 для создания кросс-платформенных гибридных приложений. Это означает, что он позволяет быстро и просто использовать веб-технологии (например, HTML, CSS, Javascript) для создания интерактивных мобильных приложений для Android и iOS. Он также позволяет нам получить доступ к некоторым функциям телефона (например, использовать камеру на своем телефоне!)
Чего мы научимся в ходе этого проекта?
Что мы будем использовать в этом проекте?
Предпосылки / Требования:
ionic - это открытая платформа HTML5 для создания кросс-платформенных гибридных приложений. Это означает, что он позволяет быстро и просто использовать веб-технологии (например, HTML, CSS, Javascript) для создания интерактивных мобильных приложений для Android и iOS. Он также позволяет нам получить доступ к некоторым функциям телефона (например, использовать камеру на своем телефоне!)
Чего мы научимся в ходе этого проекта?
- Как настроить ionic приложение.
- Как легко работать и создавать мобильные приложения с базовыми элементами управления.
- Как быстро построить гибридное приложение, которое можно запускать на iOS или Android с базой данных в режиме реального времени.
- Как анализировать и строить структуру базы данных NoSQL, подходящую для мобильного приложения.
- Как работать с базой данных в режиме реального времени с Firebase 2 и 3.
- Как работать с API-интерфейсами Facebook для захвата метаданных.
- Как использовать локальное хранилище для сохранения небольших данных.
- Как Ionic применяет MVC Framework и как работают Angular приложения.
Что мы будем использовать в этом проекте?
- Создайте боковое меню для своего приложения.
- Аутентифицировать пользователя с помощью Facebook.
- Создание приложения для Facebook.
- Получение информации о профиле из Facebook.
- Страница персональных настроек
- Хранение информации о локальном хранилище.
- Список всех пользователей для знакомств.
- Функция слайдинга фотографий и профилей.
- Согласование пользователей.
- Всплывающая система сообщений.
- Показывать данные профиля пользователя в модальном всплывающем окне.
Предпосылки / Требования:
- Полезно иметь понимание AngularJS и Javascript, но это необязательно.
- Жесткое желание узнать новые вещи и создать отличное приложение.
Посмотреть больше
- Урок 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)
Другие материалы в этой категории
Создаем аналог Uber (UberEats) на Python, Django и Swift 3
Делаем клон AirBnb с Ruby on Rails, Bootstrap, jQuery и PayPal
Делаем клон Fiverr с Python, Django и Braintree
Создаем Product Hunt с помощью ReactJS и Firebase
Ionic 3: Создаем красивое криптовалютное приложение
Ionic + React - Создание кроссплатформенных приложений (Web, Android, iOS)
Комментарии