رئيس مجلس الإدارة ورئيس التحرير أحمد حمدي

كورس HTML5 Tutorials Playlist

👤 thenewboston 🎬 53 درس ⏱️ 6 ساعة 31 دقيقة 📶 مبتدئ 🇺🇸 English
HTML5 Tutorial - 1 - Introduction
🏆أوائل أكاديمية مصر 24اتعلّم كل يوم ونافس على التاج 👑الترتيب ←
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
كورس HTML5 Tutorials Playlist
ISSUED ON
04 أكتوبر 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
🔒

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

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

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

📋 محتوى الكورس 53 درس · 6 ساعة 31 دقيقة
  • 1 HTML5 Tutorial - 1 - Introduction 4:17
  • 2 HTML5 Tutorial - 2 - Creating a Basic Template 7:23
  • 3 HTML5 Tutorial - 3 - Setting up the body 8:54
  • 4 HTML5 Tutorial - 4 - Adding the Meat! 5:35
  • 5 HTML5 Tutorial - 5 - Attribute Selectors 9:49
  • 6 HTML5 Tutorial - 6 - Introduction to pseudo-classes 5:55
  • 7 HTML5 Tutorial - 7 - negation pseudo-class 3:35
  • 8 HTML5 Tutorial - 8 - Sweet New CSS3 Selectors 5:33
  • 9 HTML5 Tutorial - 9 - Laying Out the Website 4:56
  • 10 HTML5 Tutorial - 10 - Starting the Styling 5:59
  • 11 HTML5 Tutorial - 11 - Styling the Navigation Menu 9:32
  • 12 HTML5 Tutorial - 12 - Making Everything Pretty 9:06
  • 13 HTML5 Tutorial - 13 - Finishing the Layout 5:34
  • 14 HTML5 Tutorial - 14 - Flexible Box Model 8:23
  • 15 HTML5 Tutorial - 15 - Styling the Header and Navigation 7:01
  • 16 HTML5 Tutorial - 16 - Finishing the Flexible Box Model Layout 9:46
  • 17 HTML5 Tutorial - 17 - Reversing the Box Order 6:56
  • 18 HTML5 Tutorial - 18 - More Flexible Box Model Tricks! 7:15
  • 19 HTML5 Tutorial - 19 - Finishing up the Flexible Box Model 7:29
  • 20 HTML5 Tutorial - 20 - Rounded Corners and Shadows! 7:46
  • 21 HTML5 Tutorial - 21 - Text Shadows, Gradients, and Alpha 8:13
  • 22 HTML5 Tutorial - 22 - Crazy Transformations 7:06
  • 23 HTML5 Tutorial - 23 - Animating with Transitions 4:55
  • 24 HTML5 Tutorial - 24 - Making Awesome Rollover Buttons 6:56
  • 25 HTML5 Tutorial - 25 - Working with JavaScript in HTML5 8:46
  • 26 HTML5 Tutorial - 26 - querySelectorAll 5:23
  • 27 HTML5 Tutorial - 27 - Playing Video on Your Website 8:50
  • 28 HTML5 Tutorial - 28 - How to Customize Your Video Player 9:14
  • 29 HTML5 Tutorial - 29 - Making Your Skin Look Pretty! 8:10
  • 30 HTML5 Tutorial - 30 - Styling the Default and Progress Bars 8:29
  • 31 HTML5 Tutorial - 31 - Programming the Video Player 9:07
  • 32 HTML5 Tutorial - 32 - Playing and Pausing the Movie 8:30
  • 33 HTML5 Tutorial - 33 - How to Update the Progress Bar 8:36
  • 34 HTML5 Tutorial - 34 - Finishing Up the Video Player! 9:58
  • 35 HTML5 Tutorial - 35 - The Canvas Element 5:44
  • 36 HTML5 Tutorial - 36 - Drawing Shapes on the Canvas 9:07
  • 37 HTML5 Tutorial - 37 - Gradients on the Canvas 7:11
  • 38 HTML5 Tutorial - 38 - Making Sweet Custom Shapes! 5:19
  • 39 HTML5 Tutorial - 39 - Working with Text and Shadows 7:18
  • 40 HTML5 Tutorial - 40 - Transformations 8:41
  • 41 HTML5 Tutorial - 41 - Saving and Restoring the Canvas 5:21
  • 42 HTML5 Tutorial - 42 - Images on the Canvas 6:39
  • 43 HTML5 Tutorial - 43 - Animation for Games! 7:14
  • 44 HTML5 Tutorial - 44 - Drag and Drop 8:02
  • 45 HTML5 Tutorial - 45 - Working on the Drag and Drop Program 9:28
  • 46 HTML5 Tutorial - 46 - Finishing the Drag and Drop Program! 9:16
  • 47 HTML5 Tutorial - 47 - Spice it Up 9:08
  • 48 HTML5 Tutorial - 48 - Web Storage API 6:45
  • 49 HTML5 Tutorial - 49 - Making the Web Storage Program Pretty 3:54
  • 50 HTML5 Tutorial - 50 - Saving Data 7:35
  • 51 HTML5 Tutorial - 51 - Retrieving and Displaying Stored Data 7:11
  • 52 HTML5 Tutorial - 52 - Making Something Useful 7:28
  • 53 HTML5 Tutorial - 53 - Saving Data While Visiting Other Websites 7:04
▶ يُشغَّل الآن
HTML5 Tutorial - 1 - Introduction

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

الكورس من تقديم thenewboston، ويضم 53 درسًا بإجمالي مدة 6 ساعات و31 دقيقة. أطول الدروس «Finishing Up the Video Player!» بمدة 9 دقائق، ومتوسط مدة الدرس 7 دقائق. تبدأ الرحلة بدرس «Introduction» وتنتهي بدرس «Saving Data While Visiting Other Websites». لو خصصت 30 دقيقة يوميًا ستنهي الكورس خلال 14 يومًا تقريبًا. المحتوى موجّه إلى المبتدئين في مجال برمجة وتطوير المواقع.

لماذا تتعلم HTML5 Tutorials Playlist؟

  • الذكاء الاصطناعي من أسرع المجالات نمواً في سوق العمل، مع زيادة الطلب على المتخصصين بنسبة 300% خلال السنوات الأخيرة.
  • مجاني بالكامل — ابدأ الآن دون أي رسوم
  • شهادة إتمام باسمك من أكاديمية مصر ٢٤ — أضفها لـ CV وLinkedIn
  • تعلّم في أي وقت — بالسرعة التي تناسبك
  • مجالات الذكاء الاصطناعي: رؤية الحاسب، معالجة اللغة الطبيعية، الروبوتيات، الألعاب، التنبؤ والتوصية.

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

يسير الكورس بترتيب متدرّج: Introduction ← Flexible Box Model ← Playing Video on Your Website ← Transformations ← Saving Data While Visiting Other Websites.

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

لا يحتاج الكورس خبرة سابقة في برمجة وتطوير المواقع؛ يبدأ معك من الأساسيات. كل ما تحتاجه: جهاز متصل بالإنترنت، ووقت ثابت للتطبيق بعد كل درس.

أول درس في الكورس: «Introduction».

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

  • Python
  • TensorFlow
  • PyTorch
  • Scikit
  • Jupyter
  • Keras
  • Hugging Face

ما تحتاجه لتطبيق الكورس

  • لابتوب بمعالج Core i5 أو Ryzen 5 أو أحدث
  • رام 8 جيجا على الأقل، و16 جيجا أفضل
  • قرص SSD لتشغيل أدوات التطوير بسرعة

الوظائف المرتبطة بهذا الكورس

  • مبرمج: كتابة الكود وبناء البرامج وحل المشكلات التقنية
  • مطور واجهات أمامية: بناء واجهات المواقع التفاعلية
  • مطور باك إند: بناء الخوادم وقواعد البيانات وواجهات API

متوسط رواتب مبرمج في 2026

  • مصر: 11,248 – 45,108 جنيه شهريًا
  • السعودية: 3,719 – 18,178 ريال شهريًا
  • الإمارات: 15,363 – 39,781 درهم شهريًا

وللمقارنة: مطور واجهات أمامية في مصر 9,520 – 45,997 جنيه، ومطور باك إند في مصر 10,541 – 50,290 جنيه.

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

كم من الوقت تحتاج لإتقان HTML5 Tutorials Playlist؟

إجمالي مدة الدروس الفعلية: 6 ساعات و31 دقيقة. إذا خصصت 30 دقيقة يوميًا ستنهيه في 14 يومًا، وبساعة يوميًا في 7 أيام. ومع التطبيق العملي وإعادة المشاهدة احسب ضعف المدة تقريبًا، فالإتقان يأتي من التطبيق وليس من المشاهدة وحدها.

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

شهادات دولية مستقلة لا يمنحها هذا الكورس، لكنه خطوة نحوها.

  • Meta Front-End Developer (Coursera)
  • AWS Certified Developer – Associate
  • Oracle Certified Professional: Java SE

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

  • Image Classifier
  • Chatbot
  • Recommendation System
  • Object Detection
  • Sentiment Analysis

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

