Web Design with React

UI User Interface Library

4.3(91)9h 42m34 lectures6 sections

What you'll learn

Understand React library fundamentals
Create interactive components
Manage state and props efficiently
Design dynamic web applications
Use Hooks in React
Master building interactive UIs

About this course

React JS is a JavaScript library designed to help developers build user interfaces for web applications, featuring a wide array of components like menus, search bars, buttons, and anything else users interact with on a website. Before React JS, developers manually used JavaScript without libraries or relied on weaker libraries like jQuery, leading to longer development times and increased chances for errors. In this course, we will explore everything about React JS from the ground up to mastery.

Expected outcomes

Deep understanding of React concepts with practical application.
Ability to create interactive and modern web applications.
Mastery of tools like JSX, Hooks, and components.
Build a final project that reflects the skills acquired during the course.

Course content

Introduction to React

4 lectures

Using JSX with React

6 lectures

Explanation of JSX and Babel Compiler24:07
Simple Practical Application5:25
Handling Values15:23
Handling Style and Properties24:13
Adding Custom Style to Elements14:48
Practical Application21:39

Component

14 lectures

What is the Component?29:53
Code Modification for the New Update5:21
Embedding the Component with the Previous Practical Application11:09
Handling the Model and Explaining Import and Export25:52
Practical Application on the Model10:19
Explanation of Props24:48
Practical Application on Props33:17
Using React DevTools15:32
Explanation of the Map Method16:24
Practical Application on the Map Method30:47
Explanation of Key Functions Used19:17
Explanation of Arrow Function10:19
Controlling Display Through Conditions19:56
Practical Application12:15

Explaining Hooks

5 lectures

Introduction to State12:53
Explaining the UseState Hook29:29
Practical Application17:00
Event Handling12:56
Working with Forms19:01

Final Project

4 lectures

Stage One25:34
Stage Two8:01
Stage Three10:31
Stage Four21:31

Extensions

1 attachments

Download Final Project Files

Instructor

Eng. Amr Abdel Fattah

Computer systems engineer specializing in mobile app and website development, with experience in creating popular platforms and web applications.

7,111 students20 courses

Related courses

4.9(77)|1,003|2h 42m
Microsoft Access
Learn to Create Databases and Reports
Ahmed Hassan Khamis
$19.99
Start your journey now
4.4(82)|716|16h 18m
Key Logger Spyware Design
Spyware Design Using C++ Language
Eng. Mohamed Ali Mansour
$19.99
Start your journey now
4.7(74)|2,667|17h 30m
Adobe Animate & Action Script
Learn to Create Cartoon Films and Interactive Games
Ahmed Hassan Khamis
$19.99
Start your journey now
4.4(90)|864|12h 40m
Deep Learning
Simulating the Human Mind in Thinking
Eng. Amr Abdel Fattah
$25.99
Start your journey now