CF

AWS AppSync & Amplify with React & GraphQL - Complete Guide

11h 11m 36s
English
Paid

AWS AppSync & Amplify with React & GraphQL - Complete Guide is a 90-lesson 11 hours 11 minutes self-paced course by Udemy. Learn how to build and deploy a serverless app with React, GraphQL, AppSync, and Amplify.

Course facts

Lessons
90
Duration
11 hours 11 minutes
Level
All levels
Language
English
Updated
Instructor
Udemy
Price
Premium

Learn how to build and deploy a serverless app with React, GraphQL, AppSync, and Amplify. You will work with real tools on AWS and see how each part fits together. You write the code, deploy it, and watch it scale without managing servers.

What You Will Learn

This course is hands-on. You follow clear steps and build each feature yourself.

  • A short and focused GraphQL crash course

  • How to create and deploy GraphQL backends on AWS

  • How to build a web app with the Amplify framework and AppSync

Who teaches AWS AppSync & Amplify with React & GraphQL - Complete Guide? Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

What lessons are included in AWS AppSync & Amplify with React & GraphQL - Complete Guide?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 90 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Instructors Introductions
All Course Lessons (90)
#Lesson TitleDurationAccess
1
Instructors Introductions Demo
01:55
2
What You'll Build in This Course - Blop App Demo
08:25
3
What You'll Learn in This Course
02:10
4
Course Structure
02:31
5
What's AWS AppSync
07:45
6
What's Amplify (CLI)
04:05
7
Installing Development Tools
07:05
8
VSCode Basics
04:32
9
Creating Your AWS Account
01:50
10
Installing and Configuring AWS Amplify CLI
04:25
11
Why GraphQL - Motivation
07:09
12
Who Created GraphQL and Why
03:48
13
GraphQL Overview and Graph Theory
07:53
14
GraphiQL Demo
08:09
15
Setting Up Our First GraphQL Project - Part 1
08:51
16
Importing Express and Creating the App
04:52
17
Installing GraphQL Express Modules and Setup
09:47
18
Creating and Understanding GraphQL Schemas
10:29
19
RootQuery - Running Queries in GraphiQL
15:26
20
Returning Data in the Resolver Function
10:00
21
Adding a Hobby Type and RootType Field
08:15
22
Finish Adding a Post Type
08:26
23
Adding Relationships Between our Types
05:05
24
Showing a User Related to a Post
10:31
25
Showing User Related to a Hobby
05:28
26
Adding the Fields Posts Query
07:24
27
Adding the Hobbies Field Query
04:05
28
Introduction to Mutations - Presentation
01:24
29
Creating User Mutation
11:29
30
Creating Post Mutation
06:24
31
Create Hobby Mutation
07:39
32
Adding Posts Query
05:50
33
Posts and Hobbies Queries
04:41
34
Scalar Types
10:44
35
Scalar Types and Object Types
08:30
36
Non Nullable Field Types
03:48
37
Intro to Mongo DB VS RDBMS
09:03
38
Creating MLab Account
05:40
39
Installing Mongoose Package and Connecting to Remote Database
06:05
40
Creating Mongoose Models - User
08:59
41
Finalizing the Creation of Models and Requiring Them
04:16
42
Saving a User
11:39
43
Storing Data to Our Database - Final
09:05
44
Getting a User By ID
09:27
45
Post and Retrieving data - Final
13:23
46
CORS and Adding NonNulls to Required Field
08:21
47
Updating User
14:27
48
Updating Post and Hobby
12:02
49
Removing a User
05:19
50
Remove Operation - Final
06:17
51
Deploying to Remove Server - Heroku
02:08
52
Deploying Our Node.Js App to Heroku - Complete Guide
18:44
53
Using Prisma Playground
06:31
54
AWS AppSync API Console - Creating an API - Introduction
10:50
55
AWS AppSync API Console - DynamoDb and AddPost Mutation
10:39
56
AWS AppSync API Console - Update and Delete
06:13
57
AWS AppSync API Console - Docs and Root Types
03:59
58
System Overview Architecture - Presentation
04:58
59
AWS AppSync API Console - Resolvers Overview
04:33
60
Final Thoughts on AWS AppSync API Console
03:22
61
Creating Our React App
06:54
62
Setting Up Our API with Amplify Init
08:57
63
Creating Amplify CLI and Creating Backend API
10:34
64
Adding Amplify Modules and Configuring our Frontend App
04:13
65
Logging Data From AppSync
10:55
66
Showing Posts on Our Page ( User Interface )
10:38
67
Finalizing Our Post User Interface
08:55
68
App Form
09:36
69
Sending Posts to Backend AWS DynamoDb
11:04
70
Adding onCreate Subscription and Refreshing UI with Posts Automatically
10:44
71
Adding Auth Module to Our App
07:13
72
Amazong Cognito - User Pool
03:13
73
Creating New Users and Login With Auth
06:42
74
Deleting Posts Using onDeleteListener Subscription
09:11
75
Updating a Post - Part 1
10:15
76
Updating Post Without Subscription - Part 2
05:50
77
Update Post With Subscription
05:13
78
Create Post Comments - Introduction
10:17
79
Setting Up Comment Post to be Shown
11:10
80
Updating the ListPost Query and Showing Comments
07:51
81
FIX - Expired API and How to Fix it
06:09
82
Setup Like Post Logic
10:36
83
Liking and Showing the Like
06:30
84
Monitoring Who Can Like, Delete and Edit a Post
06:25
85
Showing Users Who Liked a Post - Part 1
09:46
86
Showing Users Who Liked a Post in a Popup Window
12:24
87
Testing the Like Feature in Our App
03:19
88
Publishing Our App to S3 Bucket
06:51
89
Next Steps
01:48
90
THANK YOU!
01:33
Unlock unlimited learning

Get instant access to all 89 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to AWS AppSync & Amplify with React & GraphQL - Complete Guide?

Frequently asked questions

What are the prerequisites for enrolling in this course?
Before enrolling, you should have basic knowledge of JavaScript and familiarity with React. The course includes a crash course on GraphQL, so prior experience with GraphQL is not mandatory. However, understanding the basics of web development and RESTful APIs will be beneficial.
What kind of projects will I build during this course?
You will build a serverless web application called the Blop App using React, GraphQL, AppSync, and Amplify on AWS. The course guides you through each step, from setting up your development environment to deploying your app. By the end, you will have a fully functional app that scales without server management.
Who is the target audience for this course?
This course is designed for web developers who want to learn about serverless applications using AWS services. It's suitable for those new to GraphQL and AWS Amplify but have some experience with React. Developers looking to integrate modern cloud services into their projects will benefit greatly.
How does the depth of this course compare to similar offerings?
The course provides a focused introduction to building serverless apps with AWS technologies. With 90 lessons, it offers detailed guidance on using GraphQL with AWS AppSync and Amplify, including hands-on projects. While some courses may explore these topics individually, this course integrates them to provide a cohesive learning experience.
What specific tools and platforms are covered in the course?
The course covers AWS AppSync for creating APIs, the Amplify framework for building and deploying apps, GraphiQL for running queries, and AWS services like DynamoDB. You will also learn to use tools like VSCode, Express, Heroku, and Prisma Playground in your development workflow.
What topics are not covered in this course?
The course does not cover deep dives into alternative database solutions beyond DynamoDB, nor does it focus on non-AWS serverless architectures. It also doesn't provide extensive content on frontend design frameworks other than React or in-depth backend development topics outside the context of GraphQL with AWS.
What is the expected time commitment for this course?
The course consists of 90 lessons. Given its hands-on nature, it is advisable to allocate time for both watching the instructional content and implementing the exercises. Depending on your pace and familiarity with the prerequisites, completing the course may take several weeks.