Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Full Stack Web Development
React Js A-Z With Laravel - For Beginner to Advanced Level

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

Loại khoá học: Web Development

Learn React.js for Frontend and Use Laravel for Backend. Become Full Stack Web Developer By Build Complete Project

image
50.000 VND
1.499.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

This React Js A-Z With Laravel Course will help you to become a Full Stack Web Developer

React has rapidly become one of the most powerful tools for building Web Applications. Top sites using React include Facebook, Twitter, Netflix, Airbnb, and more!

This course is perfect for all who wants to start their career as a Full Stack Web Developer. This course will help you to build a strong foundation of Frontend by React Js and Backend by Laravel.

If you complete totally course perfectly you will be able to build any dynamic website with react and laravel. In this course i will create multiple complete real life project from scratch. I have design this course like that way first you will learn react Basic Fundamentals then you will Learn Laravel Basic fundamentals by complete one project. Then together React Js and Laravel how to create one custom authentication project i will show this with live example.

Also you will be able to understand how to create Rest API and also how to use this API everything i will show you with live example. So you will be not just learn from this course you will doing it.

What is the Best Part of this Course?

  • You will learn React Js Basic Fundamentals

  • You will learn Laravel Basic Fundamentals

  • How to Create API

  • Some Essential JavaScript.

  • Convert Html to React Js.

  • Create Custom Authentication  with React Js and Laravel

  • Build One Complete Real Life Dynamic Project.

  • And More..


This course you will not just learn you actually doing it. Learn and apply this on a live project with me.

Sound Great right?

---------------------------------------------------------------------------------------------------------------------

Click the "Enroll Now" button at the top right now!

I am excited to see you on the course!

Sincerely,

Kazi Ariyan

Bạn sẽ học được gì

React Basic Foundation

A-Z React FrontEnd

Creating REST API

Project Implementation with Database on Real Server

Component Framework

React API Consuming

Contact Form Setup

Loader Animation Setup

API Failure Setup

Page Animation Setup

Work with React's Plugins

Site Responsive

Laravel Fundamental All

Build React Js Authentication with Laravel Passport

Admin Panel Setup

Laravel Authentication with Jetstream

Yêu cầu

  • Basics of HTML
  • Basics of CSS
  • Basics of javascript like creating functions and loops
  • ES6 Syntax is important
  • Desire to learn React
  • No prior knowledge is required!
  • A Windows PC, Mac or Linux Computer
  • Nothing else! It’s just you, your computer and your ambition to get started today

Nội dung khoá học

55 sections

Introduction

4 lectures
Introduction
10:23
Need Your Help
01:20
My Mission For You
01:23
Stay In Touch
01:48

JavaScript Fundamental - That You Should Know

3 lectures
Development Environment Setup
06:34
Uses of Console and Comments in JavaScript
06:00
What is ES6
01:54

Variables and Data Types

8 lectures
Declare a Variable
05:25
Uses of Let and Const
03:34
Primitive Data types
07:47
Reference types: Object (Basics)
06:58
Reference types: Array (Basics)
06:08
Reference types: Function (Basics)
09:49
Template Literals
06:06
Exercise - Person Object
06:21

JavaScript Operators

6 lectures
Arithmetic Operators
04:51
Assignment Operators
07:28
Comparison Operators
05:02
Logical Operators
07:11
Equality Operators
04:12
Exercise Swap two numbers
04:35

Conditional Statements

