رحلة ممتعة في بناء صفحات الويب بإستخدام Bootstrap

هل ترغب في تصميم مواقع ويب احترافية بسرعة وسهولة؟

في هذه الدورة سيتعلم الطالب استخدام Bootstrap، أحد أشهر أطر العمل لتطوير واجهات المواقع، والذي يساعد على إنشاء صفحات ويب جميلة...

هل ترغب في تصميم مواقع ويب احترافية بسرعة وسهولة؟

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

تم تصميم الدورة خصيصًا للطلاب من عمر 9 إلى 18 عامًا، وتعتمد على التطبيق العملي والمشروعات الصغيرة حتى يتمكن الطالب من بناء واجهات ويب حديثة بثقة.

الخطة التفصيلية للدورة (8 جلسات)
الجلسة الأولى: مقدمة إلى Bootstrap
ما هو Bootstrap؟
مميزات Bootstrap.
إضافة Bootstrap إلى مشروع HTML.
التعرف على بنية المشروع.
الجلسة الثانية: نظام الشبكات (Grid System)
Containers.
Rows.
Columns.
Responsive Grid.
تطبيقات عملية.
الجلسة الثالثة: الأزرار والألوان والمسافات
Buttons.
Colors.
Typography.
Spacing Utilities.
Borders.
Shadows.
الجلسة الرابعة: البطاقات والقوائم
Cards.
Navbar.
Alerts.
Badges.
Breadcrumbs.
الجلسة الخامسة: النماذج والجداول
Forms.
Input Groups.
Validation.
Tables.
Responsive Tables.
الجلسة السادسة: المكونات التفاعلية
Carousel.
Accordion.
Collapse.
Modal.
Offcanvas.
Tooltips.
الجلسة السابعة: تصميم صفحة هبوط (Landing Page)
تنظيم أقسام الصفحة.
Hero Section.
الخدمات.
معرض الصور.
نموذج التواصل.
تحسين التصميم للأجهزة المختلفة.
الجلسة الثامنة: المشروع النهائي
عنوان المشروع: موقع تعريفي احترافي (Responsive Portfolio Website)

يقوم الطالب ببناء موقع ويب متكامل باستخدام Bootstrap يتضمن:

شريط تنقل احترافي (Navbar).
قسم ترحيبي (Hero Section).
قسم الخدمات.
معرض صور (Gallery).
بطاقات تعريفية (Cards).
نموذج تواصل (Contact Form).
تذييل الصفحة (Footer).
تصميم متجاوب بالكامل مع الهاتف والتابلت والكمبيوتر.