Mern Stack And Graphql Complete Course With Project (2023)

Master MERN Stack and Build Real World Projects with GraphQL. The Ultimate Hands-On Course for Modern Web Development.

What you'll learn

Learn Building Modern MERN Apps With GraphQL

Gain Real World GraphQL Skills

Learn MERN Stack Implementation

Complete Course With Project and Deployment

Requirements

Basic JavaScript Knowledge Required

Basic React Knowledge Would be Icing On Cake! But not required

Description

Welcome to the comprehensive MERN Stack and GraphQL Complete Course on Udemy! Whether you're a beginner or experienced developer, this course will take you on a journey from the very basics to building a fully functional real-world application.In this course, we'll start by laying a solid foundation in the MERN Stack (MongoDB, Express.js, React, Node.js). You'll learn how to set up your development environment, understand the core concepts of each technology, and gain hands-on experience with practical examples and exercises and deployment.Once you have a firm grasp of the MERN Stack, we'll dive into GraphQL, a powerful query language for APIs. You'll discover how to leverage GraphQL to efficiently fetch data and build interactive applications. We'll cover the basics of schema design, queries, mutations, and subscriptions, enabling you to create seamless data flow within your project and then will deploy.But learning the technology is just the beginning! This course goes beyond theory, as we embark on an exciting project-based learning journey. Together, we'll build a real-world article writing application with comments. You'll apply your newly acquired skills to create a robust and dynamic web application that allows users to write, publish, and interact with articles.Throughout the course, we'll emphasize interactivity, ensuring you have ample opportunities to practice and reinforce your knowledge. You'll work on engaging coding exercises and challenges, collaborating with other students and receiving feedback from instructors to enhance your learning experience.Additionally, this course is designed to be SEO-friendly, equipping you with techniques to optimize your web application for search engine visibility. You'll learn how to structure URLs, optimize meta tags, and implement best practices to improve your application's online presence.By the end of this course, you'll have a deep understanding of the MERN Stack, GraphQL, and the ability to build a complete, interactive, and SEO-friendly web application. Join us now and unlock your potential as a full-stack developer with the skills to create powerful and engaging projects. Enroll today and start your journey towards becoming a proficient MERN Stack and GraphQL developer!You will learn:M E R N  + G (GraphQL) + T (Typescript)GraphQL SchemasGraphQL QueriesGraphQL MutationsMongodb CollectionsMongoose ODMNode Express typescriptPassword EncryptionComments FunctionalityReactJSTypescriptMaterial UIRedux ToolkitApollo ClientFirebase DeploymentRender DeploymentLet's meet in the course, need to do hard work for very long

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 What is MERN Stack? and Why With GraphQL?

Section 2: GraphQL Basics

Lecture 3 What is GraphQL

Lecture 4 REST API VS GraphQL API

Lecture 5 GraphQL Demonstration

Lecture 6 Creating GraphQL Application

Lecture 7 Adding GraphQL Endpoint

Lecture 8 Creating Queries And Mutations & Schemas

Lecture 9 Adding Update user functionality

Lecture 10 Delete User Handler

Lecture 11 Summary

Section 3: Building Article Writing Application From Scratch

Lecture 12 Project Workflow

Lecture 13 Setting Up Development Environment

Lecture 14 Creating Server For GraphQL

Lecture 15 Configuring MongoDB

Lecture 16 Adding Middleware

Lecture 17 Defining Types For GraphQL API Schema

Lecture 18 Creating Mongoose Schema

Section 4: Queries And Mutations

Lecture 19 Defining Queries

Lecture 20 Creating User Signup Request

Lecture 21 Creating Login Request And testing User Authentication

Lecture 22 Add BLOG Request

Lecture 23 BLOG Update and Delete Request

Lecture 24 Schema Relations

Lecture 25 Modifying Add Blog handlers for Relations

Lecture 26 Modifying Delete handler

Lecture 27 Adding Comments Functionality

Lecture 28 Deleting A Comment

Lecture 29 BREAKING Changes

Lecture 30 Summary

Section 5: Building Frontend Of Our Awesome Application

Lecture 31 Setting Up Dev Environment For React APP

Lecture 32 Installing Dependencies

Section 6: Homepage And Header Footer Design of App

Lecture 33 Designing Homepage

Lecture 34 Importing Google Fonts

Lecture 35 Designing Footer

Section 7: Building Header With Routing

Lecture 36 Designing header

Lecture 37 Integrating React Router DOM

Section 8: Designing Blogs Page

Lecture 38 Fetching Blogs From Backend Server

Lecture 39 Designing Blogs

Lecture 40 Fixing Styles

Section 9: Authentication

Lecture 41 Designing Auth Page Form

Lecture 42 Adding Signup / Login State

Lecture 43 Form handling and Validations With React Hook Form

Lecture 44 Adding Login Mutation With Apollo Client

Lecture 45 Fixing Bug

Lecture 46 What is Redux And Why?

Lecture 47 Keeping user Logged In After Page Refresh

Lecture 48 Redirecting After Successful Authentication

Lecture 49 Adding User Menu In Header After Authentication

Lecture 50 Adding Routes For Adding Blog /profile

Section 10: Defining Blog Writing Page

Lecture 51 Designing Add Blog Page

Lecture 52 Adding Mutation and Send Request For Adding Blog

Lecture 53 Design Profile

Lecture 54 Using Real Data For Profile

Lecture 55 Designing View Page of Blog

Lecture 56 Updating backend for getting blog by ID

Lecture 57 Rendering Real Data to Blog

Section 11: Comment Functionality

Lecture 58 Adding Comments

Lecture 59 Fixing Bug

Beginner MERN Developers Looking For Real World Project,Beginner React Developers Who Wants To Learn MERN Stack