الأقسام

دورة التطوير على شبكة الإنترنت مع أساسيات HTML، CSS، و JavaScript


لطلب عرض لدورة تدريبية داخلية إستفسار سريع طباعة محتوى المساق التسجيل

نظرة عامة

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

مع التحول الرقمي العالمي، أصبحت مهارات تطوير الويب ضرورة في مختلف المجالات، سواء للأفراد العاملين في التقنية أو في التسويق أو في إدارة المحتوى. هذا البرنامج يقدم مسارًا متدرجًا يبدأ من المبادئ الأساسية لبناء صفحات الويب باستخدام HTML، ثم يمر عبر تنسيق المظهر والتصميم باستخدام CSS، ويصل إلى البرمجة السلوكية وإضافة التفاعلية عبر JavaScript

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

الأهداف والفئة المستهدفة

الفئة المستهدفة

  • الأفراد الراغبون في دخول مجال تطوير الويب من المستوى الأساسي.
  • موظفو التسويق الرقمي والمحتوى الإلكتروني الذين يحتاجون لفهم تقنيات الويب.
  • موظفو أقسام تقنية المعلومات والمساعدة الفنية في المؤسسات.
  • رواد الأعمال والمستقلون الراغبون في بناء مواقعهم بأنفسهم.

أهداف البرنامج

في نهاية البرنامج التدريبي سوف يتعرف المشاركون على:

  • تعلم بنية صفحات الويب باستخدام لغة HTML وبناء هيكلية صحيحة.
  • التحكم في تنسيق وتصميم الصفحات باستخدام CSS بفعالية.
  • اكتساب المهارات الأساسية في JavaScript لإضافة التفاعلية للمواقع.
  • تطوير صفحات ويب متجاوبة تعمل على مختلف الأجهزة والشاشات.
  • بناء أساس قوي يؤهل المتدرب للانتقال إلى تقنيات أكثر تقدمًا لاحقًا.

محتوى البرنامج

  • مفاهيم أساسية حول الإنترنت والويب
    • الفرق بين الإنترنت والويب
    • آلية عمل المتصفح والخادم
    • مكونات صفحة الويب الحديثة
  • أدوات العمل في تطوير الويب
    • محررات النصوص الشائعة (Visual Studio Code، Sublime)
    • بنية الملفات والمجلدات لموقع الويب
    • فتح الصفحات محليًا وتجريبها في المتصفح
  • العناصر الأساسية في HTML
    • الوسوم الأساسية: <html>, <head>, <body>
    • العناوين، الفقرات، الروابط
    • القوائم والنصوص المنسقة
  • الصور والجداول والنماذج
    • إدراج الصور وضبط خصائصها
    • إنشاء الجداول وتنظيم البيانات
    • إدخال النماذج (Forms) والحقول المختلفة
  • هيكلية الصفحة
    • تقسيم الصفحة إلى أقسام رئيسية
    • استخدام العناصر الهيكلية مثل <header>, <nav>, <main>
    • فهم الدلالات (Semantic Elements)
  • الروابط والتنقل الداخلي
    • إنشاء روابط داخلية وخارجية
    • الربط بين صفحات متعددة
    • استخدام المراسي (Anchors) للتنقل في نفس الصفحة
  • طرق إضافة CSS للصفحات
    • التنسيق الداخلي، الخارجي، والمضمن
    • الربط بين HTML وCSS
    • أفضل الممارسات في تنظيم ملفات CSS
  • الخصائص الأساسية للتنسيق
    • الألوان والخلفيات
    • الخطوط وتنسيق النصوص
    • الهوامش والمسافات (Margin, Padding)
  • تصميم التخطيطات (Layouts)
    • استخدام Display وPosition
    • الشبكات (Grid) والمحاذاة
    • نموذج الصندوق (Box Model)
  • القوائم والتنقل الجانبي
    • تنسيق القوائم الأفقية والعمودية
    • إنشاء قوائم تنقل جذابة
    • استخدام تأثيرات التفاعل البسيطة
  • المحددات وأنواعها
    • المحددات الأساسية، المركبة، والمخصصة
    • الوراثة والأولوية في CSS
    • التجاوب مع عناصر معينة بناءً على الحالة
  • التحكم في التخطيط والاستجابة
    • إعداد صفحات مرنة باستخدام Flexbox
    • تصميم الواجهات المتجاوبة
    • استخدام Media Queries للشاشات المختلفة
  • ما هي JavaScript ولماذا نستخدمها؟
    • الفرق بينها وبين HTML و CSS
    • مكان JavaScript في صفحة الويب
    • كتابة أول كود بسيط
  • المتغيرات وأنواع البيانات
    • أنواع البيانات الأساسية
    • التصريحات (var, let, const)
    • العمليات الحسابية والمنطقية
  • الهياكل الشرطية والحلقات
    • استخدام if/else
    • التكرار باستخدام for وwhile
    • تطبيقات عملية على القرارات
  • التعامل مع الأحداث (Events)
    • النقر والتحويم والتحميل
    • ربط الأحداث بالعناصر
    • التفاعل مع المستخدم بشكل مباشر
  • الوصول إلى عناصر الصفحة (DOM)
    • استخدام document.getElementById
    • تغيير النصوص والخصائص ديناميكيًا
    • إضافة عناصر إلى الصفحة من خلال JavaScript
  • معالجة النماذج والتحقق من البيانات
    • التقاط البيانات من المستخدم
    • التحقق من صحة المدخلات
    • إعطاء تنبيهات ورسائل فورية
  • دمج HTML وCSS وJavaScript
    • تصميم واجهة باستخدام HTML/CSS
    • تفعيل التفاعلية عبر JavaScript
    • تنظيم ملفات المشروع بشكل احترافي
  • تطبيق عملي لموقع شخصي أو صفحة تسجيل
    • بناء صفحة تسجيل دخول أو نموذج تواصل
    • إضافة وظائف تحقق وإرسال
    • تهيئة المشروع ليكون جاهزًا للعرض
  • نصائح لكتابة كود نظيف وفعّال
    • تنظيم الكود وتسمية العناصر
    • تقليل التكرار وتحسين السرعة
    • أهمية التعليقات في الشيفرة البرمجية
  • خطوات الاستعداد للتعلم المتقدم
    • التعرف على أطر العمل مثل React وVue
    • مفاهيم التطوير الخلفي والربط مع الخوادم
    • إنشاء حسابات GitHub ونشر المشاريع البسيطة

تاريخ الدورة

2026-03-16

2026-06-15

2026-09-14

2026-12-14

رسوم الدورة

ملاحظة/ السعر يختلف حسب المدينة المختارة

عدد المشتركين : 1
£4200 / مشترك
عدد المشتركين : 2 - 3
£3360 / مشترك
عدد المشتركين : + 3
£2604 / مشترك

الدورات ذات العلاقة

مميزة
تفاصيل الدورة

برنامج تدريبي في استكشاف الأخطاء وإدارة الشبكات

2026-03-16

2026-06-15

2026-09-14

2026-12-14

£4200 £4200

التسجيل
$data['course']