• Professional Development
  • Medicine & Nursing
  • Arts & Crafts
  • Health & Wellbeing
  • Personal Development

Course Images

App Development Complete Diploma (GraphQL Prisma Node & React)

App Development Complete Diploma (GraphQL Prisma Node & React)

By John Academy

4.3(43)
  • 30 Day Money Back Guarantee
  • Completion Certificate
  • 24/7 Technical Support

Highlights

  • On-Demand course

  • 11 hours 10 minutes

  • All levels

Description

Description

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.

Assessment:

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.

Certification:

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.

Who is this Course for?

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.

Requirements

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.

Career Path

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

About The Provider

Tags

Reviews