React Web Development || Become a React Developer
- Descripción
- Currículum
- Reseñas
Hi && welcome to the React Web Development, the course that will take you from a beginner react developer all the way to become an advanced react developer. in this course we are going to learn react by building real world applications and its completely a project base so there is no time wasted on unnecessary content,
what we are going to learn:-
00-ES6:-
in the first section we are going to spend some time learning about the es6 or the next generation of javascript because its will be the main tool that we are going to use in react.
01-react
in the second section we are going to learn about react it self and this include basic react topics things like rendering list and conditional rendering and learn about component and props and jsx and pass data between components and so much more
02-react router
in this section we are going to learn about react router in deeps and understand how to create different pages and also how to deal with the url of the browser and display content depend on the urls and so much more.
03-react forms
in this section we are going to learn about forms, this section has two different part, the first one will be about basic forms in react and how can forms effect other parts of the website, the second parts will be about advanced forms things like fields, custom validation and more.
03-consuming APIs
in this section we are going to master the idea of deal and consuming APIs in react, we are going to build 3 applications that covers only the APIs which is one of the most important skill that you should have as react developer.
if( you !== happy) {
you will get a refund;
} else {
you will master react and get hired today;
}
-
5
Intro -
6
install create react app
-
7
generate our first project
-
8
general overview on the project
-
9
let and const
-
10
arrow function
-
11
import and export part 1
-
12
import and export part 2
-
13
render content in the web browser
-
14
array methods map
-
15
array methods filter
-
16
array methods find
-
17
objects in es6
-
18
arrays and objects in one example
-
19
template literals
-
20
the ternary operator
-
21
task to finish
-
22
spread in ES6
-
23
rest in ES6
-
24
Next Steps After ES6
-
25
00-what we are going to build and create our proejct
-
26
01-delete no need files
-
27
02-create the data that we want to show
-
28
Note About The Data That we Created
-
29
03-create the main files for the app
-
30
04-reander content to the user
-
31
05-what extensions do I use
-
32
06-our first component
-
33
07-use our data that we create
-
34
08-redner jsx in the web browser
-
35
09-write some css code
-
36
10-add the courseItem component
-
37
11-uses props to pass data
-
38
12-show data and style the courseItem
-
39
13-add UX to the app
-
40
14-conditional rendering in react
-
41
15-final touchs and the next steps
-
42
00-what we are going to build
-
43
01-add the needed markup
-
44
02-style the markup the we added
-
45
03-steps to follow when using react router
-
46
04-define some routes
-
47
05-the switch component
-
48
06-more about the exact
-
49
07-replace any a with a NavLink
-
50
08-different between Link and NavLink
-
51
09-control the url with the to
-
52
10-make the title as a Link
-
53
11-create the CourseDetaild component
-
54
12-pass paramters to the urls with react router
-
55
13-fetch the right course using thr id
-
56
14-add the html for the course details
-
57
15-style the course details
-
58
16-style the course details part 2
-
59
17-style the course details part 3
-
60
18-real examples about the react router
-
61
00-what we are going to build
-
62
01-intro to the state mamgment tools
-
63
02-our first class base component
-
64
03-the constructor function and the state
-
65
04-review our code
-
66
05-add the input markup
-
67
06-get the value from the input
-
68
07-control input and uncontroled input
-
69
08-filter courses
-
70
09-other way for filter with react
-
71
10-get the code back
-
72
11-conditional rending in react
-
73
12-sort courses demo
-
74
13-add the select input
-
75
14-get the value from the select input
-
76
15-sort function
-
77
16-more about lodash
-
78
17-style the select input
-
79
18-refactor our code part 1
-
80
19-refactor our code part 2
