Create Websites With React, Bootstrap5, Anime Js, Swiper Js

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)

Requirements

Having basic knowledge of HTML , CSS , Javascript is required

Description

Hi,Do you want to Create an AWESOME WEBSITE using REACT JS with Tonnes of AMAZING Features ?ORDo you want to Learn REACT JS while Converting a BEAUTIFUL PSD Template to Modern Professional REACT Website .I Believe in LEARNING with HANDS-On-PROJECTHere 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 PAGESCONDITIONAL RENDERING of same SECTIONS(Components) differently in HOMEPAGE and its MAIN Inner PageEfficient STATE MANAGEMENT using REDUX TOOLKIT and REACT REDUXWorking with MODERN TECHNOLOGIES like SWIPER JS, ANIME JS , BOOTSTRAP 5Working with REACT ROUTER 6+Working with FORM VALIDATION in REACTWorking with REACT GEOLOCATIONImplementation 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 .

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: PSD to REACT Website - Slider Section

Lecture 2 Slider : Part 1

Lecture 3 Slider : Part 2

Lecture 4 Slider : Part 3 : Overlay and Call to Action Buttons

Lecture 5 Creating Animated Slider

Lecture 6 Custom Slider Navigation and Pagination

Lecture 7 Zooming Background : Ken Burn Effect

Lecture 8 Call to Action Buttons Hover Effects

Section 3: PSD to REACT Website - Header Section

Lecture 9 Header Prep work

Lecture 10 Fixed Header

Lecture 11 Custom Bootstrap Header : Markup and Styling

Lecture 12 Challenge : Adding Social Icons to Header

Lecture 13 Solution : Adding Social Icons to Header

Section 4: PSD to REACT Website - React Routing

Lecture 14 Routing Flow

Lecture 15 Implementing Routing

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

Lecture 16 Power Markup

Lecture 17 Creating our Store using REDUX TOOLKIT

Lecture 18 Retrieving Store Information

Lecture 19 Adding Styles to Power Section

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

Lecture 20 Fields : Part 1

Lecture 21 Fields : Part 2

Lecture 22 Adding Styles to Fields Section

Lecture 23 Adding Fields to Routing

Lecture 24 Conditional Header Background Rendering for Home Page and Other inner Pages

Lecture 25 Field Single : Part 1 : Read More

Lecture 26 Field Single : Part 2

Lecture 27 Acknowledgement of Two issues

Lecture 28 Solving Logo Issue - Concept of Absolute Path and Relative Path

Lecture 29 Solving Image Disappearing Issue

Section 7: PSD to REACT Website - Doctoral & Class Section

Lecture 30 Doctoral : Part 1 : Left Part

Lecture 31 Class Section

Section 8: PSD to REACT Website - Newsletter and Awards Section

Lecture 32 Newsletter : Part 1

Lecture 33 Newsletter : Part 2

Lecture 34 Awards : Part 1

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

Lecture 35 Contact : Part 1

Lecture 36 Contact : Part 2 : Custom Dropdown Arrow : Part 1

Lecture 37 Contact : Part 2 : Custom Dropdown Arrow : Part 2 (using arrow keys)

Lecture 38 Contact : Part 2 : Custom Dropdown Arrow : Part 3 (using Pseudo Element)

Lecture 39 Map : Part 1 : Geolocation Project

Lecture 40 Map : Part 2 : Geolocation Project

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

Lecture 41 Form : Part 1

Lecture 42 Form : Part 2

Lecture 43 Form : Part 3 : Styling our Form

Lecture 44 How to Work with Form Validation

Section 11: PSD to REACT Website - Subscribe Section and Footer

Lecture 45 Subscribe : Part 1

Lecture 46 Subscribe : Part 2

Lecture 47 Footer Section

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