تعلم تصميم واجهات المواقع والتطبيقات بواسطة رياكت في فيديو واحد
جميع ملفات الدورة عبر الرابط الآتي:
1designer.org/uploads/learn-r...
يّقَدَّم لكم هذا الكورس برعاية هوستينجر لحجز الدومينات والاستضافة:
رابط الصفحة بالإنكليزية: www.hostg.xyz/SH4KR
رابط الصفحة بالعربية: 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 خاتمة
------------------------------------------------------------------------
اشترك في مجموعة المصمم الأول لمناقشة الدروس:
groups/1designer
nourhomsi.com
drnourhomsi
nourhomsi1
drnourhomsi
Пікірлер: 393
هذا الدرس هو تجميع للدروس المنفصلة، اذا كنت ترغب بدراسة الدورة ضمن دروس متفرقة يرجى متابعة السلسلة التالية: bit.ly/2JqLuSM
@younes6185
3 жыл бұрын
@Wells Reginald ont opportun que tu es là mon
@younes6185
3 жыл бұрын
@Wells Reginald le plan prix pour le docteur de le plan du commerce 😬
@younes6185
3 жыл бұрын
@Wells Reginald le raisonnement est ce possible d'avoir le raisonnement et je ne peux donc vous demander un petit
@AliAhmad-IT
2 жыл бұрын
استاذ نور ممكن رابط برنامج ال "Hotkey" اذا سمحت؟ ما بعرف اذا سمعت اسمو صح, بس البرنامج الي عم تستخدمو لتثبت نافذة المتصفح فوق كل النوافذ
@canarioiseauxchanteurs7287
2 жыл бұрын
1:49:59
كنت انتظر هذا الكورس. جزاك الله خيرا وجعله في ميزان حسناتك.
أعجبني شرحك وأسلوب تلقينك ورنة صوتك وسهولة فهم دروسك. جزاك الله خيرا يا معلم
@ibrahimsab6335
2 жыл бұрын
هل أنت هندي ؟
@portilloruchira760
2 жыл бұрын
شاهد الفيديو اقرأ الوصف لتحصل على 50 جنيه.kzread.info/dash/bejne/hG2GvM1-kpu2ftY.html
الله يفتح عليك يعني كنت مفتقد جدا اني الاقي المستوى الرائع دا من الشرح وتبسيط المعلومه الله يفتح عليك بالخير يارب
بصراحه يا استاذ نور انت اسم على مسمى جميع محتوياتك مفهومه وشرح مفصل ومبسط وتستحق المتابعه من الجميع
والله احسن من دكتور جامعة... انت جنتل بالتدريس وطريقتك رايقة تحية لحضرتك ويعطيك العافية
@darcaftanmeriem9193
2 жыл бұрын
kzread.info/dron/Z0QNbxBHKd0PWvl21LnCZg.html
جزاك الله خيرا اسلوبك كتير سهل ومميز عن اغلب الدورات الاخري لرياكت
اول مرة اتعامل مع مكتبة react و الله شرحك روعة لم احس ابدا باي صعوبة بالعكس اا لامر سهل و منطقي شكرا لك استاذنا الغالي
يا اخي انت فاهم و محبوب و اسلوبك لطيف و تعلمت منك كووومه كل بداياتي الحلوة بدأت وياك ربي يحفظك و يحفظ حبيبتي سوريا التي انجبتك 😘😘😘 الف رحمة على اهلك و الله يوفقك يا طيب يا ذهب يا ابن الذهب
جمعت بين العلم و التعليم .ما شاء الله
حقسقة روعة يا أخي نور جعلها الله في ميزان حسناتكم ALSB
مبدع كالعادة أستاذ نور ربي يجازيك خير وصحة على كل مجهوداتك
@bv7vd
4 ай бұрын
اخي تنصحني اتعلمه يعني كامل الفيديو شارح كل اللغة؟
المنتاج تبعك حلو وشرحك مبسط و جميل مشكور أستاذ
شكراً جدا استاذى اسأل الله ان يجازيك خيراً وينفع بك ❤
لك جزيل الشكر\\\\ نور الله دربك في الدنيا و الاخرة\\\\\ بجد كنت متابع اعدة محاضرات و شروحات من مصادر مختلفة و لكن انت محاضرات فريد من نوعة و سريع الفهم حتي لو مثلا زول ما عندو اي خلفيات\\\\ حفظك الله
الشهادة لله انت حببتنى فى تكملة تعلم لغة ال php وخصائصها واتمنى انك فى يوم تخصص كورس لعمل موقع كامل لادارة المحتوى
تابعتها و استفدت كثيرا بارك الله فيك اخي و جعلها الله في ميزان حسناتك
@user-wb1qy9bx9e
2 жыл бұрын
مساء جميل كجمال قلبك الطيب
الله يعطيك العافية وشكرا على التلخيص الي باخر الفيديو
الف تحية ليك من الجزائر، مشكور استاذ على مجهوداتك القيمة 💕
@NourHomsi
3 жыл бұрын
شكرا لك
@goldentechdz8525
2 жыл бұрын
خويا فاش نقدرو نخدمو بالمجال فدزاير
الف تحيه مني لشخصك المحترم اني جديد بالقناة ودخلت مجال التصميم جديد وبارك الله فيك على الدروس كلش فادتني
@NourHomsi
3 жыл бұрын
ألف تحية للعراق الجميل
Thank you so much .. I just finished this course (y)
الحمد لله عم شوف الدرس بوقت انتهت الكورونا وصرت عايدته 5 مرات
شكرا جزيلاً لك بارك الله فيك وجزاك الله ألف خير اقديم محتوى احترافي حقيقي
والله كلمات الشكر لا توفيك حقك..شكرا شكرا شكرا على كل معلومة
شكرا كتير الك شرحك فوق الوصف عنجد ... ماكنت افهم الا للقيت شرحك يعطيك العافية يا رب
بحثت كثير عن شرح مثل هذا لم أجده الا عندك
الله يعطيك العافية ويرزقك ويوفقك
جزاك الله خيرا و شكرا على هذا المجهود الرائع زادك الله علمًا ورفعك قدرًا و جعل هذا العلم النافع فى ميزان حسناتك💗
@bilalelemrani
10 ай бұрын
hey friend you are soo good, I was always seeing you in the js course from elezero, and now when I have came here i find you another time
تحياتي وتقديري لحضرتك دكتور نور من اليمن طبعا الكورسات تبعك اكثر من تعينني لدراستي بالجامعه ♥
@mohammed.a7554
3 жыл бұрын
سلام عليكم اخوي قدرت تطبق كل الدوره هذي و ضبط معاك امر create react app
@NourHomsi
3 жыл бұрын
شكرا لك رشيد
@MHhc-du4ei
2 жыл бұрын
@@NourHomsiمن فضلك استاد نور هل تستطيع أن تعمل فيديو عن php و react بشكل عملي. اني ماعم افهم كل شيئ، وهذا الشيئ يودي إلى احباطي وتوقفي عن البرمجة. انا طالب مدرسة في الثانوية في ألمانيا. من فضلك يانور ساعدني.
لا أعلم كيف أعبر لك عن الشكر والإمتنان أستاذي الفاضل جزاك الله كل خير الله وحده يعلم كم احتجت من الوقت لتقديم هذه المادة الدسمة بشكل مبسط جداً.
تسلم ايدك جزاك الله خير يا استاذ نور ❤️
@RalertXRalert
8 ай бұрын
أنتا حرفيا وين أروح ألقا تعليقك 😅 , الزيرو js , الزيرو css html , وحتا هنا 😅 ربي يوفقك
تبارك الله عليك اخويا شرح مفهم ماشاءالله عليك بي توفيق انشاءالله
شرح ممتاز و اسلوب سهل و بسيط جزاك الله خير 👏👏👏
دورة وطويلة نسبيا ؟؟؟؟ يا رجل امتع دورة بحضرها للبرمجة من بدايتي فيها لحد الان ما حسيت بملل ابدا عندك ابداع بشكل كبير بتنظيم الدروس ولسة شو بدي احكي عن الوظائف يعني انت بتعرف عنجد ايمت لازم نكتب الوظيفة ماحسيت بصعوبة ابدا بالدورة وانا من ناحيتي بفضل درس واحد طويل عن دروس مقسمة لهيك عنجد شكرا كتير الك
@aminanba8202
3 жыл бұрын
yes me too i like long lessons
جعلها الله في ميزان حسناتك
فعلاً شرح حضرتك فوق الممتاز وسهل الفهم ❤ كنت اتمني لو تعمل شرح تكميلي عن ربط الرياكت بالسيرفر API
@darcaftanmeriem9193
2 жыл бұрын
kzread.info/dron/Z0QNbxBHKd0PWvl21LnCZg.html
@yasminsoso-cf4ij
10 ай бұрын
I hope that
افضل شخص بنسبه في يا اسطوره البرمجه
يعطيك الف عافية يا استاذ نور وبفضلك تعلمت html وcss و javascript
@NourHomsi
3 жыл бұрын
شكرا لك
@user-pe2qp3hu3l
2 жыл бұрын
بفضل الله انتبه لا تشرك بالله
@gamenge7202
2 жыл бұрын
@@user-pe2qp3hu3l بفضل الله طبعا
@abdelhade_gr9594
2 жыл бұрын
قناته تعلمت منه اللغات هاذي وهل تعلمت react ولا لسا
اشكرك جزيل الشكر استاذ نور
قبل ماشوف الفيديو احلى لايك 😊تحية من برلين 🤗
@NourHomsi
3 жыл бұрын
تحياتي أسامة
well done this 4 hours was so helpfull thank you for your time and i wish to see more projects to practice react
Best React Course I have ever watched. Thanks a lot. Appreciated. I have subscribed.
@NourHomsi
Жыл бұрын
Thanks and welcome
جزاك الله كل خير يا استاذ
@NourHomsi
3 жыл бұрын
شكرا لك
الله يعطيك العافية ويوفقك
Your new method is just great interactive we can learn a lot with you ; god bless you Mr NOUR . you such an amazing teacher . thank you so soooooo much . we need to learn how to deploy the react app please
@darcaftanmeriem9193
2 жыл бұрын
kzread.info/dron/Z0QNbxBHKd0PWvl21LnCZg.html
@metam.devad.neimte9212
2 жыл бұрын
بنك علينا بلاغ وعلي شركاتناكلها ارجو ارفادالمال تشيك
شكرأ على جهودك استاذ نور حمصي . انا متابعك من الاردن وعمري 16عام وانا تابعت كل دوراتك على القناه واعمل بها .انا لا اعرف كيف اشكرك استاذي نور كل الحب والحترام ❤❤
@NourHomsi
3 жыл бұрын
بأنك تحقق ذاتك وتصبح أكبر مبرمج في العالم
شرحك رائع شكرا جزيلا جزاك الله خيرا
عاشت ايدك عالشرح الحلو
شكرا لكل ما تقدمه
ادمنت على شروحاتك
جزاك الله خير الجزاء في الدنيا والاخره
Ich habe wirklich noch nie so einen guten Lehrer gesehen!! Danke dir!!
@NourHomsi
Жыл бұрын
Danke schon
بارك الله فيك وآلله رح اظل ادعيلك بالخير
شكراا على الشرح الجميل
جزاك الله خيرا على هذا الشرح
@NourHomsi
3 жыл бұрын
شكرا لك
أحسن شرح يازعيم
جزاك الله خيراا على مجهوداتك
جميل جدا بالتوفيق سيد نور
شكرا جزيلا - جزاك الله خيرا
❤❤ عشت استاذنا وحبيبنا
@metam.devad.neimte9212
2 жыл бұрын
السلام عليكم ازيكم يا ابوالشباب
مبدع
ربي يحفظك خويا لعزيز 🖤✌
@NourHomsi
3 жыл бұрын
شكرا لك
يرحم والديك على هذا الفيديو
جزاك الله كل خير
درس مفيد جدا بشكرك
muchas gracias Nour, muy buena explicación.
@NourHomsi
3 жыл бұрын
ميرسي
الله يوفقك استاذ نور ماقصرت ابدا
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
اسلوب ولا اروع! ما شاء الله عنك! ممكن شرح كمان عن Hook ؟ الله يخليك لان شغلي الجديد هيك بيتطلب وما عندي فكرة عنهم.
تسلم ايديك وجزاك الله خيرا 😍
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق. أتمنى تكون استفدت
شكرا دكتور نور من كل قلبي
@NourHomsi
3 жыл бұрын
شكرا لك
@user-wb1qy9bx9e
2 жыл бұрын
مساء جميل كجمال قلبك الطيب
بارك الله فيك
ماشاء الله رائع الله يرضى عليكم
@NEW_GAT
10 ай бұрын
wa ti siryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
شكرا شرح مفصل ورائع
@NourHomsi
3 жыл бұрын
شكرا لك
جزاك الله خيرا
علم انت اخي تسلم واشكرك جدا
@NourHomsi
3 жыл бұрын
شكرا لك
طبعا لايك أستاذنا جيت أعملك لايك و رايحة... لأني مشغولة بس برجع من بعد إذا راد الله
@NourHomsi
3 жыл бұрын
شكرا لك، هل عدت للدراسة؟
@belinabougie2601
2 жыл бұрын
ايه عندي دراسة.. و هلا فضيت... هل ممكن تنصحني بمجموعة معينة من بين فيديوهاتك بالنسبة لواحدة حابة تتعلم الانيمايشن... بايش ابدا
اسلوب ورقي وجودة وامانة كاملة بالاعطاء، ربي يجزيك الخير على كل شي عم تعمله، ياريت تنزلنا شرح عن npm و npx وعن طريقة استخدام تعليمات ال terminal. اسلوبك بخلي الواحد يتعلق بالعلم ويطلب المزيد.
@darcaftanmeriem9193
2 жыл бұрын
kzread.info/dron/Z0QNbxBHKd0PWvl21LnCZg.html
راااااااىع جدا حدا ممتااااااز شرح ممتع
thank a lot your explanation is amazing
♡ .. قلب للمحتوى الرائع .... ♡ وقلب لـBreaking Bad
انسان رائع
الله يجزيك الخير
اشكرك انا خلصت الفيديو كاملا فهمت لكن فهم ناقص مش مهم رح ارجع احضر فيديو Es6 و ارجع اعيد الفيديو بالكامل لان التكرار مفيد جدا
شكرا شرح جميل
شو بفرح وبنبسط وقت ارجع من شغل لاقي مشترك جديد في قناتك 🥺🥺
شكرا جزيلا نور
@NourHomsi
Жыл бұрын
شكرا لمرورك
من المهم أن نعرف كيف تعمل الكهرباء، لأننا سنستطيع أن نتعلم من تجارب غيرنا و بذلك سنستطيع اختراع طاقة جديدة
@mfarhate1394
2 жыл бұрын
uljkuuoiuuuowuuuypuyhmiynkjouyuuoroutitiooiitoiuiehoiiiouyiegyoupiwuyrruyrtiuiiyuyyeuyuottiuuooieuhoyuioeyeuoworyiyetuypyyytuuwyyrrwyyerrtr
@mfarhate1394
2 жыл бұрын
uljkuuoiuuuowuuuypuyhmiynkjouyuuoroutitiooiitoiuiehoiiiouyiegyoupiwuyrruyrtiuiiyuyyeuyuottiuuooieuhoyuioeyeuoworyiyetuypyyytuuwyyrrwyyerrtrl
اخي نور ممكن تعملنا مشروع كبير يبقا طول العمر يشهدلك كبرمجة موقع شات وتجاري معا برياكت ومنصة فايربيز لأنو لا يوجد عربي عاملها
يعطيك حتى يرضيك
انا احب اشكرك انك عملتني حاجات كتير. بالله عليك يا هندسه اعمل كورسangular et laravel و ربنا يجازيك خير عن مجهودك معانا ❤️
@darcaftanmeriem9193
2 жыл бұрын
kzread.info/dron/Z0QNbxBHKd0PWvl21LnCZg.html
درس ممتاز، وايضا طريقة العرض، و شرح المبادئ، هذا هوا الفرق بين المهندس و التقني، اقترح، لو تقدم درس تربط بين Django and react و كيفية إرسال الى production server، فتكون قد وفيت و استكفيت، معمر من الجزائر
The most amazing video😍😍
thanks nour
ناطرين سلسلة الورد بريس ❤😢
لايمكن لكلمة شكرا أن تفي حقك ❤❤❤
شكرا
شكرا جزيلا
@NourHomsi
3 жыл бұрын
شكرا لك
شكرااا
ماشاء الله
Thanks man ..