مشاريع فرونت إند تجمع HTML وCSS وJavaScript

الشرح: Abdelrahman Gamal | تنظيم المصادر: بوصلة

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

  • 0 متعلّمين
  • 6 س 48 د
  • كل المستويات
  • elposla

عن هذه الدورة

مشاريع فرونت إند: ماذا ستدرس؟

اجمع المهارات الثلاث في واجهة تعمل أمامك، وراقب أين ينتهي دور التنسيق وأين يبدأ التفاعل البرمجي.

الشرح الأصلي من Abdelrahman Gamal. تجمع بوصلة هذه الدروس لتسهيل الوصول والتعلّم، ولا تنسب شرح القناة إلى فريق الموقع.

نماذج من موضوعات الدروس

  • responsive dashboard using html and css only | تصميم لوحة تحكم متجاوبة
  • Make a Responsive Glass Website Using HTML and CSS Only | عمل موقع الكتروني متجاوب بتأثير زجاجي انيق
  • مشروع ادارة منتجات كامل بالجافاسكريبت | Full product management system crud with javascript
  • Drag & Drop using pure javascript | عمل تصميم يدعم السحب و الافلات بالجافاسكريبت
  • responsive form using html and css | عمل تصميم متجاوب

قبل أن تبدأ

جهاز يسمح بتثبيت أدوات البرمجة. ابدأ بالأساسيات إن كان الموضوع جديدًا، وراجع متطلبات اللغة أو الإطار في أول الدروس.

كيف تستفيد من مشاريع فرونت إند؟

خصّص جلسة للتطبيق بعد كل مجموعة. ابدأ بدرس «responsive dashboard using html and css only | تصميم لوحة تحكم متجاوبة»، ثم سجّل ما فهمته وما تحتاج الرجوع إليه. عند الوصول إلى «مشروع ادارة منتجات كامل بالجافاسكريبت | Full product management system crud with javascript»، جرّب تنفيذ المثال أو شرحه دون متابعة الفيديو لحظة بلحظة.

مهمة مقترحة لتثبيت التعلم

اختر فكرة من موضوع «responsive form using html and css | عمل تصميم متجاوب» واكتب ملخصًا تطبيقيًا لها أو نفّذ مثالًا مستقلًا. أضف النتيجة إلى مساحة تعلمك؛ واذكر في سيرتك ما نفذته فعلًا، دون اعتبار المشاهدة وحدها خبرة عملية.

المصدر وحدود الإتاحة

تحتوي هذه النسخة على 11 درسًا عامًا بحسب بيانات القائمة التي راجعناها في 17 أكتوبر 2026. قائمة Abdelrahman Gamal الأصلية على YouTube. احتُفظ بترتيب المصدر، وقد تتغير إتاحة الفيديوهات لاحقًا. مشاهدة الشرح مجانية؛ أما تراخيص البرامج والموارد السحابية والاختبارات الرسمية فقد تكون منفصلة. لا تشمل هذه الصفحة شهادة من الجهة الأصلية. لم تُشاهد جميع الفيديوهات بالكامل ضمن فحص البيانات.

محتوى الدورة

1 وحدة · 11 درس · 6 س 48 د

  1. دروس الدورة بالترتيب الأصلي 11 درسًا 6 س 48 د

    المصدر: Abdelrahman Gamal

    • responsive dashboard using html and css only | تصميم لوحة تحكم متجاوبة مقفل 37 د
    • تصميم موقع افاتار بال html و ال css فقط | make website using html and css مقفل 20 د
    • Make a Responsive Glass Website Using HTML and CSS Only | عمل موقع الكتروني متجاوب بتأثير زجاجي انيق مقفل 31 د
    • Make a Scrolling Website using Html & CSS & Javascript | تصميم موقع الكتروني مقفل 38 د
    • Make a creative landing page using html - css - js | عمل موقع الكتروني بتصميم متغير مقفل 27 د
    • مشروع ادارة منتجات كامل بالجافاسكريبت | Full product management system crud with javascript مقفل 2 س 10 د
    • creative hover menu effect using html & css | عمل قائمة بتأثير ابداعي مقفل 22 د
    • make a image editor using javascript | عمل برنامج للتعديل على الصور و اضافة فلاتر بالجافاسكريبت مقفل 45 د
    • Drag & Drop using pure javascript | عمل تصميم يدعم السحب و الافلات بالجافاسكريبت مقفل 29 د
    • معرفة هل المستخدم متصل بالانترنت ام لا بالجافاسكريبت | Check Internet Connection using javascript مقفل 14 د
    • responsive form using html and css | عمل تصميم متجاوب مقفل 11 د

مدرّبك

elposla

تقييمات المتعلّمين

لا تقييمات بعد.