CG数据库 >> Full-Stack Vue with GraphQL – The Ultimate Guide

$35 | Created by Reed Barger | Last Updated 9/2018Duration: 10 hours | Video: h264, 1280x720 | Audio: AAC, 44 KHz, 2 Ch | 4.9 GBGenre: eLearning | Language: English + Sub | 82 LecturesBuild a complete Pinterest-inspired full-stack app from scratch with Vue, GraphQL, Apollo 2, Vuex, and VuetifyWhat you'll learnLearn in-depth how to use Apollo Server 2 and Apollo Boost to create powerful full-stack appsLearn how to handle errors on the client and server with Apollo / GraphQLBe able to implement session-based JWT authentication to GraphQL applicationsIntegrate Apollo with Vuex for more reliable and scalable state managementImplement infinite scrolling functionality using Vue-ApolloDeploy full-stack JavaScript / GraphQL applications using Heroku and NetlifyLearn how to write queries and mutations in the GraphQL language on both the client and serverMake use of many useful MongoDB methods and featuresBe able to create attractive, sophisticated UIs using the Vuetify CSS frameworkBecome more familiar with all the best ES6 / 7 features such as async / await, destructuring, spread operators, arrow functions, etcRequirementsA basic familiarity with VueA basic understanding of ES6 JavaScript will help, but it's not requiredDescriptionIncludes Apollo Server 2, Apollo Boost and the very new Vue CLI 3!Interested in building next-level apps with Vue and GraphQL? Look no further!This course is your one-stop guide to learning.

.

.

Complete CRUD functionality (create, read, update, and delete) with Vue and GraphQL / Apollo 2The latest and greatest Apollo tools: Apollo Server 2, Apollo Boost and Vue ApolloUsing the new Vue CLI 3 to create/scaffold Vue apps, add plugins and deploy to the webGraphQL Syntax, including types (scalar/object), and creating schemas with typeDefsWriting and executing GraphQL queries and mutations on both the client and serverEssential Apollo features such as the update function, optimistic responses, and refetching queriesError handling with Apollo Server 2 with the new AuthorizationError and formatErrors featuresRole-based user authentication with JSON Web TokensState management with Vuex, in concert with ApolloClientStunning UIs using mobile-first design with the Vuetify, a Material Design Component Library for VueForm Validation with the help of VuetifyVue Router (including protected routes, page transitions, router props, and dynamic segments)Building resolvers using many MongoDB methods and operatorsSearch Functionality with MongoDBAdvanced GraphQL features such as infinite scrollingGraphQL shorthands to make our schemas and queries concise, such as inputs and fragmentsLots of work with the Chrome/Firefox Vue Dev Tools Extension to Debug Vue / Vuex / ApolloUsing the service Now to deploy Vue / GraphQL AppsAdvanced UI tricks, including notifications and loading skeletonsAnd more.

.

.

What will we be building? What is the course based on?This entire course within the context of a practical application that we will build literally from the first line of code to live deployment on the web.

We'll be building an image-sharing social application called VueShare, similar to that of Pinterest or Instagram.

Authenticated users of our app will be able to like and unlike, share, comment on, search for, edit, and delete image-related posts.

How does the course develop as we go along?In the beginning of the course, we'll cover the basic GraphQL / Apollo concepts that we need to get started, then dive into building our app.

We'll build out our backend, cover creating a GraphQL server and database (hosted with MLab), and how to write resolver functions with MongoDB.

Then we'll move over to the frontend, create our Vue app and connect it with our backend, develop an interface and build client-side functionality with Vue, Vuetify, and Vue Apollo / Vuex.

We'll learn how to write and execute queries and mutations using Apollo to our backend to get and modify what we need.

Once we cover and integrate all the essential features of our application (listed above), we'll move on to deploying our app to the web.

After deployment, for those who want to stick around and make their app truly production-ready, we'll cover a number of cool features to make our app more functional, attractive and reliable.

I wanted to make this course as comprehensive as I could, but also give you the fast track to learning new technologies in an engaging way.

GraphQL is an exciting new technology in the web development community and new Apollo releases such as Apollo Server 2 and Apollo Boost have made working with GraphQL easier than ever.

There's never been a better time to start working with GraphQL, especially as a JavaScript developer. Join me and let's get started!Who is the target audience?Anyone who wants to learn how to build full-stack applications with Vue and GraphQL!


Full-Stack Vue with GraphQL – The Ultimate Guide的图片1
Full-Stack Vue with GraphQL – The Ultimate Guide的图片2

发布日期: 2018-11-26