تعلم تصميم واجهات المواقع والتطبيقات بواسطة رياكت في فيديو واحد

Nour Homsi October 15, 2020
Video Thumbnail
Nour Homsi Logo

Nour Homsi

View Channel

About

تقدّم القناة دروسا في التصميم الاعلاني و تصميم الويب بالاضافة إلى مختلف مجالات التكنولوجيا بدأت هذه القناة من فكرة بسيطة، هي نشر الوعي التكنولوجي في المجتمع العربي. و الآن تتوسع القناة لتصل إليكم جميعا I am Nour Homsi an Art Director with a more than 13 years of experience. My interests lie in designing and branding new material. I am specialised in printing, publishing and packaging. Moreover, I am as well specialised in front end web design, user experience and creating identities. Throughout my career, I have worked with companies of all shapes and sizes that enriched my experience.

Video Description

جميع ملفات الدورة عبر الرابط الآتي: https://1designer.org/uploads/learn-react-files.zip يّقَدَّم لكم هذا الكورس برعاية هوستينجر لحجز الدومينات والاستضافة: رابط الصفحة بالإنكليزية: https://www.hostg.xyz/SH4KR رابط الصفحة بالعربية: https://www.hostg.xyz/SH455 كوبون الخصم: nourhomsi ---------- فهرس المحتويات ------------- 03:00 لماذا رياكت 03:53 مثال واقعي عن فيسبوك 08:52 لماذا رياكت مكتبة هامة جدا 10:02 كم من الوقت أحتاج لتعلم رياكت 11:10 ماذا يجب أن تتعلم قبل رياكت 12:41 تحضير بيئة العمل 14:47 إنشاء الملفات 21:23 تحليل ودراسة الملفات 23:43 شرح ملف index.html 25:17 شرح ملف index.js 29:18 ترتيب، تجهيز وتنظيف بيئة العمل 32:28 كتابة المكوّّن الأول 35:56 شرح لكل ما سبق بالتفصيل 37:44 استيراد المكتبات 41:33 شرح كتابة JSX بالتفصيل 46:12 ما هي المكوّنات 50:43 تداخل المكوّنات 55:33 الستايل والتنسيقات 57:09 الستايل المباشر 01:01:24 الستايل الداخلي 01:02:44 الستايل الخارجي 01:05:48 استيراد Bootstrap 01:11:27 إعلان هوستينجر 01:11:41 الوظيفة الأولى - تصميم قائمة 01:12:22 حل الوظيفة وتطبيق 01:16:34 كتابة جافاسكريبت داخل JSX 01:24:17 النمذجة الحرفيّة Literal Template 01:28:27 الوظيفة الثانية - الستايل الشرطي 01:29:32 الخصائص Props - المفهوم النظري 01:31:37 كتابة مكون قابل لإعادة الاستخدام 01:34:47 تطبيق إعادة استخدام المكوّنات 01:36:09 تطبيق مفهوم الخصائص 01:39:29 تمرير الخصائص المتعددة 01:41:24 إضافة الصور عن طريق الخصائص 01:43:10 إعادة استخدام المكوّن 01:43:38 إضافة بعض التنسيق للمشروع 01:44:15 إصلاح بعض الأخطاء في المشروع 01:47:25 تدريب عملي لكل ما سبق 01:51:17 استحضار البيانات من JSON 01:55:45 الوظيفة الثالثة - بناء صفحة فريق العمل 01:57:29 حل الوظيفة 01:58:13 حل الوظيفة - إنشاء الملفات 02:03:43 حل الوظيفة - اضافة الستايل 02:08:29 حل الوظيفة - إدراج المعلومات 02:10:44 حل الوظيفة - ربط الصور 02:13:22 حل الوظيفة - الستايل الشرطي 02:16:28 وظيفة إضافية 02:17:18 حل الوظيفة - إضافة بعض الاحترافيات 02:25:56 إضافة تعديلات جافاسكريبت الجديدة 02:27:50 إعلان هوستينجر 02:28:01 تحضير بيئة العمل 02:30:27 الفرق بين Class و Function 02:33:17 تدريب عملي 02:34:50 استيراد المكوّنات 02:36:03 استيراد الملفات 02:37:42 المتغيرات والوظائف 02:40:31 تمرير المعلومات 02:43:15 المفهوم النظري 02:44:14 تحضير بيئة العمل 02:46:57 طريقة كتابة الحالات 02:48:44 تطبيق عملي 02:50:11 حل التطبيق العملي 02:53:37 الاستفادة من الحالات 02:55:31 الكتابة الاحترافية 03:02:24 المفهوم النظري 03:03:03 تحضير بيئة العمل 03:04:52 ما هي الأحداث 03:09:02 كتابة الأحداث 03:12:04 تعديل الحالات 03:17:27 مراجعة وتلخيص 03:20:26 الوظيفة النهائية 03:30:00 حل الوظيفة النهائية 03:30:38 تحضير بيئة العمل 03:32:38 إنشاء المصفوفة 03:58:04 عرض المصفوفة الفارغة 03:43:15 استقبال عناصر المصفوفة 03:51:00 مراجعة سريعة 03:56:19 خاتمة ------------------------------------------------------------------------ اشترك في مجموعة المصمم الأول لمناقشة الدروس: fb.com/groups/1designer nourhomsi.com instagram.com/drnourhomsi twitter.com/nourhomsi1 fb.me/drnourhomsi

