Mô tả

This React Js With Laravel Build Complete PWA Ecommerce Project 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 want 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 projects included a Complete Ecommerce Website from scratch. I have designed 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 Complete PWA Ecommerce Application I will show this with a 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 a live example. So you will not just learn from this course you will do it.

That will be a straight forward course Coz you will build one complete PWA Ecommerce project with react and laravel from scratch. and it will be one progressive web application.

And remember the practical experience is the best way to let you learn any new programming language. Our Mission is to become you successful.


What is the Best Part of this Course?

  • You will learn React Js Basic Fundamentals

  • You will learn JavaScript Fundamentals [Updated on Nov 21]

  • You will learn Laravel Basic Fundamentals

  • How to Create Rest API

  • Some Essential JavaScript.

  • Create Custom Authentication with React Js and Laravel  Passport.

  • Build One Complete PWA Ecommerce Project.

  • And More...


In 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ì

Yêu cầu

Nội dung khoá học

56 sections

Introduction

7 lectures
Introduction - What You Will Build in this Course.
27:25
Why You Should Learn React Right Now
01:47
How I Design This Course - Important Note.
06:03
My Mission For You
01:23
Stay In Touch With Me
01:48
Need Your Support
01:20
My All Project Base Courses
01:01

Getting Started with JavaScript Fundamental

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 Operators
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 Fundamental

48 lectures
React JS Fundamental Introduction
02:11
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

Laravel Basic Foundation with Complete Website

72 lectures
Essential Environment Setup
05:27
Laravel Basic Foundation Excise File - Resource
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 Configuration
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 Template Setup Part 1
19:10
Fontend Template 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 Portfolio Section-
11:00
Setup Portfolio 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
Change User Profile Part 1
10:12
Change User Profile Part 2
11:29
How to add Toster in Project
20:12
How to deploy Project in cPanel
15:26
Remove Public from Deploy Project in cPanel
04:11

Create a CRUD Rest API with Laravel and Postman

12 lectures
Restapi (Api,thirdapartapi,Restfullapi) Introduction
02:20
Introduction Of RestAPI Section
04:13
RestAPI API php,Web php,Channels php,Console php
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

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 Configure
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
Laravel Passport Authentication ¦ React Router & Component Setup
19:08
Passport Authentication Login Page
14:01
Other Components
07:47
User Profile Page
05:31
Login Credentials Part 1
16:16
Login Credentials Part 2
07:13
Storage Token
08:31
Login after profile Part 1
10:17
Login after profile Part 2
06:32
Authentication ¦ Profile data-
07:02
Authentication Registration
16:05
Authentication ¦ Logout
12:06
Authentication ¦ Forgot Password Option
13:02
Authentication ¦ Error Showing
10:48
Authentication ¦ Reset Password
15:40
Authentication ¦ Protect Url
05:01

Basic Foundation of PWA

4 lectures
Our Ecommerce Project Strategy
02:36
PWA Introduction
02:40
PWA Background
02:26
PWA Technologies And Characteristics
02:22

Build Complete PWA React Ecommerce Project A-Z

6 lectures
E-commerce Project Preview
27:25
Ecommerce Project Excise File - Download Resources
Processing..
Important Note - Must Check
02:48
Our Ecommerce Project Strategy.
02:11
Tools Which & Why
04:19
Creating New Project User & Admin
13:47

Configure Manifest and Web Push Notification

4 lectures
Configure Manifest JSON Part 1
11:31
Configure Manifest JSON Part 2
16:19
Configure Web Push Notification Part 1
15:19
Configure Web Push Notification Part 2
16:25

React Necessary Configuration

6 lectures
Install starting dependencies and create starting file folder
19:33
Creating Necessary Components For Home
08:26
React Router Update to 6
00:26
Config Routing
13:04
Managing CSS Files
10:13
Managing Transition and Appearing Animation
08:33

Design Home Page

7 lectures
Important Lecture - That You Should Know
02:01
Featured Product Component Part 1
15:10
Featured Product Component Part 2
19:51
Categories Component
16:39
Collection Product Component
11:45
New Arrival Slick Carousel Part 1
14:23
New Arrival Slick Carousel Part 2
11:34

Design Menu Component

11 lectures
Accordion Menu Component Part 1
16:43
Accordion Menu Component Part 2
15:25
Home Big Slider-
11:03
Nav Menu Desktop Part 1
15:50
Nav Menu Desktop Part 2
14:55
Mobile View Menu Part 1
13:27
Mobile View Menu Part 2
17:54
Mobile View Menu Part 3
10:32
Mobile View Menu Part 4
17:06
Mobile View Menu Part 5
09:52
Deploy Real Server And Test
06:28

Design Footer & Other Component

6 lectures
Footer View Desktop Part 1
15:09
Footer View Desktop Part 2
11:38
Footer View Mobile
06:15
User Login Register Component
24:36
Contact page with map
11:25
Other's Page
19:04

Design Product Details & Other Component

7 lectures
Product Details Page Part 1
14:35
Product Details Page Part 2
05:49
Notification Page
17:40
Favorite Items Page
08:57
Update Nave Menu Icon
05:52
Build Deploy And Test
04:06
Multiple language option
11:30

Design Cart List Component

2 lectures
Cart List Part 1
11:24
Cart List Part 2
09:28

Laravel Authentication

3 lectures
Install Laravel Authentication and Config Database
13:42
Create Visitor Details Rest API
18:05
Consume Visitor Details API Form Client
15:14

Create and Consume Contact Rest API

5 lectures
Create Contact Rest API
15:41
Consume Contact Rest API From Client Side Part 1
12:25
Consume Contact Rest API From Client Side Part 2
24:16
Consume Contact Rest API From Client Side Part 3
08:24
Consume Contact Rest API From Client Side Part 4
06:58

Create and Consume Site Info Rest API

8 lectures
Create About Page
06:14
Create Site Info API
15:59
Consume Site Info API in Client Side Part 1
09:58
Consume Site Info API in Client Side Part 2
08:06
Consume Site Info API in Client Side Part 3
15:18
Consume Site Info API in Client Side Part 4
15:03
Consume Site Info API in Client Side Part 5
06:42
Consume Site Info API in Client Side Part 6
18:05

Create and Consume Category and Subcategory Rest API

6 lectures
Create Category and Subcategory Table
17:34
Select Category Subcategory And Make JSON Array
15:04
Consume Category Subcategory API Part 1
15:44
Consume Category Subcategory API Part 2
13:06
Consume Category Subcategory API Part 3
07:35
Consume Category Subcategory API Part 4
08:27

Create and Consume Product List Rest API

9 lectures
Create Product List API Part 1
19:13
Create Product List API Part 2
11:59
Consume Product List API Part 1
23:10
Consume Product List API Part 2
08:45
Consume Product List API Part 3
08:20
Create Product List API
16:41
Consume Product List API Part 1
11:19
Consume Product List API Part 2
13:22
Consume Product List API Part 3
08:01

Create and Consume Home Slider Rest API

3 lectures
Create API For Home Slider
10:02
Consume API For Home Slider
08:57
Consume API For Home Slider for Mobile
07:09

Managing Loader Placeholder

5 lectures
Managing Loader Placeholder Part 1
12:51
Managing Loader Placeholder Part 2
09:56
Managing Loader Placeholder Part 3
09:27
Managing Loader Placeholder Part 4
06:44
Managing Loader Placeholder Part 5
06:40

Create and Consume Product Details Rest API

9 lectures
Create Product Details API Part 1
16:27
Create Product Details API Part 2
12:18
Consume Product Details API Part 1
13:04
Consume Product Details API Part 2
12:33
Consume Product Details API Part 3
23:38
Consume Product Details API Part 4
14:17
Consume Product Details API Part 5
15:12
Consume Product Details API Part 6
08:54
Remove Underline from Link Route
06:48

Create and Consume Notification Rest API

4 lectures
Create Notification History API
11:13
Consume Notification History API Part 1
10:03
Consume Notification History API Part 2
11:39
Routing Update With Key
08:45

Setup Breadcrumbs Navigation

2 lectures
Breadcrumbs Navigation Part 1
11:39
Breadcrumbs Navigation Part 2
14:10

Create and Consume Search Rest API

4 lectures
Create Search APi
08:50
Consume Search API Part 1
11:22
Consume Search API Part 2
15:37
Consume Search API Part 3
06:49

Design Login And Register Authentication Pages

5 lectures
Ecommerce Project Authentication
05:54
Design Login and Register Page
16:08
Design Forget Password And Reset Page
16:12
Design User Profile Page
07:00
Fixed Bugs For TopBar Menu
02:44

Laravel Passport Authentication

17 lectures
Laravel passport Authentication Passport Install
12:55
Create User Login Authentication Api Part 1
16:39
Create User Login Authentication Api Part 2
17:19
Create User Login Authentication Api Part 3
11:10
Create User Login Authentication Api Part 4
05:57
Consume User Authentication Login Credentials Part 1
14:55
Consume User Authentication Login Credentials Part 2
13:08
Consume User Authentication Login after profile Part 1
12:29
Consume User Authentication Login after profile Part 2
08:58
Consume User Authentication Registration
11:09
Fixed Login Bugs
12:54
Update Top Bar Menu
07:26
Consume User Authentication Logout
02:41
Consume User Authentication Forgot Password Option
09:33
Consume User Authentication Error Showing
08:07
Consume User Authentication Reset Password
16:50
Consume User Authentication Protect Url
06:31

Product Image Zoom Option Setup

3 lectures
Product Image Zoom Part 1
08:31
Product Image Zoom Part 2
11:03
Update Image Position with CSS
02:25

Related Product Suggest Option Setup

4 lectures
Related Product Suggest Part 1
07:53
Related Product Suggest Part 2
18:31
User Review Show Part 1
12:50
User Review Show Part 2
17:48

Add To Cart Option Setup

8 lectures
Add To Cart Part 1
09:41
Add To Cart Part 2
20:40
Add To Cart Part 3
14:21
Add To Cart Part 4
12:06
Add To Cart Part 5
21:01
Product Cart Count Part 1
05:06
Product Cart Count Part 2
14:26
Fixed Issues In Cart Count
03:32

Add To Favorite Option Setup

7 lectures
Add To Favorite Part 1
11:46
Add To Favorite Part 2
17:04
Add To Favorite Part 3
03:17
Add To Favorite Part 4
12:14
Remove Item From Favorite Part 1
03:44
Remove Item From Favorite Part 2
16:24
Protect Favorite url
02:20

Cart List and Cart Item Option Setup

11 lectures
Cart List Part 1
06:23
Cart List Part 2
17:09
Cart Item Remove Part 1
03:18
Cart Item Remove Part 2
12:30
Cart Item Plus Minus Part 1
08:20
Cart Item Plus Minus Part 2
12:12
Design Cart List Confirm Order Page
08:48
Cart List Confirm Order Part 1
09:33
Cart List Confirm Order Part 2
24:50
Cart List Confirm Order Part 3
16:52
Cart List Confirm Order Part 4
18:20

Product Order History Option Setup

3 lectures
Product Order History Part 1
04:16
Product Order History Part 2
14:55
Product Order History Part 3
05:06

Product Review Option Setup

5 lectures
Update Profile Page
13:19
Post Product Review Part 1
09:30
Post Product Review Part 2
12:48
Post Product Review Part 3
29:53
Post Product Review Part 4
06:07

Other Options Setup

2 lectures
Order Now Option
11:13
Protect URL
06:25

Backend Admin Panel Setup

6 lectures
Before Start This Section
04:34
Setup Admin Theme
16:24
Dashboard Page Segmentation
07:19
Refreach Admin Template
08:47
Admin Logout Option
07:48
Customize Login Form
16:17

Backend Admin Profile Setup

5 lectures
Admin Profile & Image Update Part 1
13:27
Admin Profile & Image Update Part 2
12:11
Admin Profile & Image Update Part 3
13:41
Admin Profile & Image Update Part 4
16:59
Adding Toster In For View Message
05:34

Backend Change Password Setup

2 lectures
Admin Profile Change Password Part 1
11:34
Admin Profile Change Password Part 2
15:27

Backend Store Category Setup

8 lectures
Get Category All Data Part 1
11:33
Get Category All Data Part 2
07:51
Install Image intervention Package
04:11
Add Store Category Part 1
09:59
Add Store Category Part 2
18:17
Edit Store Category
09:23
Update Store Category
10:41
Delete Store Category
08:20

Backend Store Sub Category Setup

5 lectures
Get Sub Category All Data
16:01
Add Store Sub Category
06:42
Edit Store Sub Category
10:33
Update Store Sub Category
05:56
Delete Store Sub Category
03:51

Backend Store Slider Setup

4 lectures
Get Slider All Data
10:03
Add Store Slider -
07:05
Edit Update Store Slider
08:25
Delete Store Slider
03:51

Backend Store Product Setup

8 lectures
Get Product All Data
09:36
Create Custom Paginations
15:39
Add Store Product Part 1
09:24
Add Store Product Part 2
30:39
Add Store Product Part 3
11:43
Add Store Product Part 4
21:37
Edit Store Product Part 1
15:16
Edit Store Product Part 2
07:44

Backend Store Contact Data Setup

2 lectures
Get Contact Data Part 1
08:00
Get Contact Data Part 2
03:16

Backend Store Review and Site Setting

3 lectures
Get Review Data
06:26
Get Site Infos Part 1
21:13
Get Site Infos Part 2
12:29

Backend Store Product Order Setup

6 lectures
Get Product Order Part 1
16:39
Get Product Order Part 2
05:42
Get Product Order Part 3
10:46
Get Product Order Part 4
14:34
Get Product Order Part 5
16:01
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?

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.