Skip to main content
CourseFlix

React Js A-Z With Laravel - For Beginner to Advanced Level

68h 1m 33s
English
Paid

Embark on your journey to becoming a Full Stack Web Developer with our comprehensive React Js A-Z With Laravel Course. React is quickly establishing itself as one of the most essential tools for creating Web Applications. Industry giants such as Facebook, Twitter, Netflix, and Airbnb rely on React, emphasizing its significance. This course is tailored for those eager to launch a career as a Full Stack Web Developer, providing you with a robust foundation in Frontend development with React Js and Backend development with Laravel.

Course Overview

By the end of this course, you will have the skills to build dynamic websites using React and Laravel. We'll guide you through the creation of multiple real-life projects from scratch. The course structure begins with teaching the basic fundamentals of React, followed by Laravel basics through a complete project. We will then integrate React Js and Laravel to create a custom authentication project, demonstrated through live examples.

Course Features

Gain practical knowledge on how to create and use Rest APIs, with comprehensive live examples ensuring that you actively learn throughout the course.

What Will You Learn?

  • Master the Basic Fundamentals of React Js

  • Understand the Basic Fundamentals of Laravel

  • Learn How to Create APIs

  • Explore Essential JavaScript Concepts

  • Convert Html into React Js

  • Create Custom Authentication using React Js and Laravel

  • Develop a Comprehensive Real-Life Dynamic Project

  • And much more...

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 415 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 415 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (415)
#Lesson TitleDurationAccess
1
Introduction Demo
10:24
2
Need Your Help
01:21
3
My Mission For You
01:24
4
Stay In Touch
01:49
5
Development Environment Setup
06:35
6
Uses of Console and Comments in JavaScript
06:01
7
What is ES6
01:55
8
Declare a Variable
05:26
9
Uses of Let and Const
03:35
10
Primitive Data types
07:48
11
Reference types: Object (Basics)
06:59
12
Reference types: Array (Basics)
06:09
13
Reference types: Function (Basics)
09:50
14
Template Literals
06:07
15
Exercise - Person Object
06:22
16
Arithmetic Operators
04:52
17
Assignment Operators
07:29
18
Comparison Operators
05:04
19
Logical Operators
07:12
20
Equality Operators
04:13
21
Exercise Swap two numbers
04:36
22
If else
06:59
23
Switch case
04:32
24
Ternary Operators
05:08
25
Exercise Fizz Buzz
07:16
26
Exercise Fizz Buzz (With Ternary Operators
05:25
27
Exercise Our Grading System
07:28
28
Switch case with multiple logical operators
04:45
29
For loop
05:28
30
While loop
03:05
31
Do while loop
04:45
32
For in loop
06:45
33
For of loop
03:14
34
Break and continue
04:46
35
Infinite loops
03:11
36
Nested Loops
04:52
37
String Basics
06:18
38
String Methods: charAt, toUpperCase, toLowerCase, includes, startsWith, endsWith
06:39
39
String Methods: Search, IndexOf, lastIndexOf
04:43
40
String Methods: toString, Concat, split
08:15
41
String Methods: slice, subStr, subString
06:24
42
Escape Sequences
04:51
43
String Immutability
03:12
44
Object Basics with Dot Bracket Notation
05:46
45
Adding, Modifying Deleting Properties
07:45
46
Object Methods This Keyword
06:14
47
Traversing Object Entries
06:49
48
Exercise Total Salary
07:20
49
Object Destructuring
06:34
50
Cloning an object
05:50
51
Math Object
04:03
52
JSON Data Format
06:10
53
Function Basics
08:50
54
Default Parameters
03:50
55
Function as an Expression
04:27
56
Arrow Functions
05:51
57
Rest Parameter
07:16
58
Array Basics
04:48
59
Adding Elements
05:48
60
Removing Elements
04:23
61
Finding Elements (Primitive Type)
05:07
62
Finding Elements (Reference Type)
05:08
63
Iterating an array
05:58
64
Sorting and Reversing an array
08:06
65
Testing the elements of the array
03:48
66
Combining and Slicing the array
05:22
67
Spread Operator
05:49
68
Joining Array
04:59
69
Mapping an array
08:01
70
Filtering an array
05:47
71
Reducing an array
03:57
72
Array Object Destructuring
08:17
73
Data Structure: Set
06:15
74
Data Structure: Map
07:50
75
Weak Set + Weak Map
07:45
76
Module (Import Export)
04:32
77
padStart, padEnd TrimStart, TrimEnd
07:33
78
Different types of errors in JavaScript
07:28
79
Exercise Throw Custom Error Object
03:45
80
Handle Errors with try, catch, and finally block
06:20
81
React JS Fundamental Introduction
02:12
82
What You Should Know
01:02
83
Let, Const Var in Javascript
12:41
84
Arrow Function of JS
12:51
85
This Keyword of Javascript
08:25
86
Classes, Object in JS
09:13
87
Project Setup
07:17
88
Project Structure and First Code
07:15
89
Babel ,Webpack
05:48
90
Components
02:17
91
Functional Components
07:13
92
Class Components
04:45
93
JSX
05:47
94
Props
05:31
95
State
09:14
96
Event Handler with Methods
08:00
97
State Manipulating
05:37
98
React DOM
03:23
99
UseState Hook
11:24
100
Two Way Data Binding, on Change
11:26
101
Stylesheet & Inline Style in Component
08:28
102
Single Input
05:27
103
OnChange
07:51
104
Another Way Onchange
05:20
105
OnSubmit
06:08
106
Multiple Input
06:38
107
Set Data to State in One Line
11:59
108
Form Validation
07:25
109
Error Showing
10:37
110
Textarea
06:55
111
Select Option
07:47
112
Lists
07:24
113
JSON Array List
07:18
114
Use Bootstrap
07:12
115
React Bootstrap
09:53
116
Routing
05:44
117
React Router DOM
06:01
118
Router Link Load Component
22:32
119
HTTP Request
06:39
120
Axios,Lifecycle Methods
03:28
121
Fetch Data From API
20:09
122
Link Load Component
08:46
123
Form Component
07:41
124
Http Post Data
13:15
125
ActiveLink
05:16
126
React Hooks
02:55
127
UseState , Class Component to Functional Component
10:37
128
Functional Component to Class Component
08:01
129
Template Project Setup
10:14
130
React Router
25:49
131
Home Component
16:20
132
About Component
14:08
133
Services Component
08:10
134
Portfolio Component
08:11
135
Contact Component
06:56
136
Blog Component
07:05
137
Blog Details Components
10:31
138
How to upload project in Cpanel
09:11
139
Essential Enviroment Setup
05:29
140
Laravel 8 installation
10:37
141
Discuss on Laravel Folder Structure
08:51
142
What is MVC and Its Benefits
02:14
143
What is Route
01:09
144
Laravel Routes
12:29
145
Laravel Blade Syntax
05:07
146
How to Make Controller And Get Url Request
11:47
147
Middleware
11:28
148
Laravel Url, URL to Route
10:32
149
Create Database and Configaration
04:11
150
Laravel 8 Authentication install
11:42
151
Laravel 8 Authentication Details
14:31
152
Eloquent ORM Read Users Data
22:59
153
Query Builder Read Users Data
06:02
154
Create Model And Migration
19:24
155
Form Validation & Show Custom Error Message
22:22
156
Eloquent ORM Insert Data
18:23
157
Insert Data With Query Builder
06:11
158
Eloquent ORM Read Data
12:21
159
Query Builder Read Data
03:33
160
Laravel Pagination
07:10
161
Eloquent ORM One To One Relationships
08:47
162
Query Builder Join Table
06:52
163
Eloquent ORM Edit & Update
25:33
164
Query Builder Edit & Update Data
07:34
165
Soft Delete ,Data Restore & ForceDelete Part 1
17:14
166
Soft Delete ,Data Restore & ForceDelete Part 2
12:07
167
Setup Brand Page
20:51
168
Eloquent ORM Insert Image
26:47
169
Eloquent ORM Edit,Update Data With Image & Without Image Part 1
12:29
170
Eloquent ORM Edit,Update Data With Image & Without Image Part 2
17:53
171
Delete Data With Image
07:59
172
Image Insert & Resize With Intervention Package
14:23
173
Multiple Image Upload Part 1
13:12
174
Multiple Image Upload Part 2
16:58
175
Update User Profile and Change Password
10:21
176
Forgot Password & Password Reset
08:57
177
Email Verify in Laravel
07:38
178
Middleware Auth Users Access Control
06:22
179
Admin Panel Setup Part 1
04:14
180
Admin Panel Setup Part 2
24:28
181
Admin Panel Setup Part 3
05:33
182
Logout Page Setup
09:16
183
Login Page Setup
12:12
184
Fontend Templete Setup Part 1
19:11
185
Fontend Templete Setup Part 2
06:16
186
Setup Home Brand Page
15:47
187
Setup Home Slider Page Part 1
18:41
188
Setup Home Slider Page Part 2
24:03
189
Setup Home Slider Page Part 3
12:03
190
Setup Home page About Section Part 1
16:45
191
Setup Home page About Section Part 2
15:51
192
Setup Home page About Section Part 3
15:03
193
Setup Home page About Section Part 4
04:50
194
Setup Home page About Section Part 5
06:43
195
Setup Home page Portofolio Section
11:02
196
Setup Portofolio Page
12:15
197
Setup Contact Page Part 1
16:15
198
Setup Contact Page Part 2
13:43
199
Setup Contact Page Part 3
10:43
200
Setup Contact Page Part 4
19:29
201
Setup Contact Page Part 5
09:25
202
Change Password Option Part 1
17:29
203
Change Password Option Part 2
09:39
204
Change Password Option Part 3
16:47
205
Chage User Profile Part 1
10:13
206
Chage User Profile Part 2
11:30
207
How to add Toster in Project
20:13
208
How to deploy Project in cPane
15:27
209
Remove Public from Deploy Project in Cpanel
04:12
210
Restapi (Api,thirdapartapi,Restfullapi) Introduction
02:21
211
Introduction Of RestAPI Section
04:14
212
RestAPI API Create Laravel Project
11:45
213
RestAPI MCR,First Route and Method
14:57
214
RestAPI Class CRUD Part 1
14:37
215
RestAPI Class CRUD Part 2
10:42
216
RestAPI Subject CRUD Part 1
16:49
217
RestAPI Subject CRUD Part 2
09:08
218
RestAPI Section CRUD Part 1
15:16
219
RestAPI Section CRUD Part 2
06:47
220
RestAPI Student CRUD Part 1
18:05
221
RestAPI Student CRUD Part 2
07:17
222
Section Introduction - What We Will Build in This Section
05:15
223
What You Will Need for This Section
05:04
224
Laravel Project Install and Database Configer
09:29
225
Laravel passport Authentication Passport Install
12:17
226
Laravel Passport Authentication Login
14:50
227
Laravel Passport Authentication ¦ Registration Part 1
10:55
228
Laravel Passport Authentication ¦ Registration Part 2
11:22
229
Laravel Passport Authentication ¦ Forgot Password Part 1
13:17
230
Laravel Passport Authentication ¦ Forgot Password Part 2
24:04
231
Laravel Passport Authentication Reset Password
22:28
232
Laravel Passport Authentication Authorization User
07:06
233
Laravel passport Authentication React Project
10:51
234
React Router & Component Setup
19:09
235
Laravel Passport Authentication Login Page
14:02
236
Passport Authentication ¦ Other Components
07:48
237
Passport Authentication ¦ User Profile Page
05:32
238
Passport Authentication Login Credentials Part 1
16:17
239
Passport Authentication Login Credentials Part 2
07:14
240
Passport Authentication ¦ Storage Token
08:33
241
Passport Authentication Login after profile Part 1
10:18
242
Passport Authentication Login after profile Part 2
06:33
243
Passport Authentication ¦ Profile data
07:03
244
Passport Authentication Registration
16:06
245
Passport Authentication ¦ Logout
12:07
246
Passport Authentication ¦ Forgot Password Option
13:03
247
Passport Authentication ¦ Error Showing
10:49
248
Passport Authentication ¦ Reset Password
15:41
249
Passport Authentication ¦ Protect Url
05:02
250
Introduction
03:22
251
Important Note - Must Check
02:49
252
Before Start What You Will Need
04:06
253
Create React Project and Create Boiler Plate
08:09
254
Component Framework
11:52
255
Google Fonts
05:20
256
Favicon & Main Div
07:33
257
Add Project In Github
01:09
258
Top Banner Component Part 1
15:44
259
Top Banner Component Part 2
14:12
260
Top Banner Component Part 3
05:31
261
Service Component Part 1
17:06
262
Service Component Part 2
14:45
263
Service Component Part 3
07:49
264
Nav Component Part 1
08:30
265
Nav Component Part 2
16:24
266
Nav Component Part 3
08:47
267
Nav Component Part 4
11:23
268
Nav Component Part 5
08:57
269
CSS Placing
03:54
270
Chart Component Part 1
04:42
271
Chart Component Part 2
11:22
272
Chart Component Part 3
17:09
273
Summary Component Part 1
12:44
274
Summary Component Part 2
09:45
275
Summary Component Part 3
10:25
276
Summary Component Part 4
16:00
277
Count Animation
10:37
278
Project Component Part 1
10:52
279
Project Component Part 2
09:32
280
Course Component Part 1
06:47
281
Course Component Part 2
12:15
282
Video Component Part 1
07:41
283
Video Component Part 2
16:46
284
Video Component Part 3
07:23
285
Review Section Part 1
16:35
286
Review Section Part 2
15:19
287
About Me Section Part 1
11:10
288
About Me Section Part 2
14:38
289
Footer Part 1
16:26
290
Footer Part 2
13:07
291
Footer Part 3
15:04
292
Fixing Header Icon and Fotter Align
05:47
293
Formation Home Page
04:25
294
Formation Page Top
10:14
295
Formation About Page
11:46
296
Formation Course Page
06:25
297
Formation Portfolio Page
05:57
298
Formation Contact Form
11:04
299
Formation Service Page
04:48
300
Formation Creating Route
08:03
301
Routing All Page
11:54
302
Active Routing Link
10:09
303
Refund Policy Page
14:58
304
Terms and Conditions
06:43
305
Privacy Policy Footer Contact Footer About Me
09:09
306
Update Home Page Layout Part 1
18:28
307
Update Home Page Layout Part 2
25:19
308
Project Details Page Part 1
13:31
309
Project Details Page Part 2
16:49
310
Course Details Page Part 1
10:10
311
Course Details Page Part 2
24:17
312
Course Details Page Part 3
08:44
313
NavBrand Logo Route
05:28
314
Window Scroll For New Page Route
05:39
315
Install Laravel Project with Auth and Configer Database
14:14
316
Create Database Table Part 1
12:21
317
Create Database Table Part 2
08:27
318
Create Database Table Part 3
12:11
319
Create Database Table Part 4
09:32
320
Chart Data REST API Creation
10:45
321
Client Review REST API Creation
06:42
322
Contact Send REST API Creation
08:54
323
Course Home REST API Creation
15:03
324
Footer Data REST API Creation
06:16
325
Information REST API Creation
03:30
326
Services REST API Creation
05:42
327
Projet Home REST API Creation
14:10
328
Total Home Details REST API Creation
13:00
329
Install Axios
03:26
330
Axios Test
06:57
331
Axios App URL
11:52
332
Common Get Request
05:20
333
Rest API Real Server Deploy Part 1
10:55
334
Rest API Real Server Deploy Part 2
06:41
335
Home Top Title React API Consuming Part 1
16:12
336
Home Top Title React API Consuming Part 2
07:42
337
Home Service Page React API Consuming
14:56
338
Home Recent Projects React API Consuming
14:22
339
Home Courses Page React API Consuming
14:10
340
Home Client Review React API Consuming
06:59
341
Home Chart React API Consuming
07:14
342
Technology Description React API Consuming
11:03
343
About Page React API Consuming
06:46
344
Information Page React API Consuming
08:45
345
Footer Page React API Consuming
13:01
346
Video Section React API Consuming
07:56
347
Post Data From Contact Form Part 1
09:00
348
Post Data From Contact Form Part 2
12:57
349
Post Data From Contact Form Part 3
11:34
350
All Coruse Page API Consuming Part 1
06:43
351
All Coruse Page API Consuming Part 2
05:37
352
Project Details Page API Consuming Part 1
07:11
353
Project Details Page API Consuming Part 2
13:04
354
Project Details Page API Consuming Part 3
14:51
355
Project Details Page API Consuming Part 4
07:11
356
Course Details Page API Consuming Part 1
13:21
357
Course Details Page API Consuming Part 2
19:22
358
Course Details Page API Consuming Part 3
04:57
359
Collect Loader Animation
06:08
360
Create Loading Component
06:13
361
Set Loading Animation Part 1
07:58
362
Set Loading Animation Part 2
11:15
363
Set Loading Animation Part 3
10:07
364
Set Loading Animation Part 4
11:10
365
Set Loading Animation Part 5
02:17
366
API Failure Manage Part 1
06:35
367
API Failure Manage Part 2
20:50
368
API Failure Manage Part 3
05:20
369
Use Animation in Site Part 1
10:56
370
Use Animation in Site Part 2
17:29
371
Use Animation in Site Part 3
11:54
372
Site Responsive Part 1
06:40
373
Site Responsive Part 2
14:42
374
URL Not Found 404 Not Found Solution
11:04
375
Deploy React Client Application Real Server
11:45
376
Before Start This Section
11:10
377
Setup Admin Theme
15:59
378
Dashboard Page Segmentation
06:28
379
Refreach Admin Template
11:45
380
Admin Logout Option
09:23
381
Customize Login Form
11:49
382
Admin Profile & Image Update Part 1
17:05
383
Admin Profile & Image Update Part 2
18:41
384
Admin Profile & Image Update Part 3
10:58
385
Admin Profile & Image Update Part 4
18:02
386
Adding Toster In For View Message
09:54
387
Admin Profile Change Password Part 1
10:17
388
Admin Profile Change Password Part 2
14:35
389
Create CRUD for Information Part 1
21:22
390
Create CRUD for Information Part 2
10:23
391
Create CRUD for Information Part 3
09:15
392
Create CRUD for Information Part 4
17:10
393
Install Image Intervention
05:46
394
Create CRUD for Services Part 1
10:29
395
Create CRUD for Services Part 2
27:01
396
Create CRUD for Services Part 3
16:50
397
Create CRUD for Services Part 4
04:25
398
Create CRUD for Project Part 1
12:55
399
Create CRUD for Project Part 2
23:23
400
Create CRUD for Project Part 3
13:43
401
Create CRUD for Project Part 4
03:04
402
Create CRUD for Courses Part 1
01:34
403
Create CRUD for Courses Part 2
12:47
404
Create CRUD for Courses Part 3
17:10
405
Create CRUD for Home Page Part 1
16:08
406
Create CRUD for Home Page Part 2
07:55
407
Create CRUD for Home Page Part 3
11:18
408
Create CRUD for Client Review Part 1
10:18
409
Create CRUD for Client Review Part 2
07:30
410
Create CRUD for Client Review Part 3
13:14
411
Create CRUD for Footer Part 1
06:52
412
Create CRUD for Footer Part 2
14:15
413
Create CRUD for Charts Part 1
05:19
414
Create CRUD for Charts Part 2
09:32
415
Get Contact Form Data
13:01
Unlock unlimited learning

Get instant access to all 414 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

415 lessons · 68h 1m 33s
Show all 415 lessons
  1. 1 Introduction 10:24
  2. 2 Need Your Help 01:21
  3. 3 My Mission For You 01:24
  4. 4 Stay In Touch 01:49
  5. 5 Development Environment Setup 06:35
  6. 6 Uses of Console and Comments in JavaScript 06:01
  7. 7 What is ES6 01:55
  8. 8 Declare a Variable 05:26
  9. 9 Uses of Let and Const 03:35
  10. 10 Primitive Data types 07:48
  11. 11 Reference types: Object (Basics) 06:59
  12. 12 Reference types: Array (Basics) 06:09
  13. 13 Reference types: Function (Basics) 09:50
  14. 14 Template Literals 06:07
  15. 15 Exercise - Person Object 06:22
  16. 16 Arithmetic Operators 04:52
  17. 17 Assignment Operators 07:29
  18. 18 Comparison Operators 05:04
  19. 19 Logical Operators 07:12
  20. 20 Equality Operators 04:13
  21. 21 Exercise Swap two numbers 04:36
  22. 22 If else 06:59
  23. 23 Switch case 04:32
  24. 24 Ternary Operators 05:08
  25. 25 Exercise Fizz Buzz 07:16
  26. 26 Exercise Fizz Buzz (With Ternary Operators 05:25
  27. 27 Exercise Our Grading System 07:28
  28. 28 Switch case with multiple logical operators 04:45
  29. 29 For loop 05:28
  30. 30 While loop 03:05
  31. 31 Do while loop 04:45
  32. 32 For in loop 06:45
  33. 33 For of loop 03:14
  34. 34 Break and continue 04:46
  35. 35 Infinite loops 03:11
  36. 36 Nested Loops 04:52
  37. 37 String Basics 06:18
  38. 38 String Methods: charAt, toUpperCase, toLowerCase, includes, startsWith, endsWith 06:39
  39. 39 String Methods: Search, IndexOf, lastIndexOf 04:43
  40. 40 String Methods: toString, Concat, split 08:15
  41. 41 String Methods: slice, subStr, subString 06:24
  42. 42 Escape Sequences 04:51
  43. 43 String Immutability 03:12
  44. 44 Object Basics with Dot Bracket Notation 05:46
  45. 45 Adding, Modifying Deleting Properties 07:45
  46. 46 Object Methods This Keyword 06:14
  47. 47 Traversing Object Entries 06:49
  48. 48 Exercise Total Salary 07:20
  49. 49 Object Destructuring 06:34
  50. 50 Cloning an object 05:50
  51. 51 Math Object 04:03
  52. 52 JSON Data Format 06:10
  53. 53 Function Basics 08:50
  54. 54 Default Parameters 03:50
  55. 55 Function as an Expression 04:27
  56. 56 Arrow Functions 05:51
  57. 57 Rest Parameter 07:16
  58. 58 Array Basics 04:48
  59. 59 Adding Elements 05:48
  60. 60 Removing Elements 04:23
  61. 61 Finding Elements (Primitive Type) 05:07
  62. 62 Finding Elements (Reference Type) 05:08
  63. 63 Iterating an array 05:58
  64. 64 Sorting and Reversing an array 08:06
  65. 65 Testing the elements of the array 03:48
  66. 66 Combining and Slicing the array 05:22
  67. 67 Spread Operator 05:49
  68. 68 Joining Array 04:59
  69. 69 Mapping an array 08:01
  70. 70 Filtering an array 05:47
  71. 71 Reducing an array 03:57
  72. 72 Array Object Destructuring 08:17
  73. 73 Data Structure: Set 06:15
  74. 74 Data Structure: Map 07:50
  75. 75 Weak Set + Weak Map 07:45
  76. 76 Module (Import Export) 04:32
  77. 77 padStart, padEnd TrimStart, TrimEnd 07:33
  78. 78 Different types of errors in JavaScript 07:28
  79. 79 Exercise Throw Custom Error Object 03:45
  80. 80 Handle Errors with try, catch, and finally block 06:20
  81. 81 React JS Fundamental Introduction 02:12
  82. 82 What You Should Know 01:02
  83. 83 Let, Const Var in Javascript 12:41
  84. 84 Arrow Function of JS 12:51
  85. 85 This Keyword of Javascript 08:25
  86. 86 Classes, Object in JS 09:13
  87. 87 Project Setup 07:17
  88. 88 Project Structure and First Code 07:15
  89. 89 Babel ,Webpack 05:48
  90. 90 Components 02:17
  91. 91 Functional Components 07:13
  92. 92 Class Components 04:45
  93. 93 JSX 05:47
  94. 94 Props 05:31
  95. 95 State 09:14
  96. 96 Event Handler with Methods 08:00
  97. 97 State Manipulating 05:37
  98. 98 React DOM 03:23
  99. 99 UseState Hook 11:24
  100. 100 Two Way Data Binding, on Change 11:26
  101. 101 Stylesheet & Inline Style in Component 08:28
  102. 102 Single Input 05:27
  103. 103 OnChange 07:51
  104. 104 Another Way Onchange 05:20
  105. 105 OnSubmit 06:08
  106. 106 Multiple Input 06:38
  107. 107 Set Data to State in One Line 11:59
  108. 108 Form Validation 07:25
  109. 109 Error Showing 10:37
  110. 110 Textarea 06:55
  111. 111 Select Option 07:47
  112. 112 Lists 07:24
  113. 113 JSON Array List 07:18
  114. 114 Use Bootstrap 07:12
  115. 115 React Bootstrap 09:53
  116. 116 Routing 05:44
  117. 117 React Router DOM 06:01
  118. 118 Router Link Load Component 22:32
  119. 119 HTTP Request 06:39
  120. 120 Axios,Lifecycle Methods 03:28
  121. 121 Fetch Data From API 20:09
  122. 122 Link Load Component 08:46
  123. 123 Form Component 07:41
  124. 124 Http Post Data 13:15
  125. 125 ActiveLink 05:16
  126. 126 React Hooks 02:55
  127. 127 UseState , Class Component to Functional Component 10:37
  128. 128 Functional Component to Class Component 08:01
  129. 129 Template Project Setup 10:14
  130. 130 React Router 25:49
  131. 131 Home Component 16:20
  132. 132 About Component 14:08
  133. 133 Services Component 08:10
  134. 134 Portfolio Component 08:11
  135. 135 Contact Component 06:56
  136. 136 Blog Component 07:05
  137. 137 Blog Details Components 10:31
  138. 138 How to upload project in Cpanel 09:11
  139. 139 Essential Enviroment Setup 05:29
  140. 140 Laravel 8 installation 10:37
  141. 141 Discuss on Laravel Folder Structure 08:51
  142. 142 What is MVC and Its Benefits 02:14
  143. 143 What is Route 01:09
  144. 144 Laravel Routes 12:29
  145. 145 Laravel Blade Syntax 05:07
  146. 146 How to Make Controller And Get Url Request 11:47
  147. 147 Middleware 11:28
  148. 148 Laravel Url, URL to Route 10:32
  149. 149 Create Database and Configaration 04:11
  150. 150 Laravel 8 Authentication install 11:42
  151. 151 Laravel 8 Authentication Details 14:31
  152. 152 Eloquent ORM Read Users Data 22:59
  153. 153 Query Builder Read Users Data 06:02
  154. 154 Create Model And Migration 19:24
  155. 155 Form Validation & Show Custom Error Message 22:22
  156. 156 Eloquent ORM Insert Data 18:23
  157. 157 Insert Data With Query Builder 06:11
  158. 158 Eloquent ORM Read Data 12:21
  159. 159 Query Builder Read Data 03:33
  160. 160 Laravel Pagination 07:10
  161. 161 Eloquent ORM One To One Relationships 08:47
  162. 162 Query Builder Join Table 06:52
  163. 163 Eloquent ORM Edit & Update 25:33
  164. 164 Query Builder Edit & Update Data 07:34
  165. 165 Soft Delete ,Data Restore & ForceDelete Part 1 17:14
  166. 166 Soft Delete ,Data Restore & ForceDelete Part 2 12:07
  167. 167 Setup Brand Page 20:51
  168. 168 Eloquent ORM Insert Image 26:47
  169. 169 Eloquent ORM Edit,Update Data With Image & Without Image Part 1 12:29
  170. 170 Eloquent ORM Edit,Update Data With Image & Without Image Part 2 17:53
  171. 171 Delete Data With Image 07:59
  172. 172 Image Insert & Resize With Intervention Package 14:23
  173. 173 Multiple Image Upload Part 1 13:12
  174. 174 Multiple Image Upload Part 2 16:58
  175. 175 Update User Profile and Change Password 10:21
  176. 176 Forgot Password & Password Reset 08:57
  177. 177 Email Verify in Laravel 07:38
  178. 178 Middleware Auth Users Access Control 06:22
  179. 179 Admin Panel Setup Part 1 04:14
  180. 180 Admin Panel Setup Part 2 24:28
  181. 181 Admin Panel Setup Part 3 05:33
  182. 182 Logout Page Setup 09:16
  183. 183 Login Page Setup 12:12
  184. 184 Fontend Templete Setup Part 1 19:11
  185. 185 Fontend Templete Setup Part 2 06:16
  186. 186 Setup Home Brand Page 15:47
  187. 187 Setup Home Slider Page Part 1 18:41
  188. 188 Setup Home Slider Page Part 2 24:03
  189. 189 Setup Home Slider Page Part 3 12:03
  190. 190 Setup Home page About Section Part 1 16:45
  191. 191 Setup Home page About Section Part 2 15:51
  192. 192 Setup Home page About Section Part 3 15:03
  193. 193 Setup Home page About Section Part 4 04:50
  194. 194 Setup Home page About Section Part 5 06:43
  195. 195 Setup Home page Portofolio Section 11:02
  196. 196 Setup Portofolio Page 12:15
  197. 197 Setup Contact Page Part 1 16:15
  198. 198 Setup Contact Page Part 2 13:43
  199. 199 Setup Contact Page Part 3 10:43
  200. 200 Setup Contact Page Part 4 19:29
  201. 201 Setup Contact Page Part 5 09:25
  202. 202 Change Password Option Part 1 17:29
  203. 203 Change Password Option Part 2 09:39
  204. 204 Change Password Option Part 3 16:47
  205. 205 Chage User Profile Part 1 10:13
  206. 206 Chage User Profile Part 2 11:30
  207. 207 How to add Toster in Project 20:13
  208. 208 How to deploy Project in cPane 15:27
  209. 209 Remove Public from Deploy Project in Cpanel 04:12
  210. 210 Restapi (Api,thirdapartapi,Restfullapi) Introduction 02:21
  211. 211 Introduction Of RestAPI Section 04:14
  212. 212 RestAPI API Create Laravel Project 11:45
  213. 213 RestAPI MCR,First Route and Method 14:57
  214. 214 RestAPI Class CRUD Part 1 14:37
  215. 215 RestAPI Class CRUD Part 2 10:42
  216. 216 RestAPI Subject CRUD Part 1 16:49
  217. 217 RestAPI Subject CRUD Part 2 09:08
  218. 218 RestAPI Section CRUD Part 1 15:16
  219. 219 RestAPI Section CRUD Part 2 06:47
  220. 220 RestAPI Student CRUD Part 1 18:05
  221. 221 RestAPI Student CRUD Part 2 07:17
  222. 222 Section Introduction - What We Will Build in This Section 05:15
  223. 223 What You Will Need for This Section 05:04
  224. 224 Laravel Project Install and Database Configer 09:29
  225. 225 Laravel passport Authentication Passport Install 12:17
  226. 226 Laravel Passport Authentication Login 14:50
  227. 227 Laravel Passport Authentication ¦ Registration Part 1 10:55
  228. 228 Laravel Passport Authentication ¦ Registration Part 2 11:22
  229. 229 Laravel Passport Authentication ¦ Forgot Password Part 1 13:17
  230. 230 Laravel Passport Authentication ¦ Forgot Password Part 2 24:04
  231. 231 Laravel Passport Authentication Reset Password 22:28
  232. 232 Laravel Passport Authentication Authorization User 07:06
  233. 233 Laravel passport Authentication React Project 10:51
  234. 234 React Router & Component Setup 19:09
  235. 235 Laravel Passport Authentication Login Page 14:02
  236. 236 Passport Authentication ¦ Other Components 07:48
  237. 237 Passport Authentication ¦ User Profile Page 05:32
  238. 238 Passport Authentication Login Credentials Part 1 16:17
  239. 239 Passport Authentication Login Credentials Part 2 07:14
  240. 240 Passport Authentication ¦ Storage Token 08:33
  241. 241 Passport Authentication Login after profile Part 1 10:18
  242. 242 Passport Authentication Login after profile Part 2 06:33
  243. 243 Passport Authentication ¦ Profile data 07:03
  244. 244 Passport Authentication Registration 16:06
  245. 245 Passport Authentication ¦ Logout 12:07
  246. 246 Passport Authentication ¦ Forgot Password Option 13:03
  247. 247 Passport Authentication ¦ Error Showing 10:49
  248. 248 Passport Authentication ¦ Reset Password 15:41
  249. 249 Passport Authentication ¦ Protect Url 05:02
  250. 250 Introduction 03:22
  251. 251 Important Note - Must Check 02:49
  252. 252 Before Start What You Will Need 04:06
  253. 253 Create React Project and Create Boiler Plate 08:09
  254. 254 Component Framework 11:52
  255. 255 Google Fonts 05:20
  256. 256 Favicon & Main Div 07:33
  257. 257 Add Project In Github 01:09
  258. 258 Top Banner Component Part 1 15:44
  259. 259 Top Banner Component Part 2 14:12
  260. 260 Top Banner Component Part 3 05:31
  261. 261 Service Component Part 1 17:06
  262. 262 Service Component Part 2 14:45
  263. 263 Service Component Part 3 07:49
  264. 264 Nav Component Part 1 08:30
  265. 265 Nav Component Part 2 16:24
  266. 266 Nav Component Part 3 08:47
  267. 267 Nav Component Part 4 11:23
  268. 268 Nav Component Part 5 08:57
  269. 269 CSS Placing 03:54
  270. 270 Chart Component Part 1 04:42
  271. 271 Chart Component Part 2 11:22
  272. 272 Chart Component Part 3 17:09
  273. 273 Summary Component Part 1 12:44
  274. 274 Summary Component Part 2 09:45
  275. 275 Summary Component Part 3 10:25
  276. 276 Summary Component Part 4 16:00
  277. 277 Count Animation 10:37
  278. 278 Project Component Part 1 10:52
  279. 279 Project Component Part 2 09:32
  280. 280 Course Component Part 1 06:47
  281. 281 Course Component Part 2 12:15
  282. 282 Video Component Part 1 07:41
  283. 283 Video Component Part 2 16:46
  284. 284 Video Component Part 3 07:23
  285. 285 Review Section Part 1 16:35
  286. 286 Review Section Part 2 15:19
  287. 287 About Me Section Part 1 11:10
  288. 288 About Me Section Part 2 14:38
  289. 289 Footer Part 1 16:26
  290. 290 Footer Part 2 13:07
  291. 291 Footer Part 3 15:04
  292. 292 Fixing Header Icon and Fotter Align 05:47
  293. 293 Formation Home Page 04:25
  294. 294 Formation Page Top 10:14
  295. 295 Formation About Page 11:46
  296. 296 Formation Course Page 06:25
  297. 297 Formation Portfolio Page 05:57
  298. 298 Formation Contact Form 11:04
  299. 299 Formation Service Page 04:48
  300. 300 Formation Creating Route 08:03
  301. 301 Routing All Page 11:54
  302. 302 Active Routing Link 10:09
  303. 303 Refund Policy Page 14:58
  304. 304 Terms and Conditions 06:43
  305. 305 Privacy Policy Footer Contact Footer About Me 09:09
  306. 306 Update Home Page Layout Part 1 18:28
  307. 307 Update Home Page Layout Part 2 25:19
  308. 308 Project Details Page Part 1 13:31
  309. 309 Project Details Page Part 2 16:49
  310. 310 Course Details Page Part 1 10:10
  311. 311 Course Details Page Part 2 24:17
  312. 312 Course Details Page Part 3 08:44
  313. 313 NavBrand Logo Route 05:28
  314. 314 Window Scroll For New Page Route 05:39
  315. 315 Install Laravel Project with Auth and Configer Database 14:14
  316. 316 Create Database Table Part 1 12:21
  317. 317 Create Database Table Part 2 08:27
  318. 318 Create Database Table Part 3 12:11
  319. 319 Create Database Table Part 4 09:32
  320. 320 Chart Data REST API Creation 10:45
  321. 321 Client Review REST API Creation 06:42
  322. 322 Contact Send REST API Creation 08:54
  323. 323 Course Home REST API Creation 15:03
  324. 324 Footer Data REST API Creation 06:16
  325. 325 Information REST API Creation 03:30
  326. 326 Services REST API Creation 05:42
  327. 327 Projet Home REST API Creation 14:10
  328. 328 Total Home Details REST API Creation 13:00
  329. 329 Install Axios 03:26
  330. 330 Axios Test 06:57
  331. 331 Axios App URL 11:52
  332. 332 Common Get Request 05:20
  333. 333 Rest API Real Server Deploy Part 1 10:55
  334. 334 Rest API Real Server Deploy Part 2 06:41
  335. 335 Home Top Title React API Consuming Part 1 16:12
  336. 336 Home Top Title React API Consuming Part 2 07:42
  337. 337 Home Service Page React API Consuming 14:56
  338. 338 Home Recent Projects React API Consuming 14:22
  339. 339 Home Courses Page React API Consuming 14:10
  340. 340 Home Client Review React API Consuming 06:59
  341. 341 Home Chart React API Consuming 07:14
  342. 342 Technology Description React API Consuming 11:03
  343. 343 About Page React API Consuming 06:46
  344. 344 Information Page React API Consuming 08:45
  345. 345 Footer Page React API Consuming 13:01
  346. 346 Video Section React API Consuming 07:56
  347. 347 Post Data From Contact Form Part 1 09:00
  348. 348 Post Data From Contact Form Part 2 12:57
  349. 349 Post Data From Contact Form Part 3 11:34
  350. 350 All Coruse Page API Consuming Part 1 06:43
  351. 351 All Coruse Page API Consuming Part 2 05:37
  352. 352 Project Details Page API Consuming Part 1 07:11
  353. 353 Project Details Page API Consuming Part 2 13:04
  354. 354 Project Details Page API Consuming Part 3 14:51
  355. 355 Project Details Page API Consuming Part 4 07:11
  356. 356 Course Details Page API Consuming Part 1 13:21
  357. 357 Course Details Page API Consuming Part 2 19:22
  358. 358 Course Details Page API Consuming Part 3 04:57
  359. 359 Collect Loader Animation 06:08
  360. 360 Create Loading Component 06:13
  361. 361 Set Loading Animation Part 1 07:58
  362. 362 Set Loading Animation Part 2 11:15
  363. 363 Set Loading Animation Part 3 10:07
  364. 364 Set Loading Animation Part 4 11:10
  365. 365 Set Loading Animation Part 5 02:17
  366. 366 API Failure Manage Part 1 06:35
  367. 367 API Failure Manage Part 2 20:50
  368. 368 API Failure Manage Part 3 05:20
  369. 369 Use Animation in Site Part 1 10:56
  370. 370 Use Animation in Site Part 2 17:29
  371. 371 Use Animation in Site Part 3 11:54
  372. 372 Site Responsive Part 1 06:40
  373. 373 Site Responsive Part 2 14:42
  374. 374 URL Not Found 404 Not Found Solution 11:04
  375. 375 Deploy React Client Application Real Server 11:45
  376. 376 Before Start This Section 11:10
  377. 377 Setup Admin Theme 15:59
  378. 378 Dashboard Page Segmentation 06:28
  379. 379 Refreach Admin Template 11:45
  380. 380 Admin Logout Option 09:23
  381. 381 Customize Login Form 11:49
  382. 382 Admin Profile & Image Update Part 1 17:05
  383. 383 Admin Profile & Image Update Part 2 18:41
  384. 384 Admin Profile & Image Update Part 3 10:58
  385. 385 Admin Profile & Image Update Part 4 18:02
  386. 386 Adding Toster In For View Message 09:54
  387. 387 Admin Profile Change Password Part 1 10:17
  388. 388 Admin Profile Change Password Part 2 14:35
  389. 389 Create CRUD for Information Part 1 21:22
  390. 390 Create CRUD for Information Part 2 10:23
  391. 391 Create CRUD for Information Part 3 09:15
  392. 392 Create CRUD for Information Part 4 17:10
  393. 393 Install Image Intervention 05:46
  394. 394 Create CRUD for Services Part 1 10:29
  395. 395 Create CRUD for Services Part 2 27:01
  396. 396 Create CRUD for Services Part 3 16:50
  397. 397 Create CRUD for Services Part 4 04:25
  398. 398 Create CRUD for Project Part 1 12:55
  399. 399 Create CRUD for Project Part 2 23:23
  400. 400 Create CRUD for Project Part 3 13:43
  401. 401 Create CRUD for Project Part 4 03:04
  402. 402 Create CRUD for Courses Part 1 01:34
  403. 403 Create CRUD for Courses Part 2 12:47
  404. 404 Create CRUD for Courses Part 3 17:10
  405. 405 Create CRUD for Home Page Part 1 16:08
  406. 406 Create CRUD for Home Page Part 2 07:55
  407. 407 Create CRUD for Home Page Part 3 11:18
  408. 408 Create CRUD for Client Review Part 1 10:18
  409. 409 Create CRUD for Client Review Part 2 07:30
  410. 410 Create CRUD for Client Review Part 3 13:14
  411. 411 Create CRUD for Footer Part 1 06:52
  412. 412 Create CRUD for Footer Part 2 14:15
  413. 413 Create CRUD for Charts Part 1 05:19
  414. 414 Create CRUD for Charts Part 2 09:32
  415. 415 Get Contact Form Data 13:01

Related courses

  • Build and Deploy a Lovable Clone thumbnail

    Build and Deploy a Lovable Clone

    By: Antonio Erdeljac (Code With Antonio)
    Unlock the potential of AI in application development with this comprehensive course, where you will build and deploy an innovative AI platform from scratch.
    10 hours 34 minutes 16 seconds
  • React Data Fetching: Beyond the Basics thumbnail

    React Data Fetching: Beyond the Basics

    By: Fullstack.io
    This course will teach you how to efficiently load data in React without using third-party libraries or the useEffect hook. We will create our own library for..
    2 hours 40 minutes 15 seconds
  • Testing React with Jest and Testing Library thumbnail

    Testing React with Jest and Testing Library

    By: Udemy
    React Testing Library has become an extremely popular option for testing React, and with good reason! This detailed, comprehensive course
    7 hours 41 minutes 32 seconds

Frequently asked questions

What is React Js A-Z With Laravel - For Beginner to Advanced Level about?
Embark on your journey to becoming a Full Stack Web Developer with our comprehensive React Js A-Z With Laravel Course. React is quickly establishing itself as one of the most essential tools for creating Web Applications . Industry giants…
Who teaches React Js A-Z With Laravel - For Beginner to Advanced Level?
React Js A-Z With Laravel - For Beginner to Advanced Level is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is React Js A-Z With Laravel - For Beginner to Advanced Level?
React Js A-Z With Laravel - For Beginner to Advanced Level contains 415 lessons with a total runtime of 68 hours 1 minute. All lessons are available to watch online at your own pace.
Is React Js A-Z With Laravel - For Beginner to Advanced Level free to watch?
React Js A-Z With Laravel - For Beginner to Advanced Level is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch React Js A-Z With Laravel - For Beginner to Advanced Level online?
React Js A-Z With Laravel - For Beginner to Advanced Level is available to watch online on CourseFlix at https://courseflix.net/course/react-js-a-z-with-laravel-for-beginner-to-advanced-level. The page hosts every lesson with the integrated video player; no download is required.