Категории
- Frontend
  - Angular
  - HTML
  - CSS
  - JavaScript
  - Vue
  - jQuery
  - React
  - AngularJS
  - Backbone
  - TypeScript
  - Ember
  - Next.js
  - Elm
  - Svelte
  - Single SPA
  - Three.js
  - D3.js
  - RxJS
  - WebGL
  - barba.js
- Backend
  - PHP
  - Python
  - Ruby on Rails
  - Yii
  - Laravel
  - SQL
  - Ruby
  - Symfony
  - Java
  - Scala
  - Node.js
  - MongoDB
  - Golang (Google Go)
  - Slim
  - Silex
  - Firebase
  - C Sharp (C#)
  - Deno
  - Redis
  - Django
  - NestJS
  - Spring
  - Spring Boot
  - Spring Data
  - Spring Cloud
  - Spring Security
  - Spring Integration
  - Spring HATEOAS
  - Spring MVC
  - Elixir
  - Phoenix
- System programming
  - Rust
  - WebAssembly
  - C++
- Marketing
  - SEO
- Video and 3D
  - Blender
  - Cinema 4D
  - ZBrush
- Graphic
  - Figma
  - Sketch
  - Photoshop
  - After Effects
  - Illustrator
  - Adobe XD
  - Lightroom
  - CorelDRAW
- DevOps
  - AWS
  - Azure
  - Docker
  - Git
  - GitHub
  - Gitlab
  - Google Cloud
  - Grafana
  - Kubernetes
  - Jenkins
  - Terraform
  - Другое
- Tools
  - GraphQL
  - Flux
  - Webpack
  - Ansible
  - Gulp
  - Grunt
  - Visual Studio Code
  - VIM
  - OpenCV
  - Salt
  - SVN
  - Atom
  - Elasticsearch
  - Сборки, готовые решения
  - Electron
  - Chrome DevTools
  - Yarn
  - Babel
  - Grep
  - npm
  - Vite
  - Gatsby
  - PhpStorm
  - Webflow
  - Hibernate
  - Socket.io
  - Bash
- Разработка мобильных приложений
- Gamedev
  - Unreal Engine
  - Unity
- CMS
  - Wordpress
  - OpenCart
  - Drupal
  - Joomla
  - 1C-Bitrix
  - MODX
  - Magento
  - Shopify
- Blockchain
  - Криптовалюты
  - Decentralized Applications (dApps) (Web 3)
- Тестирование
  - Postman
  - Selenium
  - Appium
  - Protractor
  - WebdriverIO
  - Cypress
  - Playwright
- Другое
- Подготовка к собеседованию
- Обработка и анализ данных
- Информационная безопасность
  - Этический взлом / Тестирование на проникновение
- Английский язык
- Конференции
Источники
Все курсы
- Популярные
- Бесплатные (100+ Курсов)
Разделы
Книги
- Бесплатные
- Популярные
Краудфандинг

Войти

🍁 Осень в деле: SPTMBR25 → –50% на все пакеты ch. 💻

Главная страница Категория ionic Создаем клон tinder с Ionic и Angular

Создаем клон tinder с Ionic и Angular

Build Tinder mobile app with Ionic and Angular

Code4Startup (coderealprojects)

Начать Сейчас

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

3 ч 31 мин

Категория

Ionic

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

39 Видео

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

2 нояб. 2017 г., 16:52

Язык

Английский

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

5 июл. 2018 г., 05:12

Научитесь создавать гибридные приложения с использованием Ionic и AngularJS шаг за шагом. Мы быстро создадим приложение из пустой папки в реальное приложение. В этом проекте я расскажу вам как воссоздать Tinder, который представляет собой приложение для знакомств на основе местоположения (используя Facebook), которое облегчает общение между заинтересованными пользователями, позволяя общаться в чате. После того как мы завершим этот проект, у вас будут основополагающие основы для разработки любого мобильного приложения, которое требует взаимодействия с пользователем в режиме реального времени.

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, но это необязательно.
Жесткое желание узнать новые вещи и создать отличное приложение.

Посмотреть больше

Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Build Tinder mobile app with Ionic and Angular, а также все другие курсы, прямо сейчас!

Премиум

Урок 1. 00:01:38

AngularJS
Урок 2. 00:02:12

NodeJS
Урок 3. 00:02:50

Ionic
Урок 4. 00:01:11

Firebase
Урок 5. 00:04:27

SublimeText 3
Урок 6. 00:00:37

What are we building in this task
Урок 7. 00:05:20

Introduce Side Menu Ionic Project
Урок 8. 00:12:25

Custome Side Menu
Урок 9. 00:07:22

Create Login Page
Урок 10. 00:00:23

What are we building in this task
Урок 11. 00:06:30

Create Facebook App and Fake Users
Урок 12. 00:04:27

Setting up Firebase
Урок 13. 00:14:31

Authentication with Facebook
Урок 14. 00:00:29

What are we building in this task
Урок 15. 00:04:27

NoSQL Database Structure
Урок 16. 00:14:31

Create Profile on Firebase
Урок 17. 00:00:29

What are we building in this task
Урок 18. 00:04:27

Facebook Graph API
Урок 19. 00:09:05

Update Profile Page
Урок 20. 00:00:35

What are we building in this task
Урок 21. 00:08:24

Design Settings Page
Урок 22. 00:14:39

Working on Events
Урок 23. 00:00:27

Store Personal Settings in Local Storage
Урок 24. 00:04:27

What are we building in this task
Урок 25. 00:07:14

Create Fake Facebook Users
Урок 26. 00:06:46

List All Users
Урок 27. 00:00:38

Filter User List with Personal Settings
Урок 28. 00:03:58

What are we building in this task
Урок 29. 00:05:49

Create Sliding Cards
Урок 30. 00:09:57

Create Sliding Cards
Урок 31. 00:09:59

Database structure for Likes
Урок 32. 00:07:06

Refactor User List
Урок 33. 00:00:49

What are we building in this task
Урок 34. 00:07:30

Database structure for Matches
Урок 35. 00:10:09

List All Matches
Урок 36. 00:06:37

Un-match
Урок 37. 00:00:25

What are we building in this task
Урок 38. 00:05:44

Show Modal Info
Урок 39. 00:02:43

Show User Info

Автор - Code4Startup (coderealprojects)

Code4Startup (coderealprojects)

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

+18

Категории

Комментарии

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Создаем аналог Uber (UberEats) на Python, Django и Swift 3

Code4Startup (coderealprojects)

8 сент. 2017 г., 11:19

Python Swift Django

Создаем аналог Uber (UberEats) на Python, Django и Swift 3

Create UberEats with Python/Django and Swift 3

Мы собираемся создать апликейшн "Uber app for Food" с админ-панелью для ресторанов и приложением iOS для клиентов, которые заказывают продукты и доставку с помощью курьерской службы. Но вы можете применить эти знания к любым бизнес моделям своего проекта.

19 ч 13 мин

Английский

Посмотреть

+50

Изображение курса Делаем клон AirBnb с Ruby on Rails, Bootstrap, jQuery и PayPal

Code4Startup (coderealprojects)

13 нояб. 2017 г., 20:25

Ruby on Rails

Делаем клон AirBnb с Ruby on Rails, Bootstrap, jQuery и PayPal

Build AirBnb with Ruby on Rails, Bootstrap, jQuery and PayPal

В этом проекте я проведу вас через все шаги по разработке приложений, таких как Airbnb, с основными функциями, которые мы сделаем с самого нуля. Вам не нужно знать все о HTML, CSS, Javascript или Ruby on Rails, чтобы просто создать это веб-приложение. В моей методологии, которую я назвал POA (Product-Oriented-Approach), вам просто нужно знать то, что использует большинство приложений. Такой подход не сделает с вас суперзвезду разработки, но вы по

8 ч 49 мин

Английский

Посмотреть

+10

Изображение курса Делаем клон Fiverr с Python, Django и Braintree

Code4Startup (coderealprojects)

15 нояб. 2017 г., 13:12

Django Другое (Разработка мобильных приложений)

Делаем клон Fiverr с Python, Django и Braintree

Build Fiverr marketplace with Python Django and Braintree

В этом курсе вы узнаете как построить площадку, такую как Fiverr, с Python Django и Braintree, а также с платежным обработчиком. Вы пройдете через все: от пустой папки до реального приложения. Вы не просто будете смотреть видео а сами создадите этот сайт... Вам не нужно быть разработчиком Django для реализации этого проекта. С минимальными навыками программирования вы увидите, что этот проект очень легко и быстро развернуть, и вы определенно смож

5 ч 6 мин

Английский

Посмотреть

+19

Изображение курса Создаем Product Hunt с помощью ReactJS и Firebase

Code4Startup (coderealprojects)

16 нояб. 2017 г., 12:45

React.js Firebase

Создаем Product Hunt с помощью ReactJS и Firebase

Build Product Hunt with ReactJS and Firebase

В этом курсе вы узнаете как создать приложение ReactJS в синтаксисе ES6 (современная версия Javascript) с Firebase, путем клонирования Product Hunt. Кроме того, после этого курса вы узнаете как проектировать и разрабатывать приложение React в архитектуре Flux с помощью Alt. React JS - это библиотека Javascript для создания пользовательских интерфейсов. Это гибкая, быстрая, легкая в освоении и веселая работа. Reactjs разработан чтобы сделать про

4 ч 47 мин

Английский

Посмотреть

+32

Изображение курса Ionic 3: Создаем красивое криптовалютное приложение

coursetro

14 февр. 2018 г., 19:41

Ionic

Ionic 3: Создаем красивое криптовалютное приложение

Build a Beautiful CryptoCurrency App using Ionic 3

В этом курсе вы будете следовать за full-stack разработчиком, который уже почти два десятилетия создает приложения. Я уверен что вы слышали о биткойне - это первая в мире криптовалюта. За прошедшие годы с момента выхода Биткойна, вышло более тысячи конкурирующих криптовалют. Сегодня эти криптовалюты очень популярны. Вот почему мы собираемся создать приложение под названием Coinful.Coinful - это приложение, которое позволяет пользователям выбирать

2 ч 34 мин

Английский

Посмотреть