You May Also Like

Upgrade Your Everyday

AI-recommended products based on this video

Loading...
Amazon Echo Show 8 (newest model), With Spatial Audio, Smart Home Hub, and Alexa, Charcoal

Amazon Echo Show 8 (newest model), With Spatial Audio, Smart Home Hub, and Alexa, Charcoal

(21,817)
149.99
PrimeFREE delivery Saturday, June 14
9K+ bought in past month
Loading...
Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, with Active Noise Cancellation, Adaptive Audio, Transparency Mode, Personalized Spatial Audio, USB-C Charging Case, Wireless Charging, H2 Chip
Best Seller

Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, with Active Noise Cancellation, Adaptive Audio, Transparency Mode, Personalized Spatial Audio, USB-C Charging Case, Wireless Charging, H2 Chip

(26,751)
$118.98$114.22
FREE delivery Fri, Oct 17
10K+ bought in past month
Loading...
Wireless Earbuds, Bluetooth 5.4 Headphones, True Wireless Stereo Earphones with IPX7 Waterproof, Noise Cancelling Mic, Fast Charging and Comfort Fit Ear Buds for Sports/Workouts - Black

Wireless Earbuds, Bluetooth 5.4 Headphones, True Wireless Stereo Earphones with IPX7 Waterproof, Noise Cancelling Mic, Fast Charging and Comfort Fit Ear Buds for Sports/Workouts - Black

(1,741)
$19.99
FREE delivery Sun, Jun 22 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, Personalized Spatial Audio, Sweat and Water Resistant, USB-C Charging Case, H2 Chip, Up to 30 Hours of Battery Life, Effortless Setup for iPhone
Best Seller

Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, Personalized Spatial Audio, Sweat and Water Resistant, USB-C Charging Case, H2 Chip, Up to 30 Hours of Battery Life, Effortless Setup for iPhone

(23,152)
$89.99$83.69
FREE delivery Thu, Sep 4
10K+ bought in past month
Loading...
Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

(38,487)
$199.00$187.32
FREE delivery Fri, Oct 3
10K+ bought in past month
Loading...
Smart Watch for Men/Women, 1.95" AMOLED Fitness Tracker Watches with Bluetooth Calls/Flashlight/100+ Sport Modes Heart Rate/Sleep Monitor Ultra Lightweight Ultrathin Design

