This lesson is sponsored by Hostinger, you can use the discount coupon or the link to get a special discount for the channel:
Copoun: NOURHOMSI
Aff-Link: www.hostinger.ae/nourhomsi
-------------------------------------
Lessons mentioned in the introduction:
how to learn programming in 2022-2023
• تحديث كيف تبدأ تعلم ال...
Websites and applications with React in one video
• تعلم تصميم واجهات المو...
All about the new javascript 2015
• #01 - كل شيء عن جافا س...
Learn HTML and CSS step by step Complete Course
• تعلم HTML و CSS خطوة ب...
All You Should Know About Domain and Hosting
• كيف ارفع ملفات الموقع ...
-------------------------------------
Course index:
00:00:00 Introduction to the course
00:02:45 Hostinger Course Sponsorship
00:07:30 What are we going to learn
00:09:00 Lesson Requirements
00:10:30 Preparing the environment
00:14:30 Browsing the files
00:19:20 Update to the new React 18
Basic concepts
00:26:55 Component concept and component creation
00:30:10 Inclue Bootstrap
00:34:00 Building the layout with components
00:41:00 What are Props in React
00:45:45 Building a component that contains information
Building the Header
00:48:30 Build the main menu
00:56:30 Adding a component to the main menu
01:00:00 Build the Hero section
01:06:30 CSS Variables
01:15:00 Google Fonts
01:18:30 Building the Container
01:21:00 Reorganizing the folders
Building sections of the site
01:28:00 Section: Most Popular
01:34:00 Styling in React
01:42:00 Create a separate component and format it completely
01:51:00 Using the React icon library
02:02:00 Rebuild the folders based on components
02:10:00 Managing data with array map
02:20:00 Reusing components in all sections
02:36:00 Building the footer
02:38:00 Designing the Button in React
Pages and Routing in React
02:45:00 Concept of pages in React
02:47:00 Rebuild the folders
02:54:00 Routing in React
Upload the site to the Internet
03:04:00 How hosting on Hostinger works
03:11:00 Npm run build
03:14:00 React basename
03:17:30 React tutorials on Hostinger
03:20:00 Final retouch and website acceleration
03:34:00 Final conclusion