تعلم تصميم واجهات المواقع والتطبيقات بواسطة رياكت في فيديو واحد
Nour Homsi
View ChannelAbout
تقدّم القناة دروسا في التصميم الاعلاني و تصميم الويب بالاضافة إلى مختلف مجالات التكنولوجيا بدأت هذه القناة من فكرة بسيطة، هي نشر الوعي التكنولوجي في المجتمع العربي. و الآن تتوسع القناة لتصل إليكم جميعا 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.
Latest Posts
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
Upgrade Your Everyday
AI-recommended products based on this video

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

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

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

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

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

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 (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
![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](https://m.media-amazon.com/images/I/61nNNMI1cFL._AC_UL960_FMwebp_QL65_.jpg)
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
![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](https://m.media-amazon.com/images/I/6105jZyXyPL._AC_UL960_FMwebp_QL65_.jpg)
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

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

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

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

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

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

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

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

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

Barnyard Designs Indoor Herb Garden Planter Set with Tray, Metal Windowsill Plant Pots with Drainage for Outdoor or Indoor Plants, Set/3 (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)
![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]](https://m.media-amazon.com/images/I/61PnVkv6KKL._AC_UL960_FMwebp_QL65_.jpg)
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]
![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](https://m.media-amazon.com/images/I/815keamN-BL._AC_UL960_FMwebp_QL65_.jpg)
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

