بوتستراب
استخدام مكتبات بوتستراب لتصميم المواقع
ماذا ستتعلم؟
- فهم أساسيات مكتبة بوتستراب
- تصميم الجداول باستخدام بوتستراب
- التعامل مع الصور وتحسين مظهرها
- استخدام أزرار الأوامر في الصفحات
- تصميم النماذج في صفحات الويب
- التنقل بين الصفحات
- بناء مواقع ويب متجاوبة
- الربط مع Java Script وServlet وJSP
عن الدورة
يشرح هذا الكورس مكتبة بوتستراب (Bootstrap) لتصميم مواقع الويب المتجاوبة التي تعمل على الكمبيوتر والهاتف بالشكل نفسه. هي مجموعة أدوات مفتوحة المصدر مبنية على HTML وCSS وJavaScript، وتساعدك على بناء الصفحات بسرعة بدل كتابة كل شيء من الصفر. تبدأ بمقتطفات من الكورس، ثم تتعلم أساسيات بوتستراب في عدة محاضرات، وبعدها تنتقل إلى تصميم الجداول، والتعامل مع الصور وتحسين مظهرها، واستخدام أزرار الأوامر، وتصميم النماذج والتنقل بين الصفحات. وفي الجزء الأخير تتعرف على الربط مع Java Script وJava Servlet وJava JSP. ينفع هذا الكورس المصممين والمطورين والمبتدئين الذين يريدون تصميم صفحات ويب جذابة وسهلة الاستخدام. يفضل أن تعرف أساسيات HTML وCSS قبل البدء. كل ما تحتاجه جهاز كمبيوتر ومحرر أكواد ومتصفح لتجربة الصفحات بنفسك. وفي النهاية ستكون قادرا على تصميم صفحة ويب متجاوبة باستخدام مكتبات بوتستراب وأكوادها الجاهزة، وتنظيم الجداول والصور والنماذج بشكل مرتب وجميل.
نتائج متوقعة من الدورة
- اكتساب مهارات تصميم صفحات ويب متجاوبة باستخدام بوتستراب.
- القدرة على تحسين تجربة المستخدم من خلال تصميم جذاب وسهل الاستخدام.
- إنشاء نماذج ديناميكية تعمل على تحسين التفاعل مع المستخدم.
- فهم كيفية استخدام الأدوات المدمجة في بوتستراب لتسريع عملية التصميم.
- تصميم مواقع ويب متوافقة مع مختلف الأجهزة والمتصفحات.
تقييمات المتدربين
- ★★★★★Baraa E.·منذ 3 شهرشاهد 54٪
- ★★★★★أحمد م.·منذ 4 شهرشاهد 100٪
كوووووووووورس رائع
- ★★★★★Hany D.·منذ 5 شهرشاهد 100٪
- ★★★★★Omar A.·منذ 5 شهرشاهد 100٪
تم عرض كل التقييمات (4)
محتوى الدورة
1أساسايات Bootstrap
5 درس
- مقتطفات من الكورسيعرّف Bootstrap كمكتبة جاهزة لتنسيق صفحات HTML بدل كتابة CSS لكل عنصر، وخاصية الاستجابة لأحجام الأجهزة، وتحميل ملفاتها، وتطبيق classes على الصور مثل الصورة الدائرية والمحاذاة يمينا ويسارا.9:07
- Bootstrap Basics (1)مقدمة عن Bootstrap: لماذا نحتاج مكتبة جاهزة تنسق كل مكونات الصفحة كالأزرار والنصوص والجداول والصور بدل تنسيق كل عنصر وكل صفحة يدويا، مع نظرة عامة على أدوات تطوير الويب.13:48
- Bootstrap Basics (2)تعريف عملي بمكتبة Bootstrap: مزاياها كالاستجابة لأحجام الشاشات وسهولة الاستخدام والقوالب الجاهزة، وطريقة تحميل المكتبة وفك ضغط ملفاتها، وهي ملفات CSS وJavaScript.11:40
- Bootstrap Basics (3)يوضح كيف يُربط ملف Bootstrap بصفحة HTML ثم يُطبق على مكوناتها، مثل الأزرار، بنسخ اسم الـ class من المكتبة ووضعه على العنصر.14:08
- Bootstrap Basics (4)يشرح تقسيم الصفحة إلى أعمدة بنظام الشبكة في Bootstrap عبر classes جاهزة تتجاوب مع حجم الشاشة، مع classes العناوين وخصائص العرض display.10:29
2مهام متقدمة
4 درس
- الجداوليشرح تنسيق الجداول باستخدام مكتبة Bootstrap، وكيف يكفي ربط ملف المكتبة وتحديد class الجدول ليتنسق تلقائيا بدل كتابة CSS يدويا، مع تغيير ألوان الصفوف.19:39
- التعامل مع الصوريشرح التعامل مع الصور باستخدام classes في Bootstrap لتغيير شكلها، مثل الصورة الدائرية، وكذلك التحكم في شكل الرسائل التنبيهية بتغيير الـ class فقط.14:48
- أزرار الأوامريشرح استخدام Bootstrap مع الأزرار ومكونات أخرى مثل شريط التقدم والقوائم، وكيف يتغير شكل كل زر باختيار الـ class المناسب من المكتبة.30:24
- النماذج والتنقل بين الصفحاتيشرح النماذج والتنقل بين الصفحات في Bootstrap: القوائم والتبويبات tabs وعناصر النماذج مثل checkbox وtextarea، وأن الشكل يتحدد بالـ class المستخدم.9:12
3محاضرات مساعددة
3 درس
- Java Scriptمدخل بسيط إلى JavaScript داخل صفحات الويب: كيف تُكتب الأكواد بين وسمي script، مع أمثلة على حلقة تكرار تطبع قيما ومثال للتحقق من المدخلات.13:48
- Java Servletفكرة Java Servlet: ربط صفحة تسجيل دخول مصممة بـ HTML بـ class في Java على السيرفر، وقراءة القيم المرسلة من الصفحة عبر الـ request وطباعة اسم المستخدم.8:29
- Java JSPفكرة Java JSP أي Java Server Pages: كتابة كود Java داخل صفحة HTML بين وسوم خاصة، مع مثال حلقة تكرار ومثال لصفحة تسجيل دخول تقرأ قيم الحقول.10:01
4الملحقات
1 ملحقات
- حمل الملحقات من هنا
المحاضر
م/عزب محمد عزب
هذه الدورة ضمن دبلومة
