Build an app with React, .Net Core, GraphQL and HotChocolate

Build an app with React, .Net Core, GraphQL and HotChocolate, available at $59.99, has an average rating of 4.3, with 44 lectures, based on 24 reviews, and has 255 subscribers.

You will learn about Build a complete fullstack app end to end using React and .Net 7 Learn how to work with GraphQL and HotChocolate to combine the frontend app with the backend database Gain insight on how to structure a software project which adheres to industry standards and allows expandability Learn how to deploy a project into a docker container This course is ideal for individuals who are For intermediate developers looking to bridge some knowledge gaps. or This course is not a foundation course and will require basic programming knowledge to understand the concepts It is particularly useful for For intermediate developers looking to bridge some knowledge gaps. or This course is not a foundation course and will require basic programming knowledge to understand the concepts.

Enroll now: Build an app with React, .Net Core, GraphQL and HotChocolate

Summary

Title: Build an app with React, .Net Core, GraphQL and HotChocolate

Price: $59.99

Average Rating: 4.3

Number of Lectures: 44

Number of Published Lectures: 44

Number of Curriculum Items: 44

Number of Published Curriculum Objects: 44

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Build a complete fullstack app end to end using React and .Net 7

Learn how to work with GraphQL and HotChocolate to combine the frontend app with the backend database

Gain insight on how to structure a software project which adheres to industry standards and allows expandability

Learn how to deploy a project into a docker container

Who Should Attend

For intermediate developers looking to bridge some knowledge gaps.

This course is not a foundation course and will require basic programming knowledge to understand the concepts

Target Audiences

For intermediate developers looking to bridge some knowledge gaps.

This course is not a foundation course and will require basic programming knowledge to understand the concepts

Build a FullStack Web Application with a .Net Core Backend and React frontend. The backend consists of GraphQL endpoints with HotChocolate as the framework for working with Queries and Mutations. The backend database will be accessed via Entity Framework.

The Frontend web app will access the GraphQL queries via GraphQL Code Generator. Material UI will be used to style the app.

The Web App will be a fully functioning app that stores Customer data and Customer Orders. CRUD operations will be implemented in the App such as Inserting, Updating, Deleting and Retrieving Customers / Orders.

This course was designed to be a Follow along coding course. Theory discussions are kept to a minimum to ensure time constraints are met and the course time becomes manageable when learning.

Fundamental programming knowledge is required to understand and follow this course. This includes basic experience in C#.Net, Javascript and Working with IDEs (Ex: Visual Studio Code). If you are a Complete beginner to programming with no prior knowledge, this course might not be for you. If you are a Beginner to Intermediate Level programmer with a good programming foundation, this is an excellent course to update your knowledge and learn new skills

At the end of the Lecture series, you will be able to design and build a functioning Web application with the mentioned technologies

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Project Structure

Lecture 3: Setting up the environment

Lecture 4: Creating the project and setting up GIT

Lecture 5: Structuring the backend project

Chapter 2: Building the Backend

Lecture 1: Creating the Entities

Lecture 2: Setting up Entity Framework and the Database context

Lecture 3: Integrating GraphQL using HotChocolate

Lecture 4: Adding Voyager and CORS

Lecture 5: Creating the Customer and Order Service

Chapter 3: Building the Frontend

Lecture 1: Getting started on the Frontend

Lecture 2: Creating the Codegen config

Lecture 3: Connecting the frontend with the backend

Lecture 4: Structuring the Layout

Lecture 5: Creating the Customers Grid

Lecture 6: Creating the Orders page

Chapter 4: Creating reusable components

Lecture 1: Creating a reusable Ag Grid

Lecture 2: Creating reusable Loading and Error boxes

Lecture 3: Creating a reusable TextField

Lecture 4: Creating a reusable Submit Button

Lecture 5: Creating a reusable CheckBox

Lecture 6: Creating a reusable Select Field

Lecture 7: Creating a reusable Date Picker

Chapter 5: Working with Forms

Lecture 1: Creating the Customer and Order queries by their Ids

Lecture 2: Creating the Customer Form

Lecture 3: Creating the Customer Page

Lecture 4: Creating the Order Form

Lecture 5: Creating the Order Page

Lecture 6: Little bit of Cleaning up

Chapter 6: Working with CRUD Operations

Lecture 1: Back to the Backend – Creating a SQLite Database and setup Migrations

Lecture 2: AddOrUpdateCustomer Mutation

Lecture 3: AddOrUpdateOrder Mutation

Lecture 4: Update Customer in the Customer Form

Lecture 5: Update Order in the Order Form

Lecture 6: Add new Customer page

Lecture 7: Add new Order page

Lecture 8: Creating the Delete Mutations in the Backend

Lecture 9: Deleting a Customer in the App

Lecture 10: Deleting an Order in the App

Lecture 11: Optional: Creating the Stats grid in the Home page

Chapter 7: Deploying the App

Lecture 1: Publishing the App

Lecture 2: Dockerising the App

Lecture 3: Working with different database types

Lecture 4: Managing user secrets

Instructors

Ivantha Guruge
Software Engineer / Lecturer in IT

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 3 votes

4 stars: 7 votes

5 stars: 13 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!