Full Stack React Bootcamp with .NET API [10 Projects]
- Descrição
- Currículo
- FAQ
- Revisões
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
-
Beginner’s Guide to React (Build 8 projects)
-
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!
-
1WelcomeVídeo Aula
-
2Why should you learn react?Vídeo Aula
-
3Live Demo - Final ProjectVídeo Aula
-
4FeedbackTexto
-
5Additional ResourcesVídeo Aula
-
6What we will build Part 1Vídeo Aula
-
7What we will build Part 2Vídeo Aula
-
8Course PrerequisitesVídeo Aula
-
9How to get Help?Vídeo Aula
-
10Project ResourcesVídeo Aula
-
11Tools NeededVídeo Aula
-
12Tools LinkTexto
-
13Visual Studio Code ExtensionsVídeo Aula
-
14Setup basic HTML and add React CDNVídeo Aula
-
15First React CodeVídeo Aula
-
16Assignment 1 - Writing first React CodeVídeo Aula
-
17Creating Element and rendering in ReactVídeo Aula
-
18What is JSX?Vídeo Aula
-
19Better way to create React ProjectsVídeo Aula
-
20Create ProjectVídeo Aula
-
21Run the ProjectVídeo Aula
-
22CleanUp ProjectVídeo Aula
-
23Make project functional againVídeo Aula
-
24First React ComponentVídeo Aula
-
25Assignment 2 - React ComponentVídeo Aula
-
26Assignment 3 - Parent Child ComponentVídeo Aula
-
27Assignment 3 Solution - Parent Child ComponentVídeo Aula
-
28Rules of JSXVídeo Aula
-
29Work with stylesVídeo Aula
-
30Adding Bootstrap ClassesVídeo Aula
-
31Work with Classes Part 1Vídeo Aula
-
32Variable in JSXVídeo Aula
-
33Assignment 3 - Adding ConstVídeo Aula
-
34Assignment 3 Solution - Adding ConstVídeo Aula
-
35HTML Element in JSXVídeo Aula
-
36Student ComponentVídeo Aula
-
37Export and Import ComponentVídeo Aula
-
38Assignment 4 - Separating Student ComponentVídeo Aula
-
39Assignment 4 Solution - Separating Student ComponentVídeo Aula
-
40Props and ComponentsVídeo Aula
-
41Install third party libraries and ImagesVídeo Aula
-
42Import Image and Header DesignVídeo Aula
-
43Footer and Main Body ComponentVídeo Aula
-
44Assignment 5 - Fix Error and DesigningVídeo Aula
-
45Passing Components as ChildrenVídeo Aula
-
46Final HierarchyVídeo Aula
-
47Arrow FunctionVídeo Aula
-
48functional vs class componentsVídeo Aula
-
49Class ComponentsVídeo Aula
-
50Assignment 6 - Convert MainBody to Class ComponentVídeo Aula
-
51Create CountOPediaVídeo Aula
-
52Assignment 7 Solution - Setup CountOPediaVídeo Aula
-
53Counter Application ButtonsVídeo Aula
-
54Click EventsVídeo Aula
-
55Setting and Retrieving StateVídeo Aula
-
56Demo - React StateVídeo Aula
-
57State SummaryVídeo Aula
-
58New SetState SyntaxVídeo Aula
-
59CountoPedia UIVídeo Aula
-
60Random play and Reset ButtonVídeo Aula
-
61Assignment 8 - Game Status and Last PlayVídeo Aula
-
62Assignment 8 Solution - Game Status and Last PlayVídeo Aula
-
63Create Project - ContactOPediaVídeo Aula
-
64Add ComponentsVídeo Aula
-
65Skeleton of ComponentsVídeo Aula
-
66Add Contact UIVídeo Aula
-
67Favorite and General Contact StateVídeo Aula
-
68Individual Contact UIVídeo Aula
-
69Look and Feel ContactOPediaVídeo Aula
-
70Add Contact HandlerVídeo Aula
-
71Add Contact in ActionVídeo Aula
-
72Add ValidationsVídeo Aula
-
73Display Validation and Success NotificationVídeo Aula
-
74Toggle FavoritesVídeo Aula
-
75Assignment 10 - Delete ContactVídeo Aula
-
76Assignment 10 Solution - Delete ContactVídeo Aula
-
77Add Random User to Contact ListVídeo Aula
-
78Axios CallVídeo Aula
-
79Demo - Adding Random ContactVídeo Aula
-
80Assignment 11 - Remove All ContactVídeo Aula
-
81Assignment 11 Solution - Remove all ContactVídeo Aula
-
82Which Contact has to be updatedVídeo Aula
-
83Toggle UI Based on UpdateVídeo Aula
-
84Cancel Button in ActionVídeo Aula
-
85Update Contact- Part 1Vídeo Aula
-
86Update Contact - Part 2Vídeo Aula