Published 5/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.01 GB | Duration: 8h 39m
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
Password/解压密码www.tbtos.com
转载请注明：0daytown » Mern Stack And Graphql Complete Course With Project (2023)