بعد ما تنهي الكورس وتطبّق ما تعلمته، كمّل رحلتك بواحد من هذه الكورسات:

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

  • كلية الحاسبات والمعلومات
  • كلية الهندسة (قسم الحاسبات)
  • المعاهد العليا لنظم المعلومات

ابدأ مصدر دخلك من المجال

تقدر تشتغل عمل حر وتبني مواقع لعملاء على منصات زي مستقل وUpwork.

t
المدرّس / القناة
thenewboston
🎬
عدد الدروس
53 درس
⏱️
المدة الإجمالية
6 ساعة 31 دقيقة
📶
المستوى
مبتدئ
🌍
اللغة
English
🎓
الشهادة
شهادة إتمام باسمك
✅
المتطلبات
لا توجد متطلبات مسبقة
📂
التصنيف
برمجة وتطوير المواقع

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

✓
Introduction
✓
Creating a Basic Template
✓
Setting up the body
✓
Adding the Meat!
✓
Attribute Selectors
✓
Introduction to pseudo-classes
✓
negation pseudo-class
✓
Sweet New CSS3 Selectors
✓
+ 45 موضوعًا آخر داخل الكورس

💼 وظائف مرتبطة بهذا الكورس

💼
مبرمج
كتابة الكود وبناء البرامج وحل المشكلات التقنية
💰 مصر: 11–45 ألف ج.م · السعودية: 3.7–18 ألف ر.س
💼
مطور واجهات أمامية
بناء واجهات المواقع التفاعلية
💰 مصر: 9.5–46 ألف ج.م · السعودية: 6.5–22 ألف ر.س
💼
مطور باك إند
بناء الخوادم وقواعد البيانات وواجهات API
💰 مصر: 11–50 ألف ج.م · السعودية: 5.6–25 ألف ر.س

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

كم عدد دروس كورس HTML5 Tutorials Playlist؟ +
يضم كورس HTML5 Tutorials Playlist 53 درسًا بإجمالي مدة 6 ساعات و31 دقيقة. تتراوح مدة الدرس بين 3 دقائق و9 دقائق.
من يقدم كورس HTML5 Tutorials Playlist؟ +
يقدمه thenewboston، وتعرض مصر 24 دروسه مرتبة في صفحة واحدة مع حفظ تقدمك درسًا بدرس.
هل الكورس مناسب للمبتدئين؟ +
نعم، الكورس موجّه للمبتدئين ولا يحتاج خبرة سابقة. ويبدأ بدرس «Introduction».
كم يستغرق إتمام الكورس؟ +
إجمالي مدة الدروس 6 ساعات و31 دقيقة. بمعدل 30 دقيقة يوميًا تنهيه في 14 يومًا، وبساعة يوميًا في 7 أيام.
هل أحصل على شهادة بعد الكورس؟ +
نعم، تحصل على شهادة إتمام باسمك من أكاديمية مصر ٢٤، وتُفتح بعد مشاهدة نصف الدروس على الأقل.
هل الكورس مجاني؟ +
نعم، كل الدروس متاحة للمشاهدة دون أي رسوم أو اشتراك.
ما الذي أحتاجه لتطبيق الكورس؟ +
لابتوب بمعالج Core i5 أو Ryzen 5 أو أحدث، ورام 8 جيجا على الأقل، و16 جيجا أفضل، وقرص SSD لتشغيل أدوات التطوير بسرعة.
هل يمكنني تحقيق دخل من هذا المجال؟ +
تقدر تشتغل عمل حر وتبني مواقع لعملاء على منصات زي مستقل وUpwork.
ما الوظائف المرتبطة بهذا الكورس؟ +
من الوظائف المرتبطة: مبرمج (من 11,248 إلى 45,108 جنيه شهريًا في مصر)، ومطور واجهات أمامية (من 9,520 إلى 45,997 جنيه شهريًا في مصر)، ومطور باك إند (من 10,541 إلى 50,290 جنيه شهريًا في مصر). الأرقام تقريبية من بيانات Paylab لعام 2026.
ما لغة الشرح في الكورس؟ +
الشرح باللغة الإنجليزية.
✕
🎓 أكاديمية مصر 24
EG24
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
اسم الكورس هنا
ISSUED ON
04 أكتوبر 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
أقرب طريق لحلمك — سواء مشروعك الجديد أو وظيفة أحلامك — يبدأ من هنا، بكورسات مجانية 100% للأبد.