7 lectures
If else
06:58
Switch case
04:31
Ternary Operators
05:07
Exercise Fizz Buzz
07:15
Exercise Fizz Buzz (With Ternary Operators
05:24
Exercise Our Grading System
07:27
Switch case with multiple logical operators
04:44

JavaScript Loops

8 lectures
For loop
05:27
While loop
03:04
Do while loop
04:44
For in loop
06:44
For of loop
03:12
Break and continue
04:44
Infinite loops
03:10
Nested Loops
04:51

String in JavaScript

7 lectures
String Basics
06:17
String Methods: charAt, toUpperCase, toLowerCase, includes, startsWith, endsWith
06:38
String Methods: Search, IndexOf, lastIndexOf
04:41
String Methods: toString, Concat, split
08:13
String Methods: slice, subStr, subString
06:22
Escape Sequences
04:50
String Immutability
03:11

Objects - The Core of Javascript & JSON

9 lectures
Object Basics with Dot Bracket Notation
05:45
Adding, Modifying Deleting Properties
07:44
Object Methods This Keyword
06:13
Traversing Object Entries
06:48
Exercise Total Salary
07:19
Object Destructuring
06:32
Cloning an object
05:49
Math Object
04:02
JSON Data Format
06:09

JavaScript Functions

5 lectures
Function Basics
08:49
Default Parameters
03:49
Function as an Expression
04:26
Arrow Functions
05:50
Rest Parameter
07:15

JavaScript Arrays

14 lectures
Array Basics
04:47
Adding Elements
05:47
Removing Elements
04:22
Finding Elements (Primitive Type)
05:06
Finding Elements (Reference Type)
05:06
Iterating an array
05:57
Sorting and Reversing an array
08:05
Testing the elements of the array
03:47
Combining and Slicing the array
05:21
Spread Operator
05:48
Joining Array
04:58
Mapping an array
07:59
Filtering an array
05:46
Reducing an array
03:56

Other ES6, ES7 and ES8 Features

6 lectures
Array Object Destructuring
08:15
Data Structure: Set
06:14
Data Structure: Map
07:49
Weak Set + Weak Map
07:44
Module (Import Export)
04:31
padStart, padEnd TrimStart, TrimEnd
07:32

Error Handlings in JavaScript

4 lectures
Different types of errors in JavaScript
07:27
Exercise Throw Custom Error Object
03:44
Handle Errors with try, catch, and finally block
06:19
End of JavaScript Fundamental Section.
00:13

React Js Basic Fundamentals

49 lectures
React JS Fundamental Introduction
02:11
Excise File - Please Download this file.
Processing..
What You Should Know
01:00
Let, Const Var in Javascript
12:40
Arrow Function of JS
12:50
This Keyword of Javascript
08:24
Classes, Object in JS
09:12
Project Setup
07:16
Project Structure and First Code
07:14
Babel ,Webpack
05:47
Components
02:16
Functional Components
07:11
Class Components
04:43
JSX
05:46
Props
05:30
State
09:13
Event Handler with Methods
07:59
State Manipulating
05:36
React DOM
03:22
UseState Hook
11:23
Two Way Data Binding, on Change
11:25
Stylesheet & Inline Style in Component
08:27
Single Input
05:26
OnChange
07:50
Another Way Onchange
05:19
OnSubmit
06:07
Multiple Input
06:37
Set Data to State in One Line
11:58
Form Validation
07:24
Error Showing
10:36
Textarea
06:54
Select Option
07:46
Lists
07:23
JSON Array List
07:17
Use Bootstrap
07:11
React Bootstrap
09:52
Routing
05:43
React Router DOM
06:00
Router Link Load Component
22:30
HTTP Request
06:38
Axios,Lifecycle Methods
03:27
Fetch Data From API
20:08
Link Load Component
08:45
Form Component
07:40
Http Post Data
13:14
ActiveLink
05:15
React Hooks
02:54
UseState , Class Component to Functional Component
10:36
Functional Component to Class Component
08:00

Convert HTML to React Js

11 lectures
Excise File - For This Section.
Processing..
Template Project Setup
10:13
React Router
25:48
Home Component
16:19
About Component
14:07
Services Component
08:09
Portfolio Component
08:10
Contact Component
06:55
Blog Component
07:04
Blog Details Components
10:30
How to upload project in Cpanel
09:10

Laravel Basic Fundamentals with Complete Website

72 lectures
Essential Enviroment Setup
05:27
Excise File For This Section - Plz Download This File.
Processing..
Laravel 8 installation
10:36
Discuss on Laravel Folder Structure
08:50
What is MVC and Its Benefits
02:13
What is Route
01:08
Laravel Routes
12:28
Laravel Blade Syntax
05:06
How to Make Controller And Get Url Request
11:46
Middleware
11:26
Laravel Url, URL to Route
10:31
Create Database and Configaration
04:10
Laravel 8 Authentication install
11:41
Laravel 8 Authentication Details
14:29
Eloquent ORM Read Users Data
22:58
Query Builder Read Users Data
06:01
Create Model And Migration
19:22
Form Validation & Show Custom Error Message
22:21
Eloquent ORM Insert Data
18:22
Insert Data With Query Builder
06:10
Eloquent ORM Read Data
12:20
Query Builder Read Data
03:32
Laravel Pagination
07:09
Eloquent ORM One To One Relationships
08:46
Query Builder Join Table
06:51
Eloquent ORM Edit & Update
25:32
Query Builder Edit & Update Data
07:33
Soft Delete ,Data Restore & ForceDelete Part 1
17:13
Soft Delete ,Data Restore & ForceDelete Part 2
12:06
Setup Brand Page
20:50
Eloquent ORM Insert Image
26:46
Eloquent ORM Edit,Update Data With Image & Without Image Part 1
12:28
Eloquent ORM Edit,Update Data With Image & Without Image Part 2
17:52
Delete Data With Image
07:58
Image Insert & Resize With Intervention Package
14:21
Multiple Image Upload Part 1
13:11
Multiple Image Upload Part 2
16:57
Update User Profile and Change Password
10:20
Forgot Password & Password Reset
08:56
Email Verify in Laravel
07:37
Middleware Auth Users Access Control
06:21
Admin Panel Setup Part 1
04:12
Admin Panel Setup Part 2
24:27
Admin Panel Setup Part 3
05:32
Logout Page Setup
09:15
Login Page Setup
12:11
Fontend Templete Setup Part 1
19:10
Fontend Templete Setup Part 2
06:15
Setup Home Brand Page
15:46
Setup Home Slider Page Part 1
18:40
Setup Home Slider Page Part 2
24:02
Setup Home Slider Page Part 3
12:02
Setup Home page About Section Part 1
16:43
Setup Home page About Section Part 2
15:50
Setup Home page About Section Part 3
15:02
Setup Home page About Section Part 4
04:48
Setup Home page About Section Part 5
06:42
Setup Home page Portofolio Section
11:00
Setup Portofolio Page
12:13
Setup Contact Page Part 1
16:13
Setup Contact Page Part 2
13:42
Setup Contact Page Part 3
10:42
Setup Contact Page Part 4
19:28
Setup Contact Page Part 5
09:24
Change Password Option Part 1
17:28
Change Password Option Part 2
09:38
Change Password Option Part 3
16:45
Chage User Profile Part 1
10:12
Chage User Profile Part 2
11:29
How to add Toster in Project
20:12
How to deploy Project in cPane
15:26
Remove Public from Deploy Project in Cpanel
04:11

Create a CRUD Rest API with Laravel and Postman

13 lectures
Restapi (Api,thirdapartapi,Restfullapi) Introduction
02:20
Introduction Of RestAPI Section
04:13
RestAPI API Create Laravel Project
11:44
RestAPI MCR,First Route and Method
14:55
RestAPI Class CRUD Part 1
14:36
RestAPI Class CRUD Part 2
10:40
RestAPI Subject CRUD Part 1
16:48
RestAPI Subject CRUD Part 2
09:06
RestAPI Section CRUD Part 1
15:15
RestAPI Section CRUD Part 2
06:46
RestAPI Student CRUD Part 1
18:04
RestAPI Student CRUD Part 2
07:16
This Section Project Source Code - Plz Download
00:04

Build React Js Authentication with Laravel Passport

29 lectures
Section Introduction - What We Will Build in This Section
05:14
This Section Source Code
Processing..
What You Will Need for This Section
05:02
Laravel Project Install and Database Configer
09:28
Laravel passport Authentication Passport Install
12:16
Laravel Passport Authentication Login
14:49
Laravel Passport Authentication ¦ Registration Part 1
10:54
Laravel Passport Authentication ¦ Registration Part 2
11:21
Laravel Passport Authentication ¦ Forgot Password Part 1
13:16
Laravel Passport Authentication ¦ Forgot Password Part 2
24:03
Laravel Passport Authentication Reset Password
22:27
Laravel Passport Authentication Authorization User
07:05
Laravel passport Authentication React Project
10:50
React Router & Component Setup
19:08
Laravel Passport Authentication Login Page
14:01
Passport Authentication ¦ Other Components
07:47
Passport Authentication ¦ User Profile Page
05:31
Passport Authentication Login Credentials Part 1
16:16
Passport Authentication Login Credentials Part 2
07:13
Passport Authentication ¦ Storage Token
08:31
Passport Authentication Login after profile Part 1
10:17
Passport Authentication Login after profile Part 2
06:32
Passport Authentication ¦ Profile data
07:02
Passport Authentication Registration
16:05
Passport Authentication ¦ Logout
12:06
Passport Authentication ¦ Forgot Password Option
13:02
Passport Authentication ¦ Error Showing
10:48
Passport Authentication ¦ Reset Password
15:40
Passport Authentication ¦ Protect Url
05:01

Build Complete React Project A-Z

9 lectures
Introduction
03:21
This Section Excise File - Please Downlaod
Processing..
Important Note - Must Check
02:48
Before Start What You Will Need
04:05
Create React Project and Create Boiler Plate
08:08
Component Framework
11:51
Google Fonts
05:19
Favicon & Main Div
07:32
Add Project In Github
01:08

Top Banner Component Setup

3 lectures
Top Banner Component Part 1
15:43
Top Banner Component Part 2
14:11
Top Banner Component Part 3
05:30

Service Component Setup

3 lectures
Service Component Part 1
17:05
Service Component Part 2
14:44
Service Component Part 3
07:48

Nav Component Setup

6 lectures
Nav Component Part 1
08:29
Nav Component Part 2
16:23
Nav Component Part 3
08:46
Nav Component Part 4
11:22
Nav Component Part 5
08:56
CSS Placing
03:53

Chart Component Setup

3 lectures
Chart Component Part 1
04:40
Chart Component Part 2
11:21
Chart Component Part 3
17:08

Summary Component Setup

5 lectures
Summary Component Part 1
12:43
Summary Component Part 2
09:44
Summary Component Part 3
10:23
Summary Component Part 4
15:59
Count Animation
10:36

Project and Course Component Setup

4 lectures
Project Component Part 1
10:51
Project Component Part 2
09:31
Course Component Part 1
06:46
Course Component Part 2
12:14

Video and Review Component Setup

5 lectures
Video Component Part 1
07:40
Video Component Part 2
16:45
Video Component Part 3
07:21
Review Section Part 1
16:34
Review Section Part 2
15:17

About Me Component Setup

2 lectures
About Me Section Part 1
11:09
About Me Section Part 2
14:37

Footer Component Setup

4 lectures
Footer Part 1
16:25
Footer Part 2
13:06
Footer Part 3
15:03
Fixing Header Icon and Fotter Align
05:46

Formation Pages Setup

9 lectures
Formation Home Page
04:24
Formation Page Top
10:12
Formation About Page
11:45
Formation Course Page
06:24
Formation Portfolio Page
05:56
Formation Contact Form
11:03
Formation Service Page
04:47
React Router Update to 6.
00:26
Formation Creating Route
08:02

Routing Setup With Pages

5 lectures
Routing All Page
11:53
Active Routing Link
10:08
Refund Policy Page
14:56
Terms and Conditions
06:42
Privacy Policy Footer Contact Footer About Me
09:08

Home Page Layout Setup

2 lectures
Update Home Page Layout Part 1
18:27
Update Home Page Layout Part 2
25:18

Project and Course Details Setup

7 lectures
Project Details Page Part 1
13:30
Project Details Page Part 2
16:47
Course Details Page Part 1
10:09
Course Details Page Part 2
24:16
Course Details Page Part 3
08:43
NavBrand Logo Route
05:27
Window Scroll For New Page Route
05:37

Create Rest API With Laravel

14 lectures
Install Laravel Project with Auth and Configer Database
14:13
Create Database Table Part 1
12:20
Create Database Table Part 2
08:26
Create Database Table Part 3
12:10
Create Database Table Part 4
09:31
Chart Data REST API Creation
10:44
Client Review REST API Creation
06:41
Contact Send REST API Creation
08:53
Course Home REST API Creation
15:02
Footer Data REST API Creation
06:15
Information REST API Creation
03:29
Services REST API Creation
05:41
Projet Home REST API Creation
14:09
Total Home Details REST API Creation
12:59

Axios Requests Setup

6 lectures
Install Axios
03:25
Axios Test
06:55
Axios App URL
11:51
Common Get Request
05:19
Rest API Real Server Deploy Part 1
10:54
Rest API Real Server Deploy Part 2
06:40

API Consuming for Home Page

7 lectures
Home Top Title React API Consuming Part 1
16:11
Home Top Title React API Consuming Part 2
07:41
Home Service Page React API Consuming
14:55
Home Recent Projects React API Consuming
14:21
Home Courses Page React API Consuming
14:09
Home Client Review React API Consuming
06:58
Home Chart React API Consuming
07:13

API Consuming for Different Pages

5 lectures
Technology Description React API Consuming
11:02
About Page React API Consuming
06:44
Information Page React API Consuming
08:44
Footer Page React API Consuming
13:00
Video Section React API Consuming
07:54

Contact Form Setup

3 lectures
Post Data From Contact Form Part 1
08:59
Post Data From Contact Form Part 2
12:56
Post Data From Contact Form Part 3
11:33

All Coruse and Proejct Page Api Consuming

2 lectures
All Coruse Page API Consuming Part 1
06:42
All Coruse Page API Consuming Part 2
05:36

Project Details Page Api Consuming

4 lectures
Project Details Page API Consuming Part 1
07:10
Project Details Page API Consuming Part 2
13:03
Project Details Page API Consuming Part 3
14:50
Project Details Page API Consuming Part 4
07:10

Course Details Page Api Consuming

3 lectures
Course Details Page API Consuming Part 1
13:20
Course Details Page API Consuming Part 2
19:20
Course Details Page API Consuming Part 3
04:56

Loader Animation Setup

7 lectures
Collect Loader Animation
06:07
Create Loading Component
06:11
Set Loading Animation Part 1
07:57
Set Loading Animation Part 2
11:14
Set Loading Animation Part 3
10:06
Set Loading Animation Part 4
11:08
Set Loading Animation Part 5
02:16

API Failure Setup

3 lectures
API Failure Manage Part 1
06:34
API Failure Manage Part 2
20:48
API Failure Manage Part 3
05:18

Page Animation Setup

3 lectures
Use Animation in Site Part 1
10:55
Use Animation in Site Part 2
17:28
Use Animation in Site Part 3
11:53

Site Responsive

2 lectures
Site Responsive Part 1
06:39
Site Responsive Part 2
14:41

Deploy React Project to Webhost

2 lectures
URL Not Found 404 Not Found Solution
11:03
Deploy React Client Application Real Server
11:44

Backend Admin Panel Setup

6 lectures
Before Start This Section
11:09
Setup Admin Theme
15:58
Dashboard Page Segmentation
06:27
Refreach Admin Template
11:44
Admin Logout Option
09:22
Customize Login Form
11:48

Backend Admin Profile Setup

5 lectures
Admin Profile & Image Update Part 1
17:04
Admin Profile & Image Update Part 2
18:40
Admin Profile & Image Update Part 3
10:57
Admin Profile & Image Update Part 4
18:01
Adding Toster In For View Message
09:53

Backend Change Password Setup

2 lectures
Admin Profile Change Password Part 1
10:16
Admin Profile Change Password Part 2
14:34

Backend Information Setup

4 lectures
Create CRUD for Information Part 1
21:21
Create CRUD for Information Part 2
10:22
Create CRUD for Information Part 3
09:14
Create CRUD for Information Part 4
17:09

Backend Services Setup

5 lectures
Install Image Intervention
05:45
Create CRUD for Services Part 1
10:28
Create CRUD for Services Part 2
27:00
Create CRUD for Services Part 3
16:49
Create CRUD for Services Part 4
04:24

Backend Project Setup

4 lectures
Create CRUD for Project Part 1
12:54
Create CRUD for Project Part 2
23:22
Create CRUD for Project Part 3
13:42
Create CRUD for Project Part 4
03:03

Backend Courses Setup

3 lectures
Create CRUD for Courses Part 1
01:33
Create CRUD for Courses Part 2
12:46
Create CRUD for Courses Part 3
17:09

Backend Home Page Setup

3 lectures
Create CRUD for Home Page Part 1
16:06
Create CRUD for Home Page Part 2
07:54
Create CRUD for Home Page Part 3
11:17

Backend Client Review Setup

3 lectures
Create CRUD for Client Review Part 1
10:17
Create CRUD for Client Review Part 2
07:28
Create CRUD for Client Review Part 3
13:13

Backend Footer Setup

2 lectures
Create CRUD for Footer Part 1
06:51
Create CRUD for Footer Part 2
14:14

Backend Charts Setup

5 lectures
Create CRUD for Charts Part 1
05:18
Create CRUD for Charts Part 2
09:31
Get Contact Form Data
13:00
Thank You
00:13
What is coming next ?
00:24

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi