كورس كامل تعليم بوتستراب بالأمثلة

يّقَدَّم لكم هذا الكورس برعاية هوستينجر لحجز الدومينات والاستضافة:
رابط الصفحة بالإنكليزية: www.hostg.xyz/SH4KR
رابط الصفحة بالعربية: www.hostg.xyz/SH455
كوبون الخصم: nourhomsi
------------------------------
دروس تم ذكرها ضمن الدورة:
Learn Visual Studio Code: • أفضل برنامج لكتابة الا...
Learn Emmet for HTML: • كتابة أهم تعليمات لغة ...
Quick guide to learn Bootstrap: • الدليل السريع لتعلم بو...
React Crash Course: • تعلم تصميم واجهات المو...
------------------------------
فهرس الدورة:
00:00 مقدمة هامة عن الدورة
02:13 رعاية هوستينجر للدورة
03:54 تقديم بوتستراب 5 الجديدة
04:55 تحضير بيئة العمل
08:00 تضمين ملفات بوتستراب
10:23 القائمة الرئيسية
16:25 قائمة متجاوبة
18:40 قائمة منسدلة للموبايل
22:00 ترويسة الموقع
28:45 استخدام فليكس
30:30 التصميم بحسب شاشة العرض
08:00 اخفاء العناصر
34:40 توسيط العناصر باستخدام فليكس
36:00 كلاس تكبير حجم الخط
37:23 Grid System
39:33 Bootstrap Card
42:50 Auto rename extension
43:37 اضافة عناصر البطاقة
44:10 إضافة صورة عشوائية
45:24 استخدام أيقونات بوتستراب
48:54 مهارات هامة في كتابة الكود
50:44 مهارات خاصة في بوتستراب
53:25 لماذا يجب أن تتعلم رياكت
55:35 تصميم قسم من عمودين
59:35 فكر بعكس الصندوق
01:02:33 Accordion & Component
01:12:25 التذييل
01:18:00 إضافة قائمة منسدلة
01:20:20 ربط أزرار القائمة
01:21:25 قائمة مثبتة بالأعلى أو الأسفل
01:23:00 رفع الموقع إلى الانترنت باستخدام استضافة هوستينجر
01:24:27 اصلاح الأخطاء
01:25:57 اختبار جودة الموقع
------------------------------------------------------------------------
تابعني على:
nourhomsi.com
drnourhomsi
nourhomsi1
drnourhomsi

Пікірлер: 227

@NourHomsi2 жыл бұрын
لمن شاهد الفيديو كاملا، هل تذكرون المواقع المساعدة التي ذكرتها في الدرس؟ اكتبوها في التعليقات حتى يستفيد الجميع
@laayounelive2020
2 жыл бұрын
جميل أستاذ هل يمكن عمل دورة على tailwindcss
@user-wy9we3yk1f
2 жыл бұрын
شكرا استاذ انت فخر للإبداع العربي ممكن نعرف ليش عندك يطلع موتقع غير محدودة و عدنا يطلع 100 موقع فقط ؟
@STEPFORWARD0
2 жыл бұрын
إذا عدلت على الموقع و اجرب شي ينعمل على الموقع على طول ؟؟
@BdrRm
2 жыл бұрын
لو سمحت أستاذ كيف قمت بتنزيل الصور من undraw بصيغة SVG؟
@muhumudhumud1050
2 жыл бұрын
Hostinger W3school
@AliMohamed-ji3vt2 жыл бұрын
0:02 نعرف - انك نور حمصي - انك محترف البرمجة - انك ذو الاخلاق الحميدة - انك الذي لا تبخل بمعلومة على الناس ولو كانت صغيرة - انك قدوتنا - انك معلمنا نعرف انك نور حمصي❤️
@NourHomsi
2 жыл бұрын
شكرا علي للتعليق الجميل. أسعدتني والله
@AbbesEssa2 жыл бұрын
بأذن الله ربي يزيدك علم على قد ناس تعلموا من يدك بارك الله فيك ويريت مبرمجين كلهم يعطوا صرحه كيفك فعلا عربي و تحب العرب 👏👏👏
@ahmadtakahji63802 жыл бұрын
يعطيك الف عافية استاذ نور وشكرا جزيلا لجهودك❤ .. درس ممتع جدا وشرح بسيط وسهل 🌹
@user-lv8up4kk3d2 жыл бұрын
نورت استاذي القدير و فعلا انت مثل الشمس دائما تنورنا بالعلم و الخير الكثير ... جزاك الله الف خير
@NourHomsi
2 жыл бұрын
ألف شكر روان
@khalidarab28292 жыл бұрын
شكرأ استاذ نور على الدرس الرائع .. متألق دائماً كعادتك .. ربنا يجعله في ميزان حسناتك
@mohamed62722 жыл бұрын
مجهود جبار اخ نور ألف شكر لك على الفديو مقدرين جهدك و وقتك و تعبك استمر بارك الله فيك
@simo_95912 жыл бұрын
أحسن واحد يوصل المعلومة جزاك الله خيرا و أتمنى لك كل التوفيق تحية من المغرب
@moussafaouzi42692 жыл бұрын
شكرا جزيلا لك وبارك الله فيك أخي نور، كنت أنتظر الجديد على البوستراب 5 ، إنه رائع بالفعل والعمل الذي قمت به في هذا الفيديو أروع، لقد تعلمت منك الكثير . أتمنى لك التوفيق والنجاح.. موسى من الجزائر
@younessmou72782 жыл бұрын
انت رجل عظيم " الله اكثر من مثالك " بالدارجة المغربية.شكرا جزيلا
@jamilajaybe76262 жыл бұрын
مشكور أستاذ نور على هل شرح رائع وبصراحة شرح وشغل والمونتاج متعوب عليه كتير الله يعطيك ألف عافية 😍
@fareshomsi4372 жыл бұрын
الله يعطيك الف عافية .... و جزاك الله خيرا على هالمعلومات القيمة و طريقة الشرح البسيطة و المختصرة
@wildingpipes56532 жыл бұрын
اول مرة في حياتي بشوف شرح مفصل هيك الله يوفقك استمر
@ahmaddarwish25682 жыл бұрын
شكر وكل التقدير للأستاذ نور حمصي لتعبك معنا وتطورنا بفضله.
@NourHomsi
2 жыл бұрын
شكرا لك احمد
@softhearted85092 жыл бұрын
ما شاء الله شغل جبااااار ، الله يعطيك العافية
@HamwiMohammad2 жыл бұрын
الله يعطيك الف عافية ......وضوح شرحك وبساطتو تفوق عكورس مدتو اسبوع عكورسيرا
@thebestof2265 Жыл бұрын
شكرا جزيلا ياأستاذ نور, ربي يحفظك ويرزقك الجنة ان شاء الله🤲
@mohameddsabry Жыл бұрын
مازلت علي رأي المتواضع انك من احسن المبدعين في المجال شرحك مبسط طريقه توصيل المعلومة اسرع واسهل شرحك دائما يمتاز بالاحترافيه في التعامل مع جميع الفئات سواء مبتدئ أو متوسط او محترف استمر وأبدع ولا تحرمنا من ظهورك الممتع والمبهج علي جميع المنصات ❤️ شكرا لك وجزاك الله خيرا
@moenesma94152 жыл бұрын
Thank You So Much Mr. Nour ❤️, The course was very useful !
@Timur.m68002 жыл бұрын
الله يجعلن بميزان حسناتك يا أستاذنا صرلي عشرين يوم عم تابع فيديوهات html و css وبنيت موقعين من خلالهم بفضل اسلوب شرحك.جزاك الله كل خير وهاد الفيديو اجى مكمل لما كنت قد بدأت به شكرا كتيييير♥️♥️♥️♥️♥️
@NourHomsi
2 жыл бұрын
قول يا رب
@ahmedbakry47302 жыл бұрын
شرح اكثر من مذهل،شكرا جزيلا لك
@gamestube6182 жыл бұрын
منور يا استاذ نور وشرحك جميل جدا ومفهوم احلي تحية من مصر لسوريا وكل اهل سوريا
@NourHomsi
2 жыл бұрын
ألف شكر.
@JustNassima802 жыл бұрын
فيديوهاتك تعطيني ثقة كبيرة للتوسع هذا المجال .
@NourHomsi
2 жыл бұрын
طبعا! مجال رائع ومجدي ماليا
@9adi82 жыл бұрын
اخيرًا المقطع المنتظر 🔥
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@saadalsaidy37126 ай бұрын
شكرا جزيلا لحضرتك جدا جدا استفدت من الدرس وفهمت البوتستراب تماما
@mahmoudmedhat9592 жыл бұрын
عبقري يا نور ما شاء الله عليك
@swisi782 жыл бұрын
مشكور وبارك الله فيك دكتور نور الحمصي ربنا يوفقك
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@mohammedomar72182 жыл бұрын
الله يعطيك العافيه انت بروفسور البرمجه
@nassersamira19812 жыл бұрын
نورت اخيرا يا دكتور حمدالله ع السلامة وحشتنا والله
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@ahmedoumedyhdhih48402 жыл бұрын
احبك في الله جزاك الله خيرا
@amk83272 жыл бұрын
تحياتي لك أستاذ نور، أنت قدوة ومعلم لي، أشكرك على دروسك القيمة جداً وأسلوبك السلس في الشرح وإيصال الفكرة، يعني صراحة كل دروسك يلي تابعتهم ودرستهم ولا مرة بحثت بعدها عن شرح للمعلومة لا في يوتيوب ولا في غوغل لأني أكون قد فهمت الدرس تماماً. تحياتي إلك من سوريا، وأنا بفتخر إنو إنسان متلك يكون إبن بلادي❤❤
@hicham67312 жыл бұрын
درس اكتر من رائع مرتب والفواصل وكل شيء شاهدته بالكامل بدون ملل اسلوب رائع بارك الله فيك
@NourHomsi
2 жыл бұрын
الميزة الجديدة من يوتيوب ممتازة بتقسيم الفيديو
@hicham6731
2 жыл бұрын
@@NourHomsi تماما
@maroufbaghdadi6869 Жыл бұрын
ما شاء الله عليك. فظيع انت.
@user-dk6lf7we6s Жыл бұрын
طول عمرك ممتاز كالعادة بحييك والله وربنا يحفظك انت مثلي الاعلي
@TinyTalesLaughs2 жыл бұрын
فيديو مفيد جدا جزاك الله ألف خير
@user-cx7kn2ip4w5 ай бұрын
بجد تحفة فنية تسلم ايدك
@shabanelmogy7912 Жыл бұрын
دورة رائعة ربنا يبارك فيك
@imadabab Жыл бұрын
شرح ممتاز شكرا جزيلا وبارك الله فيك
@darkstar95642 жыл бұрын
شكرا لإغناء المحتوى العربي ♡
@mohammednassan93672 жыл бұрын
@Nour Homsi يعطيك الف عافية كثير دورت على اليوتيوب على تعلم الاوتوكاد بشكل بسيط بس ما لقيت من بعد اذنك اذا بتقدر تشرحلنا هالبرنامج اكن لك من الشاكرين
@yasseracccont5102 жыл бұрын
الله بوفقك دكتور
@zmk97172 жыл бұрын
اخيرا، الله يسعدك
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@user-if5fs8vg8b2 жыл бұрын
شكرا لك استاذي الفاضل
@user-oi8rn3id5o2 жыл бұрын
دكتور نور الله يحييك ويحفظك، عاشت ايدك وجزاكم الله خير الجزاء ،معك استاذة سناء محسن وهذا حسابي الثاني
@NourHomsi
2 жыл бұрын
أغلى تحياتي أستاذة سناء
@Hassan-tk4hr2 жыл бұрын
لو سمحت استاذ نور بسم الله مشاء الله عليك انسان مبدع وشرحك مفيد جدا ومفهوم فا ياريت تعمل كورس لتعلم عمل موقع بيع اونلاين هوست يعني او تقول لنا من اين نبدا
@yassinnouraldin15362 жыл бұрын
شكرا استاذ نور شرح رائع ياريت تعملنا كورس vue js 3
@badreddine26512 жыл бұрын
شكرا جزيلا لك تعطي معلومات مجانية
@fadibelarbi85182 жыл бұрын
شكرا ,افضل استاذ تعلمت منك html في فيديو واحد
@NourHomsi
2 жыл бұрын
وهذا الدرس مكمل للتعليم
@learnenglish83742 жыл бұрын
أستاذ ممكن تعملنا فيديو عن django لأنني لم أجد أي شرح جيد عنه ،و لأنك الافضل في إيصال المعلومة أتمنى أن تقبل طلبي و شكرا و أكبر تحية إليك يا أفضل أستاذ ❤🙏
@raedtareq17562 жыл бұрын
اشكرك بعنف استاذ نور ❤️
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@h-web54062 жыл бұрын
بارك الله فيك استاذنا
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@oussamaar-68882 жыл бұрын
شكرا جزيلا لك أستاذ نور ❤️❤️❤️
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@theflashlight37622 жыл бұрын
لا ادري كيف اشكرك🤩
@mjeedhk2 жыл бұрын
يعطيك العافية
@mohmadkhali79802 жыл бұрын
جزاك الله خيرا
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@claxinecove2 жыл бұрын
انت رائع يا اخي شكرا جزيلا
@ahmedmajid2 жыл бұрын
شكر كبير لك استاذ
@Trifibelkacem2 жыл бұрын
شكرا لك السيد حمصي
@muhammedjalbout2 жыл бұрын
دخيل قلبك يا أستاذ نور.. ياريت لو بقي عندي همة متل ايام ما كنت شب صغير.. كنت تعلمك منك كتير شغلات احترافية.. بس كل مرة ببلش وبتعلم شوي وبعدين بتاخدني مسؤوليات الحياة و ما بقدر كفي معك.. يلا سيدي ، المهم في عالم كتير عم يتعلموا منك. الله يجعلها بميزان حسناتك..
@stringmoderator2 жыл бұрын
السلاسة الي بتشرح فيها مثيرة للاعجاب
@mohamedmaazaz96679 ай бұрын
شكرا استاد ❤❤❤
@tarekt85712 жыл бұрын
ياريت يا أستاذ نور توضحلنا بفيديو عملي أهم ال codex يلي منحتاجها أثناء عملنا على Wordpress وشكرا كتير على جهودك الكبيرة. 💯💕
@NourHomsi
2 жыл бұрын
نعم ممكن
@mohammedrzaz9828
2 жыл бұрын
ياريت استاذنا الغالي لو تكرمت دورت wordpress
@faisalgamepro86922 жыл бұрын
شكراً لك
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@abdolkaream2 жыл бұрын
مميز دائما بالتوفيق
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@amirsabbagh6222 жыл бұрын
danke fur deine zeit من سوريا
@hagopboghossian68412 жыл бұрын
شكرا الله يخليك 👍
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@elite_trades2 жыл бұрын
شكراا لك على كل شيء
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
@Inesart2 жыл бұрын
Mr nour is the best ...👍👍👏🙏🌷
@NourHomsi
2 жыл бұрын
أغلى تحياتي لك
@user-wy9we3yk1f2 жыл бұрын
شكرا استاذ انت فخر للإبداع العربي ممكن نعرف ليش عندك يطلع موتقع غير محدودة و عدنا يطلع 100 موقع فقط ؟
@mahmoudeshourbagy82 жыл бұрын
جافا سكريبت هي متعه فعلا معاك حق وخصوصا في حل المسائل كان معاك حق انك تحب الجافا سكريبت وكان واخدني الفضول ليه انت محب ليها كده ولكن لما عرفتها ودخلت فيها وجدتها متعه كبيره
@NourHomsi
2 жыл бұрын
مشكلتها الوحيدة هي عدم الانتظام. سأتحدث عن الموضوع في فيديو خاص
@muhumudhumud10502 жыл бұрын
احسنت
@AhmedElSayed-kq8yp2 жыл бұрын
تسلم جدا
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@mohammedrzaz98282 жыл бұрын
منور استاذنا
@NourHomsi
2 жыл бұрын
أغلى تحياتي
@Thrill-22 жыл бұрын
اخي نور جزيت خيرا على ماقدمت كان بودي اعرف الاضافه اللي تستخدمها عشان ينعرض المتصفح داخل vsc ياليت لو تشوف تعليقي وتقولي عليها لاني بحثت كثيرا عنه وماحد اعطاني اي معلومه .
@mathematiquesinformatique1423 Жыл бұрын
merci
@omarbouassida2 жыл бұрын
متشكر استاذ ارجو عمل node js course وmysql course
@NourHomsi
2 жыл бұрын
قريبا
@newsudan34452 жыл бұрын
نريد دورة في لغة c++ وفيديوهات عن اهميتها واستخدامها
@NourHomsi
2 жыл бұрын
ما عندي خبرة كافية لتدريس اللغة.
@user-ul9hc8ru5r2 жыл бұрын
ياريت تسوي فديو على وررد بريس او جمله
@i_media2 жыл бұрын
تحية طيبه استاذ نور / بودي تخصص حلقة عن تحويل البروتوتايب لادوبي XD الى اكواد برمجية بـ css وجافا سكريبت تساعدنا في اختصار مع الوقت لانشاء المواقع بسرعه وجيزة مع التحية
@saleemdigital2 жыл бұрын
السلام عليكم دكتور نور المحترم ... أخوك من بغداد الحب والسلام ... أريد معلومات عن Front Ent باستخدام ال Mud BLazor وال Bootstrap وال HTML 👍 اذا أمكن
@ranianourelhouda61462 жыл бұрын
استاذ عندي سؤال في مجال العمل الحر و حين يطلب منا العميل انشاء تصميم موقع (html and Css) هل من المستحسن ان نكتب الكود html و css فقط ام عادي اننا نستعمل bootstrap
@user-xc8hf6zp2k2 жыл бұрын
مشكوو على المجهودات عندي سؤال هل يؤثر بوتستراب على سرعة الموقع؟
@fahadalahmadi20672 жыл бұрын
اول شيء جزاك الله خير عندي سوال عملت الاكورديون عربي وغيرت الاتجاه لاكن السهم لصق بالكتابة
@-sahebresala13962 жыл бұрын
أولا أحب أشكر حضرتك جدا على مجهودك العظيم وشرحك الجميل عندى سؤال أتمنى حضرتك ترد عليا هل أكواد الbootstrap بتتحفظ أم بجيبها جاهزة من الموقع الأساسى ؟ شكرا مقدما
@khalid-ko8gu2 жыл бұрын
thanx
@user-uc6wo8md3w2 жыл бұрын
اتمنى ان تقومو بتصميم تطبيق مثل تطبيق دولينجو لكن لتعلم الكلام الحلو والرومنسي واللطيف والرقة مع وضع اختبارات وجعله مسلي ومفيد ، اظن ان ذالك سيعجب الملايين وربما المليارات
@tarekhamwi71002 жыл бұрын
بالنسبة لموقع تجارة إلكترونية ماهي الباك اند للوحة التحكم
@Codv-academy2 жыл бұрын
شكرا أستاذ نور كنت بفكر أعمل مثل هذا الفيديو لكن حضرتك شرحته بطريقه رائعه فهعمل عندي شرح لل tailwindCss لو حد مهتم
@NourHomsi
2 жыл бұрын
ألف شكر. والله يا ريت، بتكون شلت عني هذه المهمة. لأن كثيرين عم يطلبوا درس تايل-ويند . كل التحية لك
@OmarIdhamouch2 жыл бұрын
بهذا الإطار العمل المتقدم ماهو مستقبل css ؟ أو هل تتقدم "أطر العمل" نحو الإطاحة ب css ؟
@NourHomsi
2 жыл бұрын
لا شيء يلغي شيء. بوتستراب تعتمد على سي اس اس، لذلك يجب أن تتعلم كيف تتحكم بتعليمات سي اس اس بعدها تتعلم الأطر
@hamzabadii35752 жыл бұрын
عندك فيديو تحكي علي واردبرس ولكن ماذا عن html CSS JavaScript
@mouhammadabbasi95482 жыл бұрын
اذا سمحت شو اسم الاكستنشن اللي بتكمل الكود تلقائيا بمجرد ما كتبت نقطة و اسم العنصر او اسم الكلاس
@user-sr1ij3hw4r Жыл бұрын
thx
@courses94412 жыл бұрын
معلش ضرورى محتاجه اعرف البراوزر اللى مش بيدعم flexbox ازاى استخدم البوستراب معاه
@abouzayd87222 жыл бұрын
السلام عليكم شكرا جزيلا لك لكن اعتقد انك لو تقدم لنا كورس حول كيفية ذمج بوابات الدفع مثل البايبال وبطاقة البنكية مع مواقع إلكترونية سيكون ذلك مفيدا جدا لنا اما للمتابعين اللذين يمتلكون مواقع او اللذين يردون اكتسابها كمهارة للعمل بها على المواقع الحرة وسيكون لك فضل اكبر شكرا على كل الدروس والجهد المبذول سننتظر هذا الكورس بفارغ الصبر
@brendvoile
2 жыл бұрын
stripe
@mohammedrai65652 жыл бұрын
😍😍😍😍😍😍رائع
@DodokhKheriba3 ай бұрын
من فضلك عايزين كورس bootstrap react
@salimsalim52382 жыл бұрын
شكرا استاذ كيف الطريقة حتى اجعل الموقع من اليمين الى الشمال باستعمل بوتستراب 5 يعني موقع عربي
@m7mmadomar2 жыл бұрын
مشكور جدا جدا لكن كيف يمكنني جلب القائمة من اليمين إلى اليسار وليس من الأعلى للأسفل عند الضغط على الأيقونة في حال الشاشات الصغيرة
@hamzabadii35752 жыл бұрын
وقت تكمل برمجة الموقع كيف تنزل علي الانترنت
@Abdallarabee942 жыл бұрын
عاوزين كورس data science يا دكتور
@NourHomsi
2 жыл бұрын
ما عندي خبرة كافية لتدريسها