React Full Course for Beginners 2024 | Simplified React
12.4 هزار بار بازدید -
11 ماه پیش
-
🚀Access the Full React JS
🚀Access the Full React JS Course - https://www.udemy.com/course/the-ulti...
Complete React JS course by building Real-world projects. In this course, I explain all React concepts from basics to advanced. This is first 3 hour of my ultimate React course.
After completing this course, you will learn how to build fast and quick react applications. First you will create task management application which is used to manage users daily tasks. After that you will create movie website for displaying latest movies details and that details comes from another website. At last, you will create an Advanced e-commerce application with React in which you will learn calling an API, filter, sort, search, routing using react router DOM, pagination, infinite scrolling, user authentication with JWT and also deployment of react application.
Download Resources zip from here - https://drive.google.com/file/d/1rNIw...
🗒️MY FAVORITE TOOLS & GEARS
Height Adjustable Desk - https://amzn.to/42qPZkb
Old Desk in Budget - https://amzn.to/3UlaFbm
Favorite Laptop - https://amzn.to/3OrqmKa
LG Monitor for Productivity - https://amzn.to/3uqA5tv
Silent Keyboard(Loved It) - https://amzn.to/3UjagGv
Mouse & Keyboard Combo - https://amzn.to/3Sq50hs
Extra Large Mouse Pad - https://amzn.to/48Nhcjv
Sony Headphones - https://amzn.to/3HHjYed
Cheap Earphones for Editing - https://amzn.to/48eBykN
Daily Use Laptop Stand - https://amzn.to/3Uj8JQL
Mini Speakers for Consuming Content - https://amzn.to/48YgAaK
Mport X Connector - https://amzn.to/3UoHsML
Mic - https://amzn.to/48eCrtD
3 Color Lightbar - https://amzn.to/42qgaaW
Dual Monitor Stand - https://amzn.to/48Nixa1
Stop Watch for Productivity - https://amzn.to/3Un1RBW
Dotted Diary - https://amzn.to/3vYBWq1
🚀What you will learn in this course:
- How react works
- Why React is so popular
- Understanding of babel & jsx
- Virtual DOM
- Building Components
- Adding Events
- State variables
- Important hooks
- Accessing local storage
- React Strict Mode
- Filtering & Sorting data
- Searching with auto suggestions
- Routing & navigation using most popular library React Router Dom
- Calling APIs
- Handling errors
- Showing Loader functionality
- Managing & Validate the form
- Pagination
- Infinite scrolling
- User Authentication and Authorization with JSON WEB TOKEN which is the very important section
- Calling Protected APIs
- Creating context
- and much more
Overview:
00:00:00 Course Introduction
00:03:26 What is React
00:10:47 Setup Development Environment
00:14:47 Creating React Application
00:18:14 Understanding the React Template
00:25:55 Writing Code from Scratch
00:29:41 Introduction to React Basics
00:30:26 Setting up New Project
00:32:20 Building React Component
00:39:00 Solution of the Exercise
00:40:15 How JSX and Babel works
00:43:29 Adding Elements in React Component
00:47:15 JavaScript Expression in JSX
00:52:04 Setting Elements Attributes
00:56:30 Events in React
00:59:53 React State
01:01:37 What is react hooks
01:03:02 useState in React
01:09:17 Handling user inputs
01:13:24 Mapping Lists
01:16:55 Introduction of Creating Project
01:17:35 Project Overview & Planning
01:20:24 Creating the website layout
01:26:04 Creating Task Form Component
01:29:45 Adding styles for Form Component
01:37:03 Creating Tag Component
01:39:03 Props in React
01:43:32 Building Task List Component
01:49:32 Solution of the Exercise
01:53:40 Building TaskCard Component
02:01:14 Introduction of next section
02:01:52 Form Handling
02:07:25 Shortcut trick to handle form inputs
02:16:03 React Strict Mode
02:18:41 Handling Tag Selection
02:26:37 Display Selected Tag
02:32:21 Display Task Cards
02:39:57 Delete Single Task
02:46:16 Saving tasks in Local Storage
02:49:09 Basics of useEffects hook
02:54:45 Adding fonts in our project
02:56:52 Congratulations…
Social Media Links
🚀COURSES : https://www.udemy.com/user/code-bless...
🤩INSTAGRAM : Instagram: code_blessyou
💙FACEBOOK : Facebook: 100077716056158
🐦TWITTER : Twitter: Code_BlessYou
😎LINKEDIN : LinkedIn: code-bless-you-5b76822b
Complete React JS course by building Real-world projects. In this course, I explain all React concepts from basics to advanced. This is first 3 hour of my ultimate React course.
After completing this course, you will learn how to build fast and quick react applications. First you will create task management application which is used to manage users daily tasks. After that you will create movie website for displaying latest movies details and that details comes from another website. At last, you will create an Advanced e-commerce application with React in which you will learn calling an API, filter, sort, search, routing using react router DOM, pagination, infinite scrolling, user authentication with JWT and also deployment of react application.
Download Resources zip from here - https://drive.google.com/file/d/1rNIw...
🗒️MY FAVORITE TOOLS & GEARS
Height Adjustable Desk - https://amzn.to/42qPZkb
Old Desk in Budget - https://amzn.to/3UlaFbm
Favorite Laptop - https://amzn.to/3OrqmKa
LG Monitor for Productivity - https://amzn.to/3uqA5tv
Silent Keyboard(Loved It) - https://amzn.to/3UjagGv
Mouse & Keyboard Combo - https://amzn.to/3Sq50hs
Extra Large Mouse Pad - https://amzn.to/48Nhcjv
Sony Headphones - https://amzn.to/3HHjYed
Cheap Earphones for Editing - https://amzn.to/48eBykN
Daily Use Laptop Stand - https://amzn.to/3Uj8JQL
Mini Speakers for Consuming Content - https://amzn.to/48YgAaK
Mport X Connector - https://amzn.to/3UoHsML
Mic - https://amzn.to/48eCrtD
3 Color Lightbar - https://amzn.to/42qgaaW
Dual Monitor Stand - https://amzn.to/48Nixa1
Stop Watch for Productivity - https://amzn.to/3Un1RBW
Dotted Diary - https://amzn.to/3vYBWq1
🚀What you will learn in this course:
- How react works
- Why React is so popular
- Understanding of babel & jsx
- Virtual DOM
- Building Components
- Adding Events
- State variables
- Important hooks
- Accessing local storage
- React Strict Mode
- Filtering & Sorting data
- Searching with auto suggestions
- Routing & navigation using most popular library React Router Dom
- Calling APIs
- Handling errors
- Showing Loader functionality
- Managing & Validate the form
- Pagination
- Infinite scrolling
- User Authentication and Authorization with JSON WEB TOKEN which is the very important section
- Calling Protected APIs
- Creating context
- and much more
Overview:
00:00:00 Course Introduction
00:03:26 What is React
00:10:47 Setup Development Environment
00:14:47 Creating React Application
00:18:14 Understanding the React Template
00:25:55 Writing Code from Scratch
00:29:41 Introduction to React Basics
00:30:26 Setting up New Project
00:32:20 Building React Component
00:39:00 Solution of the Exercise
00:40:15 How JSX and Babel works
00:43:29 Adding Elements in React Component
00:47:15 JavaScript Expression in JSX
00:52:04 Setting Elements Attributes
00:56:30 Events in React
00:59:53 React State
01:01:37 What is react hooks
01:03:02 useState in React
01:09:17 Handling user inputs
01:13:24 Mapping Lists
01:16:55 Introduction of Creating Project
01:17:35 Project Overview & Planning
01:20:24 Creating the website layout
01:26:04 Creating Task Form Component
01:29:45 Adding styles for Form Component
01:37:03 Creating Tag Component
01:39:03 Props in React
01:43:32 Building Task List Component
01:49:32 Solution of the Exercise
01:53:40 Building TaskCard Component
02:01:14 Introduction of next section
02:01:52 Form Handling
02:07:25 Shortcut trick to handle form inputs
02:16:03 React Strict Mode
02:18:41 Handling Tag Selection
02:26:37 Display Selected Tag
02:32:21 Display Task Cards
02:39:57 Delete Single Task
02:46:16 Saving tasks in Local Storage
02:49:09 Basics of useEffects hook
02:54:45 Adding fonts in our project
02:56:52 Congratulations…
Social Media Links
🚀COURSES : https://www.udemy.com/user/code-bless...
🤩INSTAGRAM : Instagram: code_blessyou
💙FACEBOOK : Facebook: 100077716056158
🐦TWITTER : Twitter: Code_BlessYou
😎LINKEDIN : LinkedIn: code-bless-you-5b76822b
11 ماه پیش
در تاریخ 1402/05/30 منتشر شده
است.
12,488
بـار بازدید شده