الرئيسية الكورسات برمجة وتطوير المواقع كورس تعلّم تطوير المواقع “الويب”

كورس تعلّم تطوير المواقع “الويب”

👤 Luna DH لونا دي آش 🎬 80 درس ⏱️ 16 ساعة 18 دقيقة 📶 مبتدئ 🇪🇬 عربي
🌐 مقدمة في برمجة الويب: كل ما تحتاج لمعرفته 💻
📋 محتوى الكورس 80 درس · 16 ساعة 18 دقيقة
  • 1 🌐 مقدمة في برمجة الويب: كل ما تحتاج لمعرفته 💻 2:09
  • 2 💡 نصائح لا تقدر بثمن قبل الغوص في برمجة الويب 🌐 6:54
  • 3 📚 الدرس الأول | مقدمة في البرمجة : 🚀 ابدأ رحلتك لتصبح مبرمجًا محترفًا! 💻 3:04
  • 4 الدرس الثاني | 🚀 الخوارزميات: لماذا تبدو معقدة وكيفية فهمها بسهولة؟ 5:46
  • 5 الدرس الثالث | 🔍 اكتشف أنواع لغات البرمجة اختر لغتك البرمجية بحكمة! 💡 4:16
  • 6 الدرس الرابع | 🚫 الأخطاء الشائعة في البرمجة جنبها لتصبح مبرمجًا محترفًا! 🚀 5:22
  • 7 الدرس الخامس | 🌐 كيف يعمل موقع الويب؟ اكتشف الأسرار خلف الكواليس! 💻 6:10
  • 8 الدرس السادس | 🖥️ HTML & CSS: أسرار تصميم موقعك الأول من الصفر! ✨ 6:33
  • 9 الدرس الثامن | 🚀 اكتشف عالم الـ Backend: كيف تبني الجانب الخفي من مواقع الويب! 💻 4:21
  • 10 الدرس التاسع | 🔍 صيغ الملفات: فهم الأنواع واستخداماتها بكل سهولة! 🚀 3:21
  • 11 💻 الدرس العاشر | تنزيل وتثبيت Brackets و VS Code: أدواتك لتطوير الويب! 🚀 7:50
  • 12 الدرس الحادي عشر| 💻 أول تطبيق برمجي لك: كتابة أول كود وبرمجتك الأولى خطوة بخطوة! 🚀 10:54
  • 13 الدرس الثاني عشر | 🌐 عنوان صفحة الويب: المفتاح لنجاح موقعك! 🔥 4:18
  • 14 الدرس الثالث عشر | ✍️ النص الأول على صفحتك: كيف تجعل كلماتك الأولى لا تُنسى! 💥 2:29
  • 15 الدرس الرابع عشر | 📝 اكتشف قوة TAG الفقرة p | أساس تنسيق النصوص في HTML! 💻 3:38
  • 16 الدرس الخامس عشر | 🔝 تسلق هرم العناوين: كيف تستخدم h1 tag إلى h6 tag بذكاء! 📈 2:42
  • 17 📋💻 الدرس 16| تعلّم تاغ التعليق في #HTML: سرّ التنظيم المثالي! 📝💡 | #CommentaryTag 3:03
  • 18 الدرس 17 | ↩️💻 تاغ كسر السطر في #HTML: تحكم في مظهر النصوص باحتراف! 🖥️ #BR_Tag #تطوير_ويب 4:07
  • 19 الدرس 18 | ✨ سيطر على تنسيق النصوص مع تاغ pre: ترتيب مثالي في كل سطر! 🖥️ #HTML_عبقرية_التنسيق 2:43
  • 20 الدرس 19 | 🛠️ تاغ HR: الفاصل السحري لتنسيق صفحات الويب! 🚀 #HTML_تنسيق_احترافي 2:27
  • 21 الدرس 20 | 📋 تاغ OL و UL في HTML: القوائم المرتبة وغير المرتبة باحتراف! 🚀 #HTML #تطوير_ويب 4:07
  • 22 الدرس 21 | 🔍 أسرار خصائص HTML كيف تعزز صفحاتك بالـ Attributes المذهلة؟ 🚀 #HTML #برمجة ويب 3:44
  • 23 الدرس22 | 🔑 تاغ Meta في HTML: دليل شامل لتحسين الـ SEO وتعزيز ظهور موقعك في محركات البحث🚀 #تاغ_Meta 11:33
  • 24 الدرس 23 | 🔑 تاغ Meta في HTML: اكتشف أسرار خصائص name و content لتحسين الـ SEO! 🚀 #تاغ_Meta 4:39
  • 25 الدرس24 | 🔍 الجزء الثاني: كيفية تطبيق خصائص name و content لتعزيز فعالية تاغ Meta في SEO! #meta 3:46
  • 26 الدرس 25 | 🔑 تاغ Meta وخاصية Keywords: السر وراء تصدر نتائج البحث في SEO! 🚀 #fyp #html #seo 4:36
  • 27 الدرس 26 | 🔄 خاصية Refresh في Meta: كيف تتحكم بتحديث صفحات الويب باحترافية! 🚀 #html #webdevelopment 3:47
  • 28 الدرس 27 | 🔗 الروابط في HTML: كيف تنشئ روابط احترافية لتحسين تجربة المستخدم وSEO! 🚀 #html #css 9:56
  • 29 الدرس 28 | 🔗 الروابط النسبية والمطلقة في HTML: دليل شامل لتحسين SEO وتوجيه الزوار باحترافية! #html 11:16
  • 30 الدرس 29 | 🔗 أسرار الروابط في HTML: نصائح وحيل لتعزيز SEO وتوجيه الزوار! 🚀 #HTML #تطوير_الويب 7:38
  • 31 الدرس 30 | 🖼️ دمج الصور في HTML: كيفية إضافة صور احترافية لموقعك! 🌐 #تطوير_الويب #html 9:06
  • 32 الدرس 31 | 🌐 كيفية دمج الصور من الإنترنت في HTML بسهولة! 🖼️ #تطوير_الويب #html 14:43
  • 33 الدرس 32 | 🎥 كيفية إضافة مقاطع فيديو إلى موقعك في HTML: خطوة بخطوة! 🌐 #تطوير_الويب #html 10:19
  • 34 الدرس 33 | 📹 كيفية اختيار دقة الفيديو المناسبة لموقعك: دليلك لتجربة مشاهدة مثالية! 🌐 #css #html 8:25
  • 35 الدرس 34 | 🎬 كيف تستخدم تاغ Track لإضافة ترجمات احترافية إلى الفيديو في HTML! 🌐 #تطوير_الويب 11:31
  • 36 الدرس 35 | 🎶 كيفية دمج الملفات الصوتية في موقعك باستخدام HTML! 🔊 #تطوير_الويب 5:54
  • 37 الدرس 36 | 📝 تنسيق النصوص في HTML: اجعل محتوى موقعك أكثر جاذبية! 🌐 #تطوير_الويب 11:19
  • 38 الدرس 37 | 📜 تنسيق النصوص في HTML - الجزء الثاني: طرق احترافية لجعل النصوص تبرز! #html #education 13:58
  • 39 الدرس 38 | 📊 تعلم إنشاء الجداول في HTML: دليل شامل لتنظيم البيانات باحترافية! 💻#html #css 10:24
  • 40 الدرس 40 | 📦 تعرف على تاغ div في HTML: سر التحكم في تصميم وتنظيم صفحات الويب! 🌐#html #css 7:04
  • 41 الدرس 41 | 🎓 تعلم كيفية استخدام الكلاسات في HTML: سر التحكم بتصميم وتنسيق صفحات الويب! 🌐 #html #css 11:03
  • 42 الدرس 42 | 📝 تعلم إنشاء النماذج Forms في HTML: دليلك الشامل لتصميم واجهات تفاعلية! 🌐 #html #css 17:04
  • 43 الدرس 43 | ✨ اكتشف خصائص النماذج في HTML: أدوات تجعل مواقعك أكثر تفاعلية واحترافية! 📝#html #css 15:27
  • 44 الدرس 44 | 📜 إنشاء قائمة منسدلة في HTML: دليلك الشامل لتطوير واجهات احترافية! 🌟 15:18
  • 45 الدرس 45 |🔑 تعرف على خاصية الحقل المحدد Placeholder في HTML, سر تحسين تجربة المستخدم! 📝#html #css 11:36
  • 46 الدرس 46 | 🔘 تعرف على وظيفة الـ Radio في HTML: اختيار واحد فقط بين العديد من الخيارات! #html #css 10:53
  • 47 🎯 "إتقان ال FORMS في HTML: التعليقات، الأرقام، التواريخ، الألوان، ومستطيل البحث! 📝📅🔍🎨 #html #css 13:46
  • 48 الدرس 48 | 📂🌟 تعلّم التحكم في النماذج: الفايل، الأزرار، وميزة الـ Fieldset في HTML! 🚀 #html #css 15:06
  • 49 💡 الدرس 49 || كل ما تحتاج معرفته عن الـ Attributes الخاصة بالاستمارة "Form" ✨#HTML 🚀 #CSS 🎨 13:52
  • 50 💡 الدرس 50 || كل أسرار استخدام الـ iframe في صفحات الويب باحترافية! 🌐 #html #css 15:50
  • 51 💡 الدرس 51 || حل مشكلة الأحرف المحجوزة "Reserved Characters" في HTML باستخدام HTML Entities 🔑 10:35
  • 52 📌 درس 52 | (الجزء الأول)كيفية استضافة موقعك على الإنترنت + تحميل الصور برابط مباشر #html #css 11:06
  • 53 📌 درس 53 | (الجزء الثاني)كيفية استضافة موقعك خطوة بخطوة وبشكل مجاني 🔗 #html #css #تطوير_الويب 10:02
  • 54 💼 درس 54 | كويز عملي: إنشاء موقع بورتفوليو احترافي!💻 #html #css #تطوير_الويب 8:46
  • 55 🎨 مقدمة إلى CSS: لماذا نحتاجه؟ 🤔 | درس 1 #html #css #fyp 8:05
  • 56 الدرس 02 | 🎨 كيف تضيف CSS إلى موقعك HTML؟ 🚀| شرح عملي خطوة بخطوة ✅ #CSS #HTML #تطوير_الويب 31:57
  • 57 🎯 الدرس الثالث: تصحيح الاختبار + فهم أولوية CSS (Specificity) بشكل سهل! 🎯 #css #tutorial #course 13:37
  • 58 🎯 الدرس الرابع: تعرف على أنواع Selectors في CSS وأتقنها باحترافية! 🎯 #css #tutorial 28:35
  • 59 🎨 الدرس 5: الألوان في CSS – أسرار الألوان وطرق استخدامها! 🌈#css #اكسبلور #تطوير_الويب 10:43
  • 60 🎨 الدرس 6: 🔹 اكتشف الـ Descendant Selector في CSS! 🕵️‍♂️✨#css #اكسبلور #تطوير_الويب 27:34
  • 61 📚 CSS الدرس 7 | خصائص الخط - الجزء الأول: أسرار التحكم بحجم الخط | font-size بسهولة! 🔤📏 22:27
  • 62 📘 CSS خطوة بخطوة | خصائص الخط (الجزء 2): font-style, font-weight, text-align وغيرهم 33:48
  • 63 📦✨ الدرس 9 | CSS Box Model | شرح الـ Margin, Padding, Border, Content بالتفصيل للمبتدئين 32:37
  • 64 📦✨ الدرس 10: فهم box-sizing + margin auto + border-radius بسهولة مع أمثلة عملية! 27:36
  • 65 📏 الدرس 11: فهم النسبة المئوية في CSS % | كيف تخلي موقعك ديناميكي ومتجاوب ببساطة؟ 19:31
  • 66 🔥 الدرس 12: تحكم ذكي في الحجم بـ CSS! | width, min/max-width, height, auto, fit-content والمزيد 💡 21:50
  • 67 🎨 الدرس 13: أساسيات الخلفيات في CSS - الجزء 1 | background-color, image, size, position والمزيد! 🌆 26:19
  • 68 🎯 الدرس 14: الفرق بين background-origin و background-clip | تحكم احترافي في خلفيات CSS! 🔍🎨 19:05
  • 69 🌈 الدرس 15: التدرجات اللونية في CSS | linear-gradient و radial-gradient بأسلوب مبسّط وجذاب! 🎨🔥 21:41
  • 70 🖼️ الدرس 16 الخلفيات المتعددة في CSS | multiple backgrounds باحتراف 🎯 كيف تدمج أكثر من خلفية بسهولة؟ 14:50
  • 71 🌀 الدرس 17: الفرق بين background-blend-mode و mix-blend-mode | تأثيرات خرافية في CSS! 🔥🎨 10:17
  • 72 ✍️ الدرس 18: تحكم كامل في تنسيق النصوص بـ CSS | أسرار text-transform, line-height, spacing والمزيد!🔠 10:56
  • 73 💬 الدرس 19: تحكم بسلوك النص داخل العناصر! | white-space و word-wrap بالتفصيل ✍️📏 #explore 9:38
  • 74 🌟 الدرس 20: تأثيرات الظلال في CSS | text-shadow و box-shadow لتصميم احترافي وجذاب! 🖼️✨ 11:56
  • 75 ⚔️ الدرس 21: أولوية الخصائص في CSS للمحترفين | من يتحكم فعلاً؟ Specificity, !important, Inline 💣 21:00
  • 76 🎯 الدرس 22: سر استهداف أي عنصر في CSS بدقة! | تعلم أقوى تقنيات الجمع بين Selectors 💡 #css #education 23:19
  • 77 📌 الدرس 23: تحكم في أماكن العناصر باحتراف! | شرح position في CSS و z-index بالتفصيل 🧭💡 #explore 30:43
  • 78 🎬 🎯 الدرس 24: وحدات vh و vw في CSS + حل كويز الـPosition! | تحكم كامل بالواجهة 💡📐 #explore #html 27:41
  • 79 🎬 🎯 الدرس 25: Inline vs Block + التحكم بالـ Display, Visibility, Opacity | أساسيات CSS للمحترفين 15:10
  • 80 🎬 🎯 الدرس 26: أسرار خاصية Float و Clear في CSS | التحكم في موضع العناصر باحتراف 17:35
