Full-Stack Vue с GraphQL - Полное руководство
Создайте полное приложение с полным стеком Pinterest с нуля с помощью Vue, GraphQL, Apollo 2, Vuex и Vuetify
Включает Apollo Server 2, Apollo Boost и очень новый Vue CLI 3!
Заинтересованы в создании приложений следующего уровня с помощью Vue и GraphQL?
Этот курс - ваш универсальный путеводитель по обучению ...
Что мы будем строить? На чем основан курс?
- Полная функциональность CRUD (создание, чтение, обновление и удаление) с помощью Vue и GraphQL / Apollo 2
- Последние и самые лучшие инструменты Apollo: Apollo Server 2, Apollo Boost и Vue Apollo
- Использование нового Vue CLI 3 для создания / эскиза Vue-приложений, добавления плагинов и развертывания в Интернете
- Синтаксис GraphQL, включая типы (скаляр / объект) и создание схем с типом типов
- Написание и выполнение запросов и мутаций GraphQL как на клиенте, так и на сервере
- Основные функции Apollo, такие как функция обновления, оптимистичные ответы и запросы повторного набора
- Обработка ошибок с Apollo Server 2 с новыми функциями AuthorizationError и formatErrors
- Аутентификация пользователя на основе ролей с помощью веб-маркеров JSON
- Управление государством с Vuex, совместно с ApolloClient
- Потрясающие пользовательские интерфейсы, использующие мобильный дизайн с Vuetify, библиотекой компонентов материалов для Vue
- Проверка формы с помощью Vuetify
- Vue Router (включая защищенные маршруты, переходы страниц, реквизиты маршрутизатора и динамические сегменты)
- Создание резольверов с использованием многих методов и операторов MongoDB
- Функциональность поиска с помощью MongoDB
- Расширенные функции GraphQL, такие как бесконечная прокрутка
- Сокращения GraphQL, чтобы сделать наши схемы и запросы краткими, такими как входы и фрагменты
- Много работы с расширенными инструментами расширения Chrome / Firefox Vue для отладки Vue / Vuex / Apollo
- Использование службы Теперь для развертывания приложений Vue / GraphQL
- Усовершенствованные пользовательские интерфейсы, включая уведомления и загрузку скелетов
- И более...
Весь этот курс в контексте практического приложения, которое мы будем строить буквально с первой строки кода, чтобы жить в Интернете.
Мы будем создавать социальное приложение для обмена изображениями, которое называется VueShare, похожее на Pinterest или Instagram. Пользователи, прошедшие проверку подлинности нашего приложения, смогут походить на него, делиться ими, комментировать, искать, редактировать и удалять связанные с изображениями сообщения.
Как развивается курс, куда мы идем?
В начале курса мы рассмотрим основные концепции GraphQL / Apollo, которые нам нужно начать, а затем погрузимся в создание нашего приложения. Мы построим наш бэкэнд, создадим сервер и базу данных GraphQL (размещенную с MLab) и как писать функции resolver с MongoDB. Затем мы перейдем к интерфейсу, создадим наше приложение Vue и подключим его к нашему серверу, разработаем интерфейс и создадим клиентскую функциональность с Vue, Vuetify и Vue Apollo / Vuex. Мы узнаем, как писать и выполнять запросы и мутации, используя Apollo, в наш сервер, чтобы получить и изменить то, что нам нужно. После того, как мы рассмотрим и интегрируем все основные функции нашего приложения (перечисленные выше), мы перейдем к развертыванию нашего приложения в Интернете. После развертывания, для тех, кто хочет придерживаться и сделать свое приложение действительно готовым к производству, мы рассмотрим ряд интересных функций, чтобы сделать наше приложение более функциональным, привлекательным и надежным.
Я хотел сделать этот курс настолько всеобъемлющим, насколько я мог, но и дать вам быстрый путь к изучению новых технологий привлекательным образом. GraphQL - захватывающая новая технология в сообществе веб-разработчиков, а новые выпуски Apollo, такие как Apollo Server 2 и Apollo Boost, сделали работу с GraphQL проще, чем когда-либо.
Никогда не было лучшего времени для начала работы с GraphQL, особенно в качестве разработчика JavaScript.
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.