React JS Course Instructor
Algorithm Academy
قناة عربية تقدم دورات و دروس ( نظرية / تطبيقية ) في مجال البرمجة ( الويب / الموبايل قريبا ).
Course Details
- No Of Lessons 52
- Duration 5h 15m
- Language Arabic
- No Of Students 9
- Prerequisite JavaScript Essentials
-
(1)
- Get course free
Sign in the course to get a certificate
React JS Course Lessons
- 1 | #01 - مقدمة الدورة 00:05:14
- 2 | #02 - ما هو الـ virtual DOM 00:06:54
- 3 | #03 - ما هو الـ components & JSX 00:04:43
- 4 | #04 - ما هو الـ SPA 00:01:53
- 5 | #05 - إنشاء اول تطبيق بإستخدام الـ react.js 00:06:06
- 6 | #06 - شرح الـ ES6 let & const 00:06:18
- 7 | #07 - شرح الـ ES6 arrow functions 00:07:50
- 8 | #08 - شرح الـ ES6 exports & imports 00:02:49
- 9 | #09 - شرح الـ ES6 Classes 00:02:56
- 10 | #10 - شرح الـ ES6 spread & rest operators 00:05:39
- 11 | #11 - شرح الـ ES6 Destructing 00:04:20
- 12 | #12 - شرح الـ React Build Workflow 00:02:21
- 13 | #13 - إنشاء تطبيق رياكت بإستخدام اداة create-react-app (الطريقة الموصى بها) 00:03:57
- 14 | #14 - شرح بنية التطبيق App Structure 00:05:16
- 15 | #15 - فهم أساسيات المكونات understanding component basics 00:11:08
- 16 | #16 - فهم الـ JSX و بعض القواعد الخاصة بها understanding JSX 00:03:37
- 17 | #17 - شرح الـ props و طريقة إنشاء مكونات ديناميكية Props & dynamic components 00:09:41
- 18 | #18 - شرح الـ state 00:06:32
- 19 | #19 - مقارنة بين الـ state و الـ props 00:04:34
- 20 | #20 - معالجة الاحداث handling events 00:07:33
- 21 | #21 - تعديل الـ state 00:04:42
- 22 | #22 - تمرير الدوال كـ props 00:05:17
- 23 | #23 - مقارنة بين الـ stateful component و الـ stateless component 00:03:42
- 24 | #24 - تنسيق مكونات الـ react (الطريقة الأولى) stylesheets files 00:04:02
- 25 | #25 - تنسيق مكونات الـ react (الطريقة الثانية) inline styles 00:03:20
- 26 | #26 - التعامل مع الشرط (condition) في رياكت الجزء اﻷول 00:03:43
- 27 | #27 - التعامل مع الشرط (condition) في رياكت الجزء الثاني 00:06:56
- 28 | #28 - طرق أخرى لكتابة الشرط (condition) 00:04:13
- 29 | #29 - التعامل مع القوائم Lists & keys 00:12:28
- 30 | #30 - تنسيق المكونات في رياكت - inline styling 00:03:03
- 31 | #31 - تنسيق المكونات في رياكت - css stylesheets 00:04:35
- 32 | #32 - تنسيق المكونات في رياكت - css modules 00:03:52
- 33 | #33 - تنسيق المكونات في رياكت - styled-components 00:03:55
- 34 | #34 - تصحيح الأخطاء - Debugging الجزء الأول 00:05:27
- 35 | #35 - تصحيح الأخطاء - Debugging الجزء الثاني 00:07:12
- 36 | #36 - أداة React Developer Tools 00:05:36
- 37 | #37 - دورة حياة المكون في رياكت - life-cycle of component 00:02:51
- 38 | #38 - دورة حياة المكون في رياكت - constructor 00:13:48
- 39 | #39 - دورة حياة المكون في رياكت - render 00:04:38
- 40 | #40 - دورة حياة المكون في رياكت - componentDidMount 00:03:37
- 41 | #41 - دورة حياة المكون في رياكت - componentWillUnmount 00:05:40
- 42 | #42 - دورة حياة المكون في رياكت - componentDidUpdate & ShouldComponentUpdate 00:07:41
- 43 | #43 - دورة حياة المكون في رياكت - getDerivedStateFromProps 00:04:15
- 44 | #44 - شرح الـ Rendering Adjacent JSX 00:04:15
- 45 | #45 - شرح الـ Fragment 00:04:15
- 46 | #46 - شرح الـ HOC Higher Order Component 00:22:34
- 47 | #47 - شرح التحقق من نوع الـ props 00:04:10
- 48 | #48 - شرح الـ Refs 00:04:08
- 49 | #49 - شرح الـنماذج في رياكت Forms in react 00:15:08
- 50 | #50 - مقدمة إلى الـ Formik 00:03:12
- 51 | #51 - التعامل مع مكتبة الـ Formik 00:11:42
- 52 | #52 - التعامل مع الـ axios لتنفيذ طلبات أجاكس 00:11:47
Students Reviews
5/5
( 1 )
Some Reviews
y
youtube
08-07-2023