🏆
شهادة إتمام
كورس تعلّم تطوير المواقع “الويب”
━━━━━━━━━
اسمك هنا
🔒

شاهد 50% من الكورس واحصل على شهادتك المجانية

✅ تتبع تقدمك في الكورس
🏆 شهادة مجانية عند الإتمام
📊 إحصائياتك محفوظة دائماً
🔖 استكمل من حيث توقفت

إنشاء حساب مجاني يأخذ ثوانٍ فقط

▶ يُشغَّل الآن
🌐 مقدمة في برمجة الويب: كل ما تحتاج لمعرفته 💻

📘 نظرة عامة على الكورس

يُقدّم هذا الكورس المجاني شرحاً شاملاً لـ تعلّم تطوير المواقع “الويب” من الصفر باللغة العربية في مجال برمجة وتطوير المواقع، ويستهدف المبتدئين الراغبين في بناء مهاراتهم العملية واحترافية في 2026. يُقدّمه Luna DH لونا دي آش باللغة العربية بأسلوب مبسّط ومنظّم.

يضم الكورس 80 درساً بمدة إجمالية 16 ساعة 18 دقيقة، تأخذك من الصفر حتى الاحتراف خطوةً بخطوة.

لماذا تتعلم تعلّم تطوير المواقع “الويب” من الصفر باللغة العربية؟

  • JavaScript هي اللغة الوحيدة التي تعمل على المتصفح، وأصبحت مع Node.js تشمل كل أجزاء تطوير الويب.
  • مجاني بالكامل — ابدأ الآن دون أي رسوم
  • شهادة إتمام معتمدة — أضفها لـ CV وLinkedIn
  • تعلّم في أي وقت — بالسرعة التي تناسبك
  • يُستخدم JavaScript في: تطوير الواجهات (React/Vue/Angular)، الخلفية (Node.js)، تطبيقات الموبايل (React Native).

مسار التعلم في هذا الكورس

يسير الكورس وفق مسار منطقي متدرّج: أساسيات JS → DOM → Async/Await → Frameworks → Node.js

المتطلبات السابقة

أساسيات HTML و CSS — يمكن لأي شخص البدء في هذا الكورس.

الأدوات والبرامج المستخدمة

  • VS Code
  • Node.js
  • npm
  • Browser DevTools
  • Postman

متطلبات الجهاز

  • RAM 4GB (يُوصى 8GB)
  • أي معالج حديث

الوظائف المتاحة بعد إتمام الكورس

  • Frontend Developer
  • Full Stack Developer
  • Node.js Developer
  • React Developer

متوسط رواتب تعلّم تطوير المواقع “الويب” من الصفر باللغة العربية 2026

  • مصر: 7,000-22,000 ج
  • السعودية: 10,000-28,000 ر
  • الإمارات: 12,000-32,000 د
  • أمريكا: $85,000-$140,000

كم من الوقت تحتاج لإتقان تعلّم تطوير المواقع “الويب” من الصفر باللغة العربية؟

  • أساسيات: 25-35 ساعة
  • React/Vue: 30-50 ساعة
  • Full Stack: 100-150 ساعة

الشهادات المعتمدة في مجال برمجة وتطوير المواقع

  • Meta Front-End Developer
  • JavaScript Algorithms (freeCodeCamp)

مشاريع عملية ستتمكن من بناؤها

  • Landing Page
  • Todo App
  • Weather App
  • E-commerce Frontend
  • REST API

ماذا بعد هذا الكورس؟

بعد إتمام الكورس، يُوصى بالتعمق في: React، Next.js، TypeScript، Node.js.

الأقسام الجامعية ذات الصلة

يُناسب هذا الكورس طلاب: كلية حاسبات ومعلومات، كلية هندسة.

سجّل في كورس تعلّم تطوير المواقع “الويب” من الصفر باللغة العربية الآن، ابدأ رحلتك نحو الاحتراف في برمجة وتطوير المواقع مجاناً. تذكّر: أفضل وقت للتعلم هو الآن.

L
المدرّس / القناة
Luna DH لونا دي آش
🎬
عدد الدروس
80 درس
⏱️
المدة الإجمالية
16 ساعة 18 دقيقة
📶
المستوى
مبتدئ
🌍
اللغة
العربية
🎓
الشهادة
مجانية عند الإكمال
المتطلبات
لا توجد متطلبات مسبقة
📂
التصنيف
برمجة وتطوير المواقع

🎯 ماذا ستتعلم في هذا الكورس

🌐 مقدمة في برمجة الويب: كل ما تحتاج لمعرفته 💻
💡 نصائح لا تقدر بثمن قبل الغوص في برمجة الويب 🌐
📚 الدرس الأول | مقدمة في البرمجة : 🚀 ابدأ رحلتك لتصبح مبرمجًا محترفًا! 💻
الدرس الثاني | 🚀 الخوارزميات: لماذا تبدو معقدة وكيفية فهمها بسهولة؟
الدرس الثالث | 🔍 اكتشف أنواع لغات البرمجة اختر لغتك البرمجية بحكمة! 💡
الدرس الرابع | 🚫 الأخطاء الشائعة في البرمجة جنبها لتصبح مبرمجًا محترفًا! 🚀
الدرس الخامس | 🌐 كيف يعمل موقع الويب؟ اكتشف الأسرار خلف الكواليس! 💻
الدرس السادس | 🖥️ HTML & CSS: أسرار تصميم موقعك الأول من الصفر! ✨
+ 72 موضوع آخر...

💼 الوظائف التي يؤهلك لها الكورس

💼
مطور ويب
بناء مواقع احترافية
💰 8000-25000 ج.م
💼
فريلانسر
العمل الحر من المنزل
💰 يتفاوت

❓ أسئلة شائعة عن الكورس

كم عدد دروس الكورس؟ +
يحتوي الكورس على 80 درس بإجمالي مدة 16 ساعة 18 دقيقة.
هل الكورس مجاني بالكامل؟ +
نعم، الكورس مجاني تماماً ومتاح بالكامل على منصة مصر 24 بدون أي رسوم.
هل الكورس مناسب للمبتدئين؟ +
الكورس موجّه لمستوى مبتدئ، وهو مناسب تماماً للمبتدئين من الصفر.
ما لغة الشرح في الكورس؟ +
الكورس مشروح باللغة العربية بأسلوب واضح ومبسّط.
هل يمكن تعلم الكورس بدون خبرة سابقة؟ +
نعم بالتأكيد. هذا الكورس مصمم للمبتدئين من الصفر.
كم يستغرق إتمام هذا الكورس؟ +
المدة الإجمالية 16 ساعة 18 دقيقة. يُنصح بتخصيص ساعة يومياً.
هل أحصل على شهادة عند الإتمام؟ +
نعم، تحصل على شهادة إتمام مجانية من مصر 24 بعد مشاهدة جميع الدروس.
من يقدم هذا الكورس؟ +
الكورس مقدم من Luna DH لونا دي آش.
🔐
نسيت كلمة المرور؟
🎓 أكاديمية مصر 24
EG24
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
اسم الكورس هنا
ISSUED ON
03 أغسطس 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
أقرب طريق لحلمك — سواء مشروعك الجديد أو وظيفة أحلامك — يبدأ من هنا، بكورسات مجانية 100% للأبد.