AWS AppSync & Amplify with React & GraphQL - Complete Guide
4.4 (265 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,168 students enrolled

AWS AppSync & Amplify with React & GraphQL - Complete Guide

Deploy a Serverless GraphQL & React JS based Javascript application in the AWS Cloud using AWS AppSync and AWS Amplify
4.4 (265 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,168 students enrolled
Current price: $12.99 Original price: $129.99 Discount: 90% off
6 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11 hours on-demand video
  • 7 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Develop a production-ready serverless backend API powered by AWS AppSync and GraphQL that scales to MILLIONS of requests
  • Deploy a fully functional blogging application using the AWS Amplify framework (with comments and likes features!)
  • Learn how to develop Real-Time Subscriptions with AWS AppSync for real-time scalable updates for your web applications
  • Learn GraphQL, and how managed GraphQL works in AWS with AWS AppSync
Course content
Expand all 97 lectures 11:11:24
+ Development Environment Setup
5 lectures 18:00
Installing Development Tools
07:04
VSCode Basics
04:31
Creating Your AWS Account
01:49
Installing and Configuring AWS Amplify CLI
04:24
Resources
00:12
+ (OPTIONAL) - Fundamentals of GraphQL - Create Your Own GraphQL API's
44 lectures 05:47:00
Who Created GraphQL and Why
03:46
GraphiQL Demo
08:08
Setting Up Our First GraphQL Project - Part 1
08:50
Importing Express and Creating the App
04:50
Installing GraphQL Express Modules and Setup
09:46
Creating and Understanding GraphQL Schemas
10:28
RootQuery - Running Queries in GraphiQL
15:24
Returning Data in the Resolver Function
09:59
Adding a Hobby Type and RootType Field
08:14
Finish Adding a Post Type
08:25
Showing a User Related to a Post
10:30
Showing User Related to a Hobby
05:27
Adding the Fields Posts Query
07:23
Adding the Hobbies Field Query
04:04
Introduction to Mutations - Presentation
01:23
Creating User Mutation
11:28
Creating Post Mutation
06:23
Create Hobby Mutation
07:38
Adding Posts Query
05:49
Posts and Hobbies Queries
04:40
Scalar Types
10:43
Scalar Types and Object Types
08:29
Non Nullable Field Types
03:47
Intro to Mongo DB VS RDBMS
09:01
Creating MLab Account
05:39
Installing Mongoose Package and Connecting to Remote Database
06:04
Creating Mongoose Models - User
08:58
Finalizing the Creation of Models and Requiring Them
04:15
Saving a User
11:38
Storing Data to Our Database - Final
09:04
Getting a User By ID
09:26
Post and Retrieving data - Final
13:22
CORS and Adding NonNulls to Required Field
08:20
Updating User
14:25
Updating Post and Hobby
12:01
Removing a User
05:18
Remove Operation - Final
06:16
Deploying to Remove Server - Heroku
02:07
Deploying Our Node.Js App to Heroku - Complete Guide
18:43
Using Prisma Playground
06:30
Note on Apollo Codegen!
00:15
+ The AppSync API Console
7 lectures 44:26
AWS AppSync API Console - DynamoDb and AddPost Mutation
10:38
AWS AppSync API Console - Update and Delete
06:12
AWS AppSync API Console - Resolvers Overview
04:32
Final Thoughts on AWS AppSync API Console
03:21
+ Building A Blog App Using Amplify CLI, AppSync and React JS
8 lectures 01:01:25
Creating Our React App
06:53
Setting Up Our API with Amplify Init
08:56
Code You Need for the Next Lecture
00:26
Adding Amplify Modules and Configuring our Frontend App
04:12
Logging Data From AppSync
10:54
Showing Posts on Our Page ( User Interface )
10:37
Finalizing Our Post User Interface
08:54
+ Building A Blog App - Posting Data from the App
3 lectures 31:21
App Form
09:35
Sending Posts to Backend AWS DynamoDb
11:03
Adding onCreate Subscription and Refreshing UI with Posts Automatically
10:43
+ AWS Amplify Auth Module
4 lectures 17:06
Adding Auth Module to Our App
07:12
Amazong Cognito - User Pool
03:11
Creating New Users and Login With Auth
06:41
Resources
00:02
+ Editing and Deleting Users and Posts
5 lectures 30:26
Deleting Posts Using onDeleteListener Subscription
09:10
Updating a Post - Part 1
10:14
Updating Post Without Subscription - Part 2
05:49
Update Post With Subscription
05:12
Resources - AWS AppSync Subscriptions
00:01
Requirements
  • Prior understanding of a JavaScript front-end framework is preferred (such as React)
  • Prior Knowledge of AWS is preferred
  • GraphQL will be taught during this course
Description

Have you ever wondered how to create a production-ready backend API in AWS?

On top of it, what if it was all serverless and powered by GraphQL?

What if it could scale to millions of requests?

What if it was... easy!?

-----

AWS AppSync & AWS Amplify is the BEST way to get started with deploying GraphQL based applications in the AWS Cloud, all without deploying any servers, that infinitely scale. Welcome to the great world of Serverless computing!

This course is fully hands-on, in which you'll get the chance to practice and learn:

  • GraphQL crash-course

  • How to deploy GraphQL based backends in AWS

  • How to develop your next-gen web application using the AWS Amplify framework & AWS AppSync

You will see how you can quickly build a secure, scalable, functional and real-time application in no-time!


=======================================

Instructor

Paulo Dichone is the instructor of this course. He is a Software Engineer, a teacher, and the author of highly rated Development courses on Udemy. He has already taught over 90,000 students online and received over 10,000 reviews. Students love his teaching methodology which is heavy on hands-on, project-based approach.

=======================================


  • Section Outline:   

    • Section 1 – Course Introduction: Get an understand of the course objectives, how the course is structured, download the course code and get ready! 

    • Section 2 -What's AWS AppSync and AWS Amplify - Getting Started: Learn how AWS AppSync and AWS Amplify help us, developers, to build serverless's application in record time.

    • Section 3 - Install Development Tools - Setting up our development environment and Installing Development tools

    • Section 4 - Full Course on GraphQL and Fundamentals: Deep-dive into learning all you need to know about GraphQL and how to create your own GraphQL API's using Express and Node.JS.  This Section could be optional, but it's highly recommended that you at least skim through. 

    • Section 5 - The AWS AppSync Console - Build a full Serverless API using the AWS AppSync Console.  Master AppSync Console by building a simple API.

    • Section 6 - Real World AWS AppSync API Using Amplify CLI: Getting started building our front-end/Client app with React JS.  Build the AWS AppSync API using Amplify CLI.

    • Section 7 - Real World AWS AppSync, Amplify CLI and React JS: Kee building the front-end and back-end functionalities into the React JS App - Blop App.

    • Section 8 - AWS Amplify and the Auth Module - Adding Authentication to the front-end app.  Using Amazon Cognito to manage logins and users.

    • Section 9 - Editing And Deleting User's Posts - Allowing authorized users to delete and edit posts.

    • Section 10 - Creating Comments - Using GraphQL mutations to create comments for posts.

    • Section 11 - How to Renew an Expired  AWS AppSync API Key - Will show you how to renew your API Key that's expired after the 7-day active period ends.

    • Section 12 - Adding the LIKE functionality - Allowing users to like a post, and adding a more sophisticated User Interface to show all users who have liked a post.

    • Section 13 - Next Steps!

       

=======================================

This Course Also Comes With:

✔ Lifetime Access to All Future Updates

✔ A responsive instructor in the Q&A Section

✔ Links to interesting articles, and lots of good code to base your next template onto

✔ Udemy Certificate of Completion Ready for Download

✔ A 30 Day "No Questions Asked" Money Back Guarantee!


This is the course that could change your AWS skills.  

Take the course now, completely risk-free!

Who this course is for:
  • Developers who want to learn about GraphQL & AWS AppSync
  • Developers who want to leverage the AWS Amplify Framework for their next application
  • Solutions Architect who need to understand the motivation behind AWS AppSync