Full Stack React Bootcamp with .NET API [2024] [10 Projects]_1

Full Stack React Bootcamp with .NET API [2024] [10 Projects], available at $89.99, has an average rating of 4.61, with 344 lectures, based on 758 reviews, and has 4940 subscribers.

You will learn about React 18 Fundamentals Routing with React Router Payments with Stripe API with React Axios Calls Redux Toolkit RTK Query and Mutations File Management in React Authentication and Authorization in React TypeScript Build and deploy scalable API using .NET 7 and EF Core 10 Projects and 25 assignments Learn Best Practices for learning React Deploy React JS Applications to Azure This course is ideal for individuals who are Anyone looking to learn React or .NET / Java developers who wants to learn front end framework It is particularly useful for Anyone looking to learn React or .NET / Java developers who wants to learn front end framework.

Enroll now: Full Stack React Bootcamp with .NET API [2024] [10 Projects]

Summary

Title: Full Stack React Bootcamp with .NET API [2024] [10 Projects]

Price: $89.99

Average Rating: 4.61

Number of Lectures: 344

Number of Published Lectures: 344

Number of Curriculum Items: 344

Number of Published Curriculum Objects: 344

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

React 18 Fundamentals

Routing with React Router

Payments with Stripe API with React

Axios Calls

Redux Toolkit

RTK Query and Mutations

File Management in React

Authentication and Authorization in React

TypeScript

Build and deploy scalable API using .NET 7 and EF Core

10 Projects and 25 assignments

Learn Best Practices for learning React

Deploy React JS Applications to Azure

Who Should Attend

Anyone looking to learn React

.NET / Java developers who wants to learn front end framework

Target Audiences

Anyone looking to learn React

.NET / Java developers who wants to learn front end framework

This course will be hands on course which will give you practical exposure to React with over 25 assignments and 10 projects. We will start with all the basic fundamentals along with advance concepts and related topic to make you proficient as a React.js developer.

We will be building backend in .NET API and consume all of that using React.js. You are not required to build the API. That section is skippable, since I will be hosting the API online which can be used for the course. But I do teach and deploy API in the course.

My Goal with this course is simple – being a .NET developer as technology evolves we have to adapt with front end frameworks. I want one course that will focus on making a backend developer give solid experience in React.js in a manner that is easy to understand and provides extensive depth to master the fundamentals and advance concepts in React.js

This will be hands on bootcamp which will take you from zero to hero in React JS!

This course contains two modules

1. Beginner’s Guide to React (Build 8 projects)

2. Real world project using React and .NET API

In the first module we will build 8 small projects to understand basic fundamentals of React, Redux Toolkit and Hooks. Once we understand all the foundation, we will be building a complete real world restaurant website, where customers can place order using their credit card, track the status and admin can view/manage orders.

This will be the only course you will need to learn and master React JS and we will be integrating .NET API’s.

We will be building 10 projects in this course. Along with a completed Restaurant website with payment integration!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome

Lecture 2: Why should you learn react?

Lecture 3: Live Demo – Final Project

Lecture 4: Feedback

Lecture 5: Additional Resources

Lecture 6: What we will build Part 1

Lecture 7: What we will build Part 2

Lecture 8: Course Prerequisites

Lecture 9: How to get Help?

Lecture 10: Project Resources

Lecture 11: Tools Needed

Lecture 12: Tools Link

Lecture 13: Visual Studio Code Extensions

Chapter 2: React Fundamentals

Lecture 1: Setup basic HTML and add React CDN

Lecture 2: First React Code

Lecture 3: Assignment 1 – Writing first React Code

Lecture 4: Creating Element and rendering in React

Lecture 5: What is JSX?

Lecture 6: Better way to create React Projects

Lecture 7: Create Project

Lecture 8: Run the Project

Lecture 9: CleanUp Project

Lecture 10: Make project functional again

Lecture 11: First React Component

Lecture 12: Assignment 2 – React Component

Lecture 13: Assignment 3 – Parent Child Component

Lecture 14: Assignment 3 Solution – Parent Child Component

Lecture 15: Rules of JSX

Chapter 3: React Components

Lecture 1: Work with styles

Lecture 2: Adding Bootstrap Classes

Lecture 3: Work with Classes Part 1

Lecture 4: Variable in JSX

Lecture 5: Assignment 3 – Adding Const

Lecture 6: Assignment 3 Solution – Adding Const

Lecture 7: HTML Element in JSX

Lecture 8: Student Component

Lecture 9: Export and Import Component

Lecture 10: Assignment 4 – Separating Student Component

Lecture 11: Assignment 4 Solution – Separating Student Component

Lecture 12: Props and Components

Lecture 13: Install third party libraries and Images

Lecture 14: Import Image and Header Design

Lecture 15: Footer and Main Body Component

Lecture 16: Assignment 5 – Fix Error and Designing

Lecture 17: Passing Components as Children

Lecture 18: Final Hierarchy

Lecture 19: Arrow Function

Lecture 20: functional vs class components

Lecture 21: Class Components

Lecture 22: Assignment 6 – Convert MainBody to Class Component

Chapter 4: React State – CounOPedia

Lecture 1: Create CountOPedia

Lecture 2: Assignment 7 Solution – Setup CountOPedia

Lecture 3: Counter Application Buttons

Lecture 4: Click Events

Lecture 5: Setting and Retrieving State

Lecture 6: Demo – React State

Lecture 7: State Summary

Lecture 8: New SetState Syntax

Lecture 9: CountoPedia UI

Lecture 10: Random play and Reset Button

Lecture 11: Assignment 8 – Game Status and Last Play

Lecture 12: Assignment 8 Solution – Game Status and Last Play

Chapter 5: ContactOPedia – CRUD Operations

Lecture 1: Create Project – ContactOPedia

Lecture 2: Add Components

Lecture 3: Skeleton of Components

Lecture 4: Add Contact UI

Lecture 5: Favorite and General Contact State

Lecture 6: Individual Contact UI

Lecture 7: Look and Feel ContactOPedia

Lecture 8: Add Contact Handler

Lecture 9: Add Contact in Action

Lecture 10: Add Validations

Lecture 11: Display Validation and Success Notification

Lecture 12: Toggle Favorites

Lecture 13: Assignment 10 – Delete Contact

Lecture 14: Assignment 10 Solution – Delete Contact

Lecture 15: Add Random User to Contact List

Lecture 16: Axios Call

Lecture 17: Demo – Adding Random Contact

Lecture 18: Assignment 11 – Remove All Contact

Lecture 19: Assignment 11 Solution – Remove all Contact

Lecture 20: Which Contact has to be updated

Lecture 21: Toggle UI Based on Update

Lecture 22: Cancel Button in Action

Lecture 23: Update Contact- Part 1

Lecture 24: Update Contact – Part 2

Chapter 6: CyclOPedia – Lifecycle Methods Class Components

Lecture 1: Create Project – Cyclopedia

Lecture 2: Setup Random API

Lecture 3: Display Instructor

Lecture 4: Component Did Update

Lecture 5: Controlled Component

Lecture 6: Saving in LocalStorage

Lecture 7: Separating out Instructor

Lecture 8: Component will UnMount

Instructors

Bhrugen Patel
Microsoft MVP | Passionate Software Architect

Rating Distribution

1 stars: 9 votes

2 stars: 6 votes

3 stars: 29 votes

4 stars: 200 votes

5 stars: 514 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!