Booking options
£12
£12
On-Demand course
11 hours 10 minutes
All levels
Learn the process of complete App development knowing the use of GraphQL, Prisma, Node, and React through the App Development Complete Diploma (GraphQL Prisma Node & React) course. Its contents aim to teach you the core aspects of app development so that you can establish your career learning all good of this course must.
The course teaches you the functions of GraphQL, a query language for API so that you can learn how to build GraphQL server with Prisma, create a frontend CRUD App with React and Apollo Client, and upload files in GraphQL, Prisma, and React application. The App Development Complete Diploma (GraphQL Prisma Node & React) course will also teach you how to execute error handling in Prisma and React, develop your performance in React application, open Prisma and React application to Heroku, set page number in Prisma and React Appolo application, and accomplish web mark in GraphQL and Prisma. It will also teach how to execute, create, delete, and update data through CURD in Prisma and so many other effective features of app development. Look and learn its effective contents to become better app developer.
This course does not involve any MCQ test. Students need to answer assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Once the answers are submitted, the instructor will check and assess the work.
After completing and passing the course successfully, you will be able to obtain an Accredited Certificate of Achievement. Certificates can be obtained either in hard copy at a cost of £39 or in PDF format at a cost of £24.
App Development Complete Diploma (GraphQL Prisma Node & React) is certified by CPD Qualifications Standards and CiQ. This makes it perfect for anyone trying to learn potential professional skills.
As there is no experience and qualification required for this course, it is available for all students from any academic background.
Our App Development Complete Diploma (GraphQL Prisma Node & React) is fully compatible with any kind of device. Whether you are using Windows computer, Mac, smartphones or tablets, you will get the same experience while learning. Besides that, you will be able to access the course with any kind of internet connection from anywhere at any time without any kind of limitation.
After completing this course you will be able to build up accurate knowledge and skills with proper confidence to enrich yourself and brighten up your career in the relevant job market.
Big Picture of Prisma | |||
Prisma generates GraphQL API for your datamodel | FREE | 00:03:00 | |
Connect your resolvers to Prisma API | 00:03:00 | ||
What is Prisma Query Engine | 00:01:00 | ||
What is DataModeling in Prisma | 00:02:00 | ||
What databases are supported by Prisma | 00:01:00 | ||
What is Prisma Cloud | 00:02:00 | ||
VS Code Setup | FREE | 00:03:00 | |
Setting up Prisma | 00:11:00 | ||
Build GraphQL server with Prisma | |||
Update Prisma Data Model | 00:12:00 | ||
Setup GraphQL server with Prisma | 00:13:00 | ||
Setup env variables for Primisa endpoint | 00:04:00 | ||
CRUD in Prisma | |||
Create Data Model in Prisma | 00:04:00 | ||
Fetch Records from Database | 00:10:00 | ||
Create, Update and Delete Record in Prisma | 00:15:00 | ||
Create Frontend CRUD App with React and Apollo Client | |||
Create Apollo client in React Application | 00:07:00 | ||
Connect Apollo Client to React | 00:05:00 | ||
Fetch Data using Apollo Query Component | 00:12:00 | ||
Understanding render Prop pattern in React | 00:09:00 | ||
Creating Forms in React | 00:10:00 | ||
Send GraphQL Mutation from React Component | 00:10:00 | ||
Updating Apollo Cache After Mutation | 00:10:00 | ||
Adding Routing with React Router | 00:09:00 | ||
Render List items to Bootstrap card component | 00:01:00 | ||
Query for Single Record | 00:12:00 | ||
Edit Record using update Mutation | 00:10:00 | ||
Mutation for Delete Record in React Apollo | 00:08:00 | ||
Authentication in Prisma and GraphQL | |||
Restructure the resolver functions into separate folder | 00:04:00 | ||
Signup User in Prisma and GraphQL | 00:12:00 | ||
Login User in Prisma and GraphQL | 00:07:00 | ||
Apply Authentication on Resolvers | 00:09:00 | ||
Authentication in React Apollo Client Application | |||
Send Login Request from Frontend App | 00:12:00 | ||
Save Token to LocalStorage after LoggedIn | 00:03:00 | ||
Implement Logout User | 00:08:00 | ||
Require Authentication on Edit and Delete | 00:03:00 | ||
Implement Signup User on Frontend | 00:12:00 | ||
Protect Routes in React using React Router | 00:09:00 | ||
Add Authorization header to every request in React Apollo Client | 00:13:00 | ||
Error Handling | |||
Create Error Message Component to render Errors | 00:07:00 | ||
Adding Spinner for Loading Data | 00:05:00 | ||
Pagination in Prisma and React Apollo Application | |||
Paginate List fo records of Prisma | 00:06:00 | ||
Count all Records using Prisma Connection Query | 00:15:00 | ||
Create Pagination Controls in Frontend Application | 00:06:00 | ||
Implement Pagination in React Application | 00:12:00 | ||
Filtering Records in Prisma | 00:04:00 | ||
Create Search Course Component | 00:05:00 | ||
Execute Search Query and display courses | 00:10:00 | ||
Apply Sorting on the Records | 00:07:00 | ||
Update Cache after creating records | 00:03:00 | ||
Fix Cache after Delete Records | 00:03:00 | ||
Optimistic UI In React Apollo Application | |||
Improve UI Performance using Optimistic UI in React Apollo | 00:06:00 | ||
GraphQL Subscription Project Setup | |||
Deploy Prisma and React Application to Heroku | |||
Deploy Prisma Project to Heroku | 00:13:00 | ||
Deploy React Project to Heroku | 00:14:00 | ||
Subscriptions in Prisma and React Apollo Application | |||
GraphQL Subscription Project Setup | 00:06:00 | ||
Prisma Subscription Demo | 00:07:00 | ||
Creating Subscription in Prisma GraphQL Server | 00:05:00 | ||
Subscription in React using Apollo Client | 00:13:00 | ||
State Management in React Application using Apollo Link | |||
Setup Apollo Link State | 00:05:00 | ||
Fetch Records from Apollo State using Query | 00:06:00 | ||
Create Task Form Component | 00:05:00 | ||
Save new Record in Apollo Link State | 00:11:00 | ||
Update Cache using Fragments | 00:11:00 | ||
Filter Tasks on the based on Status Value | 00:16:00 | ||
File Upload in Prisma and React | |||
Setup Local Development Server with Prisma and Docker | 00:09:00 | ||
File Upload Demo with Prisma and React | 00:14:00 | ||
Bonus: React Fundamentals | |||
Create React App using create-react-app cli | 00:02:00 | ||
Creating React Element | 00:05:00 | ||
Creating Nested React Elements | 00:08:00 | ||
How React uses React Elements to Create Virtual DOM | 00:01:00 | ||
What is DOM | 00:03:00 | ||
What is Virtual DOM | 00:05:00 | ||
What are Components in React | 00:04:00 | ||
Create Component in React | 00:06:00 | ||
Adding Props Validations | 00:03:00 | ||
Create Nested Components in React | 00:05:00 | ||
Create State in React Component | 00:08:00 | ||
Update Component State using Events | 00:08:00 | ||
Iterate Array and render Components | 00:05:00 | ||
Pass Function Parent to Child Component | 00:09:00 | ||
Convert React Components to JSX | 00:09:00 | ||
State in React Component | 00:05:00 | ||
Shallow Merging with setState | 00:06:00 | ||
Use Props PropTypes and default Props in React Component | 00:06:00 | ||
Create Stateless Component in React | 00:04:00 | ||
Communicate with Parent and Child Component | 00:07:00 | ||
What are LifeCycle Methods in React Component | 00:01:00 | ||
Types and Phases of LifeCycle Methods | 00:04:00 | ||
LifeCycle Mounting Methods in Action | 00:09:00 | ||
LifeCycle Updating Methods in Action | 00:07:00 | ||
Handling Errors with componentDidCatch | 00:08:00 | ||
Bonus: GraphQL Basics | |||
What is GraphQL | 00:04:00 | ||
What is GraphQL Query | 00:03:00 | ||
Arguments in GraphQL Query | 00:01:00 | ||
Required Arguments in Query | 00:02:00 | ||
GraphQL Schema and Types | 00:04:00 | ||
Aliasis in GraphQL | 00:02:00 | ||
Nested Fields | 00:02:00 | ||
Operations in GraphQL | 00:02:00 | ||
Variables in GraphQL | 00:04:00 | ||
Create Mutations | 00:03:00 | ||
Directives in GraphQL | 00:02:00 | ||
Certificate and Transcript | |||
Order Your Certificates and Transcripts | 00:00:00 |