Smart Watch for Men/Women, 1.95" AMOLED Fitness Tracker Watches with Bluetooth Calls/Flashlight/100+ Sport Modes Heart Rate/Sleep Monitor Ultra Lightweight Ultrathin Design

(0)
17.99
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
Loading...
Smart Watch for Men Women (Answer/Make Call), 1.96" HD Smartwatch Fitness Activity Tracker, 110+ Sports IP68 Waterproof, Heart Rate/Sleep Monitor/Pedometer/Calories, Fitness Watch for Android iOS

Smart Watch for Men Women (Answer/Make Call), 1.96" HD Smartwatch Fitness Activity Tracker, 110+ Sports IP68 Waterproof, Heart Rate/Sleep Monitor/Pedometer/Calories, Fitness Watch for Android iOS

(550)
24.99
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
100+ bought in past month
Loading...
Apple Watch Series 10 [GPS 46mm case] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band - M/L. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant
Best Seller

Apple Watch Series 10 [GPS 46mm case] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band - M/L. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant

(7,994)
$329.00$296.10
FREE delivery Thu, Jul 3
1K+ bought in past month
Loading...
Apple Watch Series 10 [GPS 42mm case] Smartwatch with Jet Black Aluminium Case with Black Sport Band - S/M. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant
Best Seller

Apple Watch Series 10 [GPS 42mm case] Smartwatch with Jet Black Aluminium Case with Black Sport Band - S/M. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant

(7,993)
$299.00$269.10
FREE delivery Thu, Jul 3
8K+ bought in past month
Loading...
NOCO Boost GB40: 1000A UltraSafe Jump Starter – 12V Lithium Battery Booster Pack, Portable Jump Box, Power Bank & Jumper Cables - for 6.0L Gas and 3.0L Diesel Engines
Best Seller

NOCO Boost GB40: 1000A UltraSafe Jump Starter – 12V Lithium Battery Booster Pack, Portable Jump Box, Power Bank & Jumper Cables - for 6.0L Gas and 3.0L Diesel Engines

(117,789)
$99.95$75.43
FREE delivery Sun, Sep 21
30K+ bought in past month
Loading...
UGREEN Nexode Power Bank 20000mAh 130W Portable Charger 72Wh PD Fast Charging 3-Port USB C Battery Pack with TFT Smart Display for MacBook/iPad/iPhone 16/Samsung S24 and More

UGREEN Nexode Power Bank 20000mAh 130W Portable Charger 72Wh PD Fast Charging 3-Port USB C Battery Pack with TFT Smart Display for MacBook/iPad/iPhone 16/Samsung S24 and More

(1,903)
69.99
PrimeFREE delivery Saturday, June 14
500+ bought in past month
Loading...
ANKER 737 Power Bank, 24,000mAh 3-Port Laptop Portable Charger with 140W Fast Charging, Smart Display, for Outdoor Work, Compatible with iPhone 16/15/14 Series, Vision Pro, Samsung, MacBook, and More

ANKER 737 Power Bank, 24,000mAh 3-Port Laptop Portable Charger with 140W Fast Charging, Smart Display, for Outdoor Work, Compatible with iPhone 16/15/14 Series, Vision Pro, Samsung, MacBook, and More

(13,939)
109.99
FREE delivery Saturday, June 14
9K+ bought in past month
Loading...
VOLTME Portable Charger, Slim 10000mAh 5V/3A Power Bank, USB C in&Out High-Speed Charging Battery Pack, Travel Essentials Dual Output Compatible with iPhone 16 15 14 13 12 Samsung Google iPad etc

VOLTME Portable Charger, Slim 10000mAh 5V/3A Power Bank, USB C in&Out High-Speed Charging Battery Pack, Travel Essentials Dual Output Compatible with iPhone 16 15 14 13 12 Samsung Google iPad etc

