Узнайте, как создать реальное приложение 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 часам экранных инструкций, не имеет значения, планируете ли вы начать карьеру разработчика или просто хотите улучшить свои навыки программирования, этот курс для вас!
