كورس تعلم bootstrap بوتستراب مع مشروع تطبيقي البرمجة في الجزائر
️ إدعم القناة عبر مشاركة الفيديو و تشغيل التنبيهات () ليصلك كل فيديو فور النشر .
السلام عليكم ورحمة الله ، كورس جديد في عالم برمجة المواقع ، لي هو يعتبر اول فريمورك نديروه في القناة ، الغني عن التعريف bootstrap البوتستراب ولي درناه هو الاصدار 5.1 ، يعني احدث اصدار ، وبطبيعة الحال هذي الفريمورك تحتاج الى معرفة مسبقة بكل من html و cssو javascript ، من اهم مايميز هذه الفريمورك هو سرعة عمل المواقع و التنظيم المحكم للواجهة مع استغلال المحكم للتجاوب (التجاوب مع كل الشاشات وخاصة الهواتف ) ، هذه الفريمورك من بين اكثر الفريمورك المستعملة لحدنا الان وتعلمها ضروري جدا في الفرونت اند

كل الروابط المذكورة في الفيديو راهي في التعليق المتبث



تعلم اولا htm5 & css3 مع هذه الدورة :
https://www.youtube.com/playlist?list=PLGMjH0KDBZRh-Q3zNMT_QN4rWGxg-Otjg

تعلم الخوارزميات مع الجافاسكريبت javascript es6 + الخوارزميات :
الخوارزميات :
https://www.youtube.com/playlist?list=PLGMjH0KDBZRgkZRB4d2KezbFxeAHe4OoI

الجافاسكريبت :
https://www.youtube.com/playlist?list=PLGMjH0KDBZRi6kBYPPhkQG8zQ0GkkXNVz

خريطة الكورس :
00:00 مقدمة ههام جدا
07:04 تتبيث البيئة
14:04 جولة حول التوثيق
36:55 navbar
1:07:38 hero
1:25:00 features
1:38:35 about
1:57:50 webui
2:04:00 state
2:08:00 footer
2:23:43 animation





تفقد قناتنا ستجد دورات برمجية قد تفيدك
========================
جميع حساباتنا هنا https://cutt.ly/CfDazwP

اشتراك في قناتنا وتفعيل الجرس :
https://bit.ly/3m5XAzg

صفحتنا على فايسبوك :
https://bit.ly/35b53Hh

مجموعة رواد التقنية الجزائرية (للتقنين فقط):
https://bit.ly/2DCKTuk

تابعنا على انستاغرام :
https://bit.ly/359Xj8d

راسلنا على الايمايل :
[email protected]

========================

جميع دوراتنا :
https://www.youtube.com/c/UltrasDzCoder
#ultrasdzcoder

تعلم البرمجة في الجزائر تعلم البرمجة من الصفر البرمجة تعلم البرمجة بوتستراب او ما يعرف بالإنكليزي (Bootstrap) هي مجموعة من الأدوات مفتوحة المصدر لإنشاء مواقع الويب وتطبيقات الانترنت. تم إنشائها لمساعدة المصممين والمطورين على بناء منتجات مذهلة بسرعة وفعالية، الهدف منها هو توفير مكتبة واسعة مرنة وموثقة بشكل جيد للتصاميم “مكررة الاستعمال” المبنية باستخدام HTML وCSS وJavaScript كي يقوم المطورون باستعمالها والإبداع باستخدامها.
ما هو البوتستراب؟
هو إطار عمل CSS مجاني ومفتوح المصدر.. يختص بتصميم واجهات الويب الأمامية ويسهل عمل مطور الويب حيث وباستخدام البوتستراب يمكن بسهولة إنشاء موقع ويب متجاوب مع الشاشات في وقت قياسي.
نشأة البوتستراب:
تم تطوير البوتستراب من قبل شركة تويتر بواسطة
JACOB THORNTONوMARK OTTO
وتم إصداره كمشروع مفتوح المصدر عام 2011 تحت رخصة MIT على GITHUB وقد كان يسمى وقتها بـ (Twitter Bootstrap).
تم إنشاؤه بغرض مساعدة المطورين في بناء مواقع سريعة وفعالة.
وهو مبني بلغات HTML و CSS وJavaScript ويمكن لمن يعرف أساسيات هذه اللغات استخدامه بسهولة.
وقد أعتبر البوتستراب المشروع رقم 1 على الـGITHUB وتغير اسمه من تويتر بوتستراب الى بوتستراب بعد أن حصل على أكثر من 13.000 متابع و 2000 تطوير فرعي.
ووصل بوتستراب في الوقت الحالي إلى الإصدار الخامس منه والذي أطلق عام 2020 ولا يزال في تطوير مستمر..
مميزات البوتستراب:
سهل الاستعمال: بمعرفة بسيطة لـ HTML و CSS يمكنك البدء باستعمال البوتستراب.
متجاوب مع الشاشات: حيث يتناسق تصميمها مع جميع أنواع الشاشات (هواتف وأجهزة لوحية وحواسيب..) حيث تستخدم نظام Grid System وتقسم الشاشة إلى 12 عمود قابلة لإعادة ترتيب نفسها بحسب مساحة الشاشة.
التوافق مع كل المتصفحات الحديثة.
توفر الوقت بدلاً من التصميم من الصفر وكتابة الأكواد.
العناصر والمكونات متوفرة للاستخدام بسهولة كالسلايدر.
إطار عمل مفتوح المصدر ويحظى بدعم قوي.
من عيوب البوتستراب أن المواقع المصصمة بها قد تتشابه بشكل كبير.
كيف استخدم البوتستراب؟
يمكن استخدام البوتستراب بعدة طرق وهي كالتالي:
تضمينها من الإنترنت عن طريق الـ CDN ويكون بأخذ روابط الملفات الرئيسة فيها وربطها بالموقع ولكن هذه الطريقة تحتاج إلى انترنت وقت تطوير الموقع لأننا نقوم باستخدام المكتبة من الإنترنت.
ويمكن تنزيل المكتبة من الموقع الرسمي كملف مضغوط ثم فك ضغطها في مجلد المشروع وربطها بالموقع بدون اتصال بالإنترنت.
وهناك طريقة أخرى مختلفة لاستخدامها وهي باستخدام مدير حزم جافاسكريبت npm حيث يتم تنزيلها لمجلد المشروع كـ Node Module ثم استيرادها في الموقع واستخدام الـ Web Bundlers لبناء الموقع ودمجها به إلا أن هذه الطريقة أكثر تعقيدًا واحترافية.
بعدها نقوم باستخدام البوتستراب بشكل عادي في الموقع وهو عن طريق استخدام الكلاسات الجاهزة في البوتستراب وإضافتها لعناصر الموقع..
مثل كلاس btn المستخدم في الأزرار وغيره..