(51)
19.99
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
Loading...
Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, with Active Noise Cancellation, Adaptive Audio, Transparency Mode, Personalized Spatial Audio, USB-C Charging Case, Wireless Charging, H2 Chip
Best Seller

Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, with Active Noise Cancellation, Adaptive Audio, Transparency Mode, Personalized Spatial Audio, USB-C Charging Case, Wireless Charging, H2 Chip

(26,751)
$118.98$114.22
FREE delivery Fri, Oct 17
10K+ bought in past month
Loading...
Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, Personalized Spatial Audio, Sweat and Water Resistant, USB-C Charging Case, H2 Chip, Up to 30 Hours of Battery Life, Effortless Setup for iPhone
Best Seller

Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, Personalized Spatial Audio, Sweat and Water Resistant, USB-C Charging Case, H2 Chip, Up to 30 Hours of Battery Life, Effortless Setup for iPhone

(23,152)
$89.99$83.69
FREE delivery Thu, Sep 4
10K+ bought in past month
Loading...
Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

(38,487)
$199.00$187.32
FREE delivery Fri, Oct 3
10K+ bought in past month
Loading...
Bose QuietComfort Bluetooth Headphones, Wireless Headphones with Active Over Ear Noise Cancelling and Mic, Deep Bass, Up to 24 Hours of Playtime, White Smoke

Bose QuietComfort Bluetooth Headphones, Wireless Headphones with Active Over Ear Noise Cancelling and Mic, Deep Bass, Up to 24 Hours of Playtime, White Smoke

(10,961)
249.00
FREE delivery Wednesday, June 11.
1K+ bought in past month
Loading...
Barnyard Designs Indoor Herb Garden Planter Set with Tray, Metal Windowsill Plant Pots with Drainage for Outdoor or Indoor Plants, Set/3 (Black)

Barnyard Designs Indoor Herb Garden Planter Set with Tray, Metal Windowsill Plant Pots with Drainage for Outdoor or Indoor Plants, Set/3 (Black)

(3,684)
26.95
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
100+ bought in past month
Loading...
Eye Contact Web Camera for Desktop Computer – 1080P USB Camera with Microphone & Stand, Center Cam for Laptop or Desktop, Manual Focus, Plug & Play for macOS & Windows(Black)

Eye Contact Web Camera for Desktop Computer – 1080P USB Camera with Microphone & Stand, Center Cam for Laptop or Desktop, Manual Focus, Plug & Play for macOS & Windows(Black)

(96)
37.39
PrimeFREE delivery Saturday, June 14
100+ bought in past month
Loading...
PEHAEL 3+3Pack for iPhone 17 Pro Max Privacy Screen Protector with Camera Lens Protector Full Coverage Anti-Spy Tempered Glass Film 9H Hardness Easy Installation Bubble Free [6.9 inch]

PEHAEL 3+3Pack for iPhone 17 Pro Max Privacy Screen Protector with Camera Lens Protector Full Coverage Anti-Spy Tempered Glass Film 9H Hardness Easy Installation Bubble Free [6.9 inch]

(151,641)
$7.99$6.39
FREE delivery Mon, Sep 29 on $35 of items shipped by Amazon
New on Amazon in past month
Loading...
Ailun 3 Pack Screen Protector for iPhone 16 Pro Max [6.9 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

Ailun 3 Pack Screen Protector for iPhone 16 Pro Max [6.9 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

(362,029)
$7.63
FREE delivery Wed, Aug 20 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
2025 AI Portable Fan Rechargeable, 4 Speeds 6600RPM Strong Airflow, Personal Waist Fan with up to 25H of Working Time, Hands-Free Hanging Neck Fan, Wearable Belt Fan for Camping, Outdoor, Jobsite

2025 AI Portable Fan Rechargeable, 4 Speeds 6600RPM Strong Airflow, Personal Waist Fan with up to 25H of Working Time, Hands-Free Hanging Neck Fan, Wearable Belt Fan for Camping, Outdoor, Jobsite

(1,636)
$19.98
FREE delivery Thu, Jul 3 on $35 of items shipped by Amazon
40K+ bought in past month