udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
17 ч 39 мин
Категория
VueКоличество уроков
96 Видео
Дата добавления
9 дек. 2019 г., 18:39
Язык
Английский
Дата выхода
20 нояб. 2019 г., 00:00
Узнайте, как создать реальное приложение Vue JS 2, подключенное к базе данных Firestore (Firebase). Vue JS - это очень популярный JavaScript фреймворк, который был разработан специально для того, чтобы помочь вам писать веб-приложения быстрее и проще, чем когда-либо прежде!
Используемая такими компаниями, как Nintendo, Adobe, GitLab, Baidu и Alibaba, популярность Vue JS быстро растет, поэтому сейчас самое время добавить его в свое резюме.
К концу этого курса у вас появятся навыки и уверенность, необходимые для использования Vue JS в ваших собственных проектах!
Таким образом, независимо от того, являетесь ли вы полным новичком в Vue JS или опытным программистом, стремящимся улучшить свои навыки, этот курс для вас!
ЧТО ТАКОЕ FIREBASE?
Firebase предоставляет базу данных в реальном времени и серверную часть как сервис. Сервис предоставляет разработчикам приложений API-интерфейс, позволяющий синхронизировать данные приложений между клиентами и хранить их в облаке Firebase.
КУРС
Студенты учатся лучше всего, когда прикладывают то, чему учатся, к практике, поэтому мы построили этот курс вокруг одного действительно замечательного проекта (который будет великолепно выглядеть в вашем портфолио!):
В этом курсе мы собираемся создать приложение под названием Exchangario. Основной целью этого приложения является обмен услугами и продуктами.
Начнем с основ фреймворка Vue JS. Мы инициализируем первые страницы, создаем маршрутизацию к тезисным страницам и будем правильно их стилизовать.
Первый раздел будет не только о Vue JS. Чтобы наше приложение было динамичным и соответствовало стандартам, нам нужна база данных. База данных, которую мы будем использовать в этом курсе, - это облачное хранилище Firestore от Firebase. В Firestore мы будем хранить наши данные о возможностях, обменах и профилях пользователей в виде документов в коллекциях. Подробнее об этом в курсе.
Как я уже сказал, основная идея этого приложения заключается в обмене продуктами. Для этого мы реализуем страницу, на которой пользователь может создавать биржи либо услуги, либо типа продукта. Мы создадим множество входных данных различных типов. Я покажу вам, как вы можете выполнить проверку формы с помощью популярного пакета Vuelidate. После того, как обмен будет создан, он будет отображаться на домашней странице и предлагаться другим пользователям.
В следующем разделе мы будем создавать функциональные возможности для обмена между пользователями. Каждый вошедший в систему пользователь может подать заявку на обмен, предложив собственный обмен в качестве встречного предложения. Отправленный обмен должен иметь ту же стоимость, что и обмен, на который мы подаем заявку, чтобы быть принятым системой. Как только обмен представлен, возможность создана. Возможности представляются биржами, которые пользователи могут принять или отклонить. После того, как возможность будет принята, пользователь получит контактную информацию о пользователе, с которым он может обмениваться продуктом.
В пятом разделе мы будем работать над функцией разбивки на страницы и поиска.
В последнем разделе я буду говорить о правилах безопасности для Firestore, и, наконец, мы развернем приложение на Heroku, чтобы вы могли поделиться им со своими друзьями и семьей.
Благодаря более чем 17 часам экранных инструкций, не имеет значения, планируете ли вы начать карьеру разработчика или просто хотите улучшить свои навыки программирования, этот курс для вас!
Посмотреть больше
- Урок 1.00:02:42Section Overview
- Урок 2.00:13:14Project initialization
- Урок 3.00:11:15Project folders introduction
- Урок 4.00:09:22Adding stylings and layout
- Урок 5.00:14:04Separation to components
- Урок 6.00:09:28Vue Data
- Урок 7.00:10:05Vue Props
- Урок 8.00:04:56Vue methods & Click Event
- Урок 9.00:11:20Display exchanges & iterate data
- Урок 10.00:10:58Font awesome
- Урок 11.00:11:18Router introduction
- Урок 12.00:08:38Create new pages
- Урок 13.00:11:53Navigation fixes
- Урок 14.00:04:52Router links
- Урок 15.00:09:45Vuex integration
- Урок 16.00:15:48Vuex explanation
- Урок 17.00:06:40Vuex modules
- Урок 18.00:19:33Firebase setup
- Урок 19.00:13:45Get data from Firestore
- Урок 20.00:02:37Section Overview
- Урок 21.00:03:23Login & Register pages
- Урок 22.00:11:51More inputs & two way data binding
- Урок 23.00:10:54Firebase signup
- Урок 24.00:10:18Enable register with email and password
- Урок 25.00:07:09Handle result of registration
- Урок 26.00:11:44Create user profile
- Урок 27.00:13:30Check if user is authenticated
- Урок 28.00:08:42Handle login process
- Урок 29.00:09:25Handle logout process
- Урок 30.00:03:29Create profile page
- Урок 31.00:11:38Protected pages
- Урок 32.00:13:46User update modal
- Урок 33.00:12:33Store user profile
- Урок 34.00:07:50Copying be reference
- Урок 35.00:08:31Submit modal to update user profile
- Урок 36.00:12:10Update profile changes & view update
- Урок 37.00:03:36Section Overview
- Урок 38.00:04:26Create exchange page
- Урок 39.00:07:40Handle submission of exchange create
- Урок 40.00:17:48Prepare Vuelidate
- Урок 41.00:13:47Basic validations
- Урок 42.00:16:18Custom validators
- Урок 43.00:16:09Register form validation
- Урок 44.00:12:06Handle "tags" input
- Урок 45.00:08:02Create exchange success
- Урок 46.00:13:00Exchange detail page
- Урок 47.00:13:22Exchange layout & fetch exchange
- Урок 48.00:09:25Fetch user on exchange detail page
- Урок 49.00:10:54Reset data before fetch exchange
- Урок 50.00:12:07Reusable modal
- Урок 51.00:12:41Exchange deal modal
- Урок 52.00:15:58Create inputs in modal
- Урок 53.00:19:53Firebase!
- Урок 54.00:15:28Add exchange to profile
- Урок 55.00:13:14Create exchange on user - rework
- Урок 56.00:23:05Displayed offered exchanges
- Урок 57.00:18:35Exchange modal realtime changes
- Урок 58.00:10:39Handle corner cases in modal
- Урок 59.00:02:21Section Overview
- Урок 60.00:13:55Create opportunity object
- Урок 61.00:15:35Add opportunity to Firestore
- Урок 62.00:15:07Firebase function to add opportunity to profile
- Урок 63.00:15:12Fetch opportunities
- Урок 64.00:10:19Get all data from opportunity
- Урок 65.00:04:21Fetch "send" opportunities
- Урок 66.00:16:57Display opportunities
- Урок 67.00:06:23Display "send" oportunities
- Урок 68.00:23:20Opportunity deal modal
- Урок 69.00:12:22Close modal and increase credit
- Урок 70.00:13:44Accept & Decline opportunity
- Урок 71.00:16:10Update opportunity on user
- Урок 72.00:11:56Update "send" opportunity
- Урок 73.00:09:14Update credit in real time
- Урок 74.00:10:32Opportunity accept modal
- Урок 75.00:12:02Fetch user informations when modal opens
- Урок 76.00:10:51Testing opportunities
- Урок 77.00:01:28Section Overview
- Урок 78.00:11:34Starting pagination
- Урок 79.00:18:38Fetch more data
- Урок 80.00:09:06Navigate to previous paginated page
- Урок 81.00:05:41Keep track of current page
- Урок 82.00:07:56Search input improvements
- Урок 83.00:11:24Handle Search
- Урок 84.00:05:51Filter exchanges
- Урок 85.00:17:32Logout fixes
- Урок 86.00:12:05Burger menu
- Урок 87.00:12:04Dropdown menu
- Урок 88.00:01:11Section Overview
- Урок 89.00:12:13DB Rules
- Урок 90.00:10:19Exchange rules
- Урок 91.00:07:38Profile rules
- Урок 92.00:06:24Opportunity rules
- Урок 93.00:12:57Deployment part 1
- Урок 94.00:20:16Deployment part 2
- Урок 95.00:06:18Final Testing
- Урок 96.00:00:54Course Outro
Автор - udemy
Комментарии
WiFiHaedVue.js and Firebase + Heroku/ Everything you need to deploy the real-life project. while doing the project it is reasonable to read the documentation/ It was not enough information about specific cases. But in total the course is useful