البرمجة والتطويرمبتدئمجاني

Bootstrap لغير المبرمجين: صمّم مواقع احترافية ومتجاوبة بسرعة

تعلّم Bootstrap من الصفر: ابنِ مواقع جاهزة للموبايل بلا تعقيد

كورس جديد0 طالب28 درسآخر تحديث غشت 2026

Web Ninja

مطور ويب محترف

مجاناً

سجل مجاناً

✓28 درس
✓ولوج مدى الحياة
✓شرح بالدارجة المغربية
✓شهادة إتمام
✓من الهاتف والحاسوب

الأداء بتحويل بنكي أو وكالة — بلا بطاقة بنكية

شنو غادي تتعلم

✓- فهم شنو هو **Bootstrap** وعلاش كيستعملوه فـ تطوير واجهات الويب.
✓- تثبيت وإضافة Bootstrap للمشاريع والبدء باستعمالو.
✓- بناء صفحات ويب منظمة ومتجاوبة باستعمال **Bootstrap Grid**.
✓- التعامل مع **Containers، Rows وColumns**.
✓- إنشاء Layouts متجاوبة كتخدم مزيان فـ الهاتف، التابليت والكمبيوتر.
✓- استعمال مكونات Bootstrap الجاهزة بحال **Navbar، Buttons، Cards، Dropdowns وModals**.
✓- تنسيق المحتوى والعناصر باستعمال Classes ديال Bootstrap.
✓- إنشاء **Forms** منظمة ومتجاوبة باستعمال Bootstrap.
✓- استعمال **Select Menus وForm Controls** بطريقة صحيحة.
✓- إضافة **CSS مخصص** وتعديل تصميم Bootstrap حسب الحاجة.
✓- تطبيق Bootstrap فـ مشاريع عملية وبناء واجهات ويب عصرية ومنظمة.

المهارات المغطاة

htmlcssjavascriptbootstrap

محتوى الكورس

4 وحدة•28 درس

فيديوالتطوير السريع باستعمال Bootstrap
فيديومقدمة إلى Bootstrap
فيديوكيفاش نبداو مع Bootstrap
فيديوإنشاء صفحة بسيطة
فيديوتحسين وتطوير الصفحة
اختبارمراجعة: التعرف على Bootstrap

وصف الكورس

تعلم أساسيات Bootstrap من الصفر، واحد من أشهر الـ Front-End Frameworks اللي كيساعدك تبني مواقع ويب عصرية، منظمة ومتجاوبة بسرعة وبأقل مجهود.

فهاد الكورس غادي تتعلم كيفاش تستعمل Bootstrap Grid لتنظيم صفحات الموقع، وتتعامل مع المكونات الجاهزة بحال Navbar، Buttons، Cards، Dropdowns وModals، بالإضافة إلى إنشاء Forms منظمة ومتجاوبة.

غادي تطبق المفاهيم من خلال مشاريع وأمثلة عملية، باش تقدر تستعمل Bootstrap بثقة فالمشاريع ديالك وتبني واجهات ويب خدامة مزيان فمختلف أحجام الشاشات.