Create Websites with REACT, Bootstrap5, ANIME JS, SWIPER JS

Focused View

Supriyo Kundu

9:41:25

56 View

1. Introduction

1. Introduction.mp4

02:40

2. PSD to REACT Website - Slider Section

1. Slider Part 1.mp4

19:59

2. Slider Part 2.mp4

16:09

3. Slider Part 3 Overlay and Call to Action Buttons.mp4

11:38

4. Creating Animated Slider.mp4

17:59

5. Custom Slider Navigation and Pagination.mp4

17:14

6. Zooming Background Ken Burn Effect.mp4

09:24

7. Call to Action Buttons Hover Effects.mp4

08:47

3. PSD to REACT Website - Header Section

1. Header Prep work.mp4

06:28

2. Fixed Header.mp4

03:50

3. Custom Bootstrap Header Markup and Styling.mp4

26:29

4. Challenge Adding Social Icons to Header.mp4

01:45

5. Solution Adding Social Icons to Header.mp4

17:48

4. PSD to REACT Website - React Routing

1. Routing Flow.mp4

04:38

2. Implementing Routing.mp4

17:51

5. PSD to REACT Website - Power Section & Creating our Store using REDUX TOOLKIT

1. Power Markup.mp4

08:40

2. Creating our Store using REDUX TOOLKIT.mp4

23:51

3. Retrieving Store Information.mp4

09:20

4. Adding Styles to Power Section.mp4

12:40

6. PSD to REACT Website - FIELDS Section and Field Single Page

1. Fields Part 1.mp4

13:05

2. Fields Part 2.mp4

11:07

3. Adding Styles to Fields Section.mp4

09:04

4. Adding Fields to Routing.mp4

03:27

5. Conditional Header Background Rendering for Home Page and Other inner Pages.mp4

06:10

6. Field Single Part 1 Read More.mp4

08:48

7. Field Single Part 2.mp4

12:04

8. Acknowledgement of Two issues.mp4

03:14

9. Solving Logo Issue - Concept of Absolute Path and Relative Path.mp4

03:29

10. Solving Image Disappearing Issue.mp4

05:32

7. PSD to REACT Website - Doctoral & Class Section

1. Doctoral Part 1 Left Part.mp4

12:55

2. Class Section.mp4

25:05

8. PSD to REACT Website - Newsletter and Awards Section

1. Newsletter Part 1.mp4

16:44

2. Newsletter Part 2.mp4

05:56

3. Awards Part 1.mp4

13:11

9. PSD to REACT Website - Contact & Map Section (Geolocation)

1. Contact Part 1.mp4

12:04

2. Contact Part 2 Custom Dropdown Arrow Part 1.mp4

09:00

3. Contact Part 2 Custom Dropdown Arrow Part 2 (using arrow keys).mp4

16:48

4. Contact Part 2 Custom Dropdown Arrow Part 3 (using Pseudo Element).mp4

13:44

5. Map Part 1 Geolocation Project.mp4

14:35

6. Map Part 2 Geolocation Project.mp4

11:32

10. PSD to REACT Website - Working with Forms & Form Validation in React

1. Form Part 1.mp4

24:06

2. Form Part 2.mp4

09:53

3. Form Part 3 Styling our Form.mp4

06:15

4. How to Work with Form Validation.mp4

25:26

11. PSD to REACT Website - Subscribe Section and Footer

1. Subscribe Part 1.mp4

10:57

2. Subscribe Part 2.mp4

09:04

3. Footer Section.mp4

31:00

Description

Learn working with STATE Management, REACT Routing, Dynamic Rendering, Geolocation,SWIPER JS,ANIME JS doing Real Project

What You'll Learn?

You will be able to Create Wonderful Websites with Awesome Features using REACT JS
You will Learn Working with Efficient State Management in REACT using REDUX TOOLKIT
You will Learn Rendering Same Component Differently in Various Places ( Homepage and other inner Pages )
You will Learn doing FORM VALIDATION in REACT
You will Learn working with Modern Technologies like SWIPER JS , ANIME JS , Bootstrap 5
You will Learn working with REACT ROUTER which is handy for creating SPA ( Single Page Applications )
You will Learn working with GEOLOCATION in React
You will be able to Create Awesome Layouts using the Layout Challenges and Ideas that we will Implement in this various sections of this website
You will Learn Creating Amazing Animated Slider with KEN BURN Effect for free (No Paid Plugins being used here)

Who is this for?

If you want to Create Awesome Websites with Amazing Features using React JS , this Course is for You

If you want to Learn Efficient State Management in REACT , this Course is for You

If you want to Learn Conditional Rendering of Components , this Course is for You

If you want to Learn Form Validation , Working with REACT ROUTER , this Course is for You

If you want to Learn working with Modern Technologies like SWIPER JS, ANIME JS, Bootstrap 5 , this Course is for You

If you want to Learn working with GEOLOCATION in REACT , this Course is for You

If you want to Learn CreatIng Amazing Layouts, this Course is for You

What You Need to Know?

Having basic knowledge of HTML , CSS , Javascript is required

More details

Description
Hi,
Do you want to Create an AWESOME WEBSITE using REACT JS with Tonnes of AMAZING Features ?
OR
Do you want to Learn REACT JS while Converting a BEAUTIFUL PSD Template to Modern Professional REACT Website .
I Believe in LEARNING with HANDS-On-PROJECT
Here in this Course , we are going to Convert an Education PSD Template to REACT Website.
The Website that we are going to create has some amazing Features as listed below :

Animated SLIDER with KEN BURN Effect (No paid plugins being used to create this slider)
Dynamic HEADER - Rendering Differently in HOMEPAGE and other INNER PAGES
CONDITIONAL RENDERINGÂ of same SECTIONS(Components) differently in HOMEPAGE and its MAIN Inner Page
Efficient STATE MANAGEMENTÂ using REDUX TOOLKIT and REACT REDUX
Working with MODERN TECHNOLOGIES like SWIPER JS, ANIME JS , BOOTSTRAP 5
Working with REACT ROUTER 6+
Working with FORM VALIDATION in REACT
Working with REACT GEOLOCATION
Implementation of Different Kind of LAYOUTS
Everything is explained in Detail and also if you have any issue understanding some Concept , feel free to let me know via Q/A section or you can even message me .
If you want to Learn Creating Amazing Awesome Websites in React for yourself or for your Clients , this Course is for you .
So why waiting , enroll now and take your first step to Master Converting PSD to REACT Website .
Who this course is for:
If you want to Create Awesome Websites with Amazing Features using React JS , this Course is for You
If you want to Learn Efficient State Management in REACT , this Course is for You
If you want to Learn Conditional Rendering of Components , this Course is for You
If you want to Learn Form Validation , Working with REACT ROUTER , this Course is for You
If you want to Learn working with Modern Technologies like SWIPER JS, ANIME JS, Bootstrap 5 , this Course is for You
If you want to Learn working with GEOLOCATION in REACT , this Course is for You
If you want to Learn CreatIng Amazing Layouts, this Course is for You

User Reviews

Rating

average 0

Total votes0

Focused display

Hi ,My name is Supriyo . I am a Computer Science Engineer .I have equal passion for both Programming and Designing. Areas of Knowledge : Photoshop , Illustrator , Web Design , Web Development , Wordpress , Elementor.I help students to grow their Designing and Programming skills , be it Design Effects or Retouching or Photo Manipulation or Animations or Website Design (Design and coding both) etc .Currently , My courses have over 100000 Awesome Students and they also love me :)

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.