نبذة عن الدورة
بعد أن أتقن الطالب أساسيات HTML وCSS، حان الوقت للتعرف على Bootstrap، أحد أشهر أطر العمل المستخدمة في تصميم واجهات المواقع الإلكترونية. في هذا المستوى سيتعلم الطفل كيفية إنشاء صفحات ويب حديثة بسرعة باستخدام نظام الشبكات (Grid System) والمكونات الجاهزة مثل أشرطة التنقل والأزرار والبطاقات والقوائم والنوافذ المنبثقة والنماذج. كما سيتعرف على كيفية تخصيص هذه المكونات لتناسب تصميماته الخاصة، مع الاهتمام بتوافق المواقع مع الهواتف والأجهزة اللوحية وأجهزة الكمبيوتر. يعتمد الكورس على التطبيق العملي، حيث ينفذ الطالب مشروعاً صغيراً في كل حصة، ثم يجمع جميع المهارات في مشروع تخرج متكامل يعرض قدرته على تصميم موقع احترافي باستخدام Bootstrap.
مهارات هتخرج بيها
أهم النقاط اللي ابنك هيتقنها بنهاية الدورة
- تثبيت Bootstrap وربطه بالمشروعات.
- استخدام نظام Grid لإنشاء تخطيطات مرنة.
- تصميم صفحات متجاوبة مع مختلف الأجهزة.
- استخدام المكونات الجاهزة مثل Navbar وCards وButtons وForms.
- إنشاء واجهات حديثة بسرعة وكفاءة.
- تخصيص مظهر Bootstrap باستخدام CSS.
- بناء موقع إلكتروني احترافي باستخدام Bootstrap.
رحلة التعلم أسبوع بأسبوع
4 أسابيع · 8 جلسات
- أسبوع1
التعرف على Bootstrap و نظام الشبكات (Grid System)
2 جلساتما هو Bootstrap؟ لماذا يستخدم؟ إضافة Bootstrap إلى المشروع. استخدام CDN. التعرف على ملفات Bootstrap. أول صفحة باستخدام Bootstrap. Containers Rows Columns Breakpoints Responsive Grid المشروع تصميم صفحة مقسمة إلى عدة أقسام متجاوبة.
- أسبوع2
الألوان والأزرار و البطاقات والصور
2 جلساتColors Backgrounds Buttons Button Groups Utilities Cards Images Figures Badges المشروع معرض بطاقات للأنشطة أو الهوايات.
- أسبوع3
شريط التنقل والقوائم و النماذج
2 جلساتNavbar Nav Breadcrumb Pagination Forms Input Groups Validation Select Checkboxes Radio Buttons المشروع إنشاء نموذج تسجيل حديث.
- أسبوع4
الجداول والتنبيهات و النوافذ والمكونات التفاعلية
2 جلساتTables Alerts Progress Bars Spinners Modal Accordion Collapse Offcanvas Carousel Toast Tooltips Popovers Spacing Display Flex Utilities Borders Shadows Position المشروع صفحة أسئلة شائعة مع نافذة منبثقة.
حاجات بسيطة قبل ما تبدأ
مش لازم حاجة معقدة — ابنك جاهز يبدأ من غير أدوات إضافية
- 1كمبيوتر متصل بالانترنت
تواريخ الدفعات قريباً
لسه ما اتفتحتش دفعة جديدة
سجّل اهتمامك دلوقتي عشان نبلغك أول ما الجدول والمعلم يبقوا جاهزين.
جزء من مسار
مطور الويب الصغير - Front End Web Development
رحلته في عالم تطوير مواقع الويب وتعلم تصميم صفحات احترافية باستخدام **HTML و CSS و Bootstrap وJavaScript** من خلال مشاريع عملية ممتعة. بنهاية الكورس ستتمكن من إنشاء مواقع ويب تفاعلية ومتجاوبة من الصفر ونشرها على الإنترنت.
سعر كل المستويات مع بعض
٥٤٠ ج.م٦٠٠ ج.م
هتوفّر ٦٠ ج.م لما تشتري كل المستويات لطالب واحد