دورة أساسيات HTML
هذه الدورة مثالية لأي شخص لديه الفضول بشأن بناء اللبنات الأساسية لفهم مجال تطوير الويب ويريد إنشاء مواقع الويب الخاص به!
- +500طالب
- 25درس
- 9أقسام
- 22اختبار
- مبتدئالمستوى
تعرّف على الدورة
هل أنت مستعد لخطواتك الأولى في عالم تطوير الويب؟
هذه الدورة مثالية لأي شخص لديه الفضول بشأن بناء اللبنات الأساسية لفهم مجال تطوير الويب ويريد إنشاء مواقع الويب الخاص به!
في دورة أساسيات HTML، نبدأ من البداية بتزويدك بنظرة عامة عالية المستوى لكيفية تطوير الويب وإعداد محرر الشفرة الخاص بك، كما سنوجهك خطوة بخطوة خلال إنشاءك صفحة الويب الأولى الخاصة بك وسنوفر لك جميع الأدوات التي تحتاجها للبدء.
بمجرد أن تكتسب الثقة تجاه الأساسيات، فسوف نتعمق في أساسيات HTML. ستتعرف على بنية مستند HTML وعناصر النص والقوائم والصور والسمات والارتباطات التشعبية وكيفية تنظيم صفحتك.
ولن نتوقف عند هذا الحد فحسب – سنعلمك أيضًا أهمية HTML الدلالية وكيف يمكن أن تجعل موقع الويب الخاص بك في متناول الجميع.
لكن هذا ليس كل شيء!
نحن نعلم أيضًا مدى أهمية إنشاء مواقع الويب التي تلبي احتياجات جميع المستخدمين، ولهذا السبب سنعلمك كيفية تثبيت ملحقات VS Code الإضافية وحتى كيفية إنشاء نسخة عربية من موقع الويب الخاص بك مع دعم RTL.
ولا تقلق إذا كنت مبتدئًا – سنوجهك خلال كل خطوة بإرشادات بأمثلة سهلة المتابعة.
فما تنتظر؟
ابدأ اليوم بتعلم تطوير الويب باستخدام أساسيات HTML وتأهل لاحتراف مجال تطوير الواجهة الأمامية!
تشمل الدورة
- شهادة موثقة
- قياس مستوى التقدم والانجاز عبر الدورة
- إجابة من مشرفي الطلاب على كل الأسئلة
- فاعليات حصرية
- شارات تميز للطلبة المتقدمين
- اشعارات تذكير وتحفيز لإنهاء الدورة
- اشتراك مدى الحياة
ماذا ستتعلم خطوة بخطوة
اضغط على أي قسم لعرض دروسه. الدروس المجانية متاحة للمشاهدة قبل الاشتراك.
محتوى الدورة
- 1مقدمة يحتوي على دروس مجانية
- 2مواد الدورة
- 3الترحيب والخطوات الأولى6 دروس · 2 اختباران يحتوي على دروس مجانية
- نظرة عامة على تطوير الويب درس مجاني
- مختصر كتابي: A High-Level Overview of Web Development درس مجاني
- اختبار قصير: A High-Level Overview of Web Development
- إعداد محرر الأكواد درس مجاني
- صفحتك الأولى على الويب درس مجاني
- تنزيل مواد الدورة درس مجاني
- شاهد قبل أن تبدأ درس مجاني
- Welcome and First Steps Quiz
- 4مقدمة إلى HTML1 درس · 2 اختباران يحتوي على دروس مجانية
- مختصر كتابي: Introduction to HTML درس مجاني
- اختبار قصير: Introduction to HTML
- اختبار قسم: مقدمة إلى HTML
- 5أساسيات HTML18 درسًا · 8 اختبارات
- هيكل مستند HTML
- مختصر كتابي: HTML Document Structure
- اختبار قصير: HTML Document Structure
- عناصر النصوص
- مختصر كتابي: Text Elements
- اختبار قصير: Text Elements
- المزيد من عناصر النصوص: القوائم
- مختصر كتابي: More Text Elements: Lists
- اختبار قصير: More Text Elements: Lists
- الصور والسمات
- مختصر كتابي: Images and Attributes
- اختبار قصير: Images and Attributes
- الروابط التشعبية
- مختصر كتابي: Hyperlinks
- اختبار قصير: Images and Attributes
- هيكلة الصفحة
- مختصر كتابي: Structuring our Page
- اختبار قصير: Structuring our Page
- ملاحظة حول HTML الدلالي
- تثبيت إضافات أخرى لـ VS Code
- إنشاء النسخة العربية (RTL)
- مختصر كتابي: Create Arabic version – RTL
- اختبار قصير: Create Arabic version – RTL
- أساسيات HTML: التحدي 1
- أساسيات HTML: التحدي 2
- HTML Fundamentals Quiz
- 6الجداول في HTML10 دروس · 4 اختبارات
- نظرة عامة
- الهيكل الأساسي للجدول
- مختصر كتابي: Basic Table Structure
- اختبار قصير: Basic Table Structure
- تحسين هيكل الجدول
- مختصر كتابي: Enhancing The Table Structure
- دمج الخلايا
- مختصر كتابي: Merge Cells
- اختبار قصير: Merge Cells
- اللمسات الأخيرة وتحسينات إمكانية الوصول
- مختصر كتابي: Final Touches and Accessibility Enhancements
- اختبار قصير: Final Touches and Accessibility Enhancements
- تخطيط موقع باستخدام جدول
- اختبار HTML Tables
- 7النماذج وحقول الإدخال13 درسًا · 6 اختبارات
- مقدمة إلى نماذج HTML
- نظرة عامة على عناصر النموذج
- مختصر كتابي: Overview of Form Elements
- اختبار قصير: Overview of Form Elements
- إنشاء أول نموذج
- مختصر كتابي: Create our first Form
- اختبار قصير: Create our first Form
- إكمال المجموعة الأولى في النموذج
- مختصر كتابي: Finalize first form group
- اختبار قصير: Finalize first form group
- إنشاء مجموعة الرسالة
- إنشاء مجموعة التفضيلات
- إرسال بيانات النموذج
- مختصر كتابي: Submit Form Data
- اختبار قصير: Submit Form Data
- التحقق من صحة النموذج
- مختصر كتابي: Form Validation
- اختبار قصير: Form Validation
- اختبار قسم Forms and Inputs
- 8خاتمة دورة أساسيات HTML يحتوي على دروس مجانية
- الاختبار النهائي
- الاختبار النهائي لدورة أساسيات HTML
تعلّم على يد م. محمد أبو سريع
م. محمد أبو سريعمهندس برمجيات ذو خبرة أكثر من عشر سنوات في كبرى شركات الخليج وأوروبا. يعمل حاليًا ككبير مهندسي البرمجيات في شركة رائدة في مجال تصنيع الأدوية والتكنولوجيا الحيوية. لديه خبرة كبيرة في تطوير الواجهات الأمامية، بجانب خبرته في إلقاء المحاضرات في الجامعات المختلفة، وقناته التعليمية على اليوتيوب التي يشرح فيها البرمجة وعلومها بطريقة مبسطة.
ماذا قال الطلاب عن الدورة
التقييمات والمراجعات
جزاكم الله خيرا
الكورس ممتع و مهم. في الاول كنت فاكر الكورس صعب عشان مكنتش عارف اشتغل في الكورس لكن في الاخر الحمد لله خلصت الكورس و كان سهل وشكرا
التنظيم في الشرح والتطبيق واختيار المععلومه ورتيبها
محمد ابوعيسىHTML لغه مهمه و لكن سهله و بسيطه.
اعجبني طريقة الشرح كانت مبسطه وطريقه تقسيم المنهج
سهل جزاك الله خيرا
صراحةً مجهود عظيم ومحمود بإذن الله، كان لي تعامل سابق مع HTML وأنا بجهز بروفايل Github وماكنتش فاهم الأكواد دي ولا بنتعامل معاها ازاي، فدلوقتي ما شاء الله بقيت ببص لصفحة HTML الاقيني فاهم الحاجات دي معناها ايه وايه المقصود بيها وطريقة استخدامها، صدق من قال أن العلم نور، فنسأل الله أن يعلمنا وأن يبارك للقائمين على هذه المنصة والمشاركين فيها
المصداقية في الشرح و في التطبيق و الاستفاضة في بعض المعلومات بما يجب و جزاكم الله عنا خيرا و نفع بنا و بكم
شرح بشمهندس محمد ممتاز ودايماً بيركز على التطبيق العملي على كل حاجة بيشرحها
فعلا أنا كان عندي خبرة سابقة واتعلمت قبل كدا HTML بس بصراحة استفدت كتير فعلا وعرفت حاجات اكتر وشغل احترافي اللهم بارك 🥰
البساطة والسهولة في الشرح تسهل المادة الصعبة وتزيل التخوف - أساسيات اللغة كجزء أول جيدة جداً وبداية مشجعة
شرح مبسط ومفصل و منظم و جميل
Yasser Ayoub Owiasمشاء الله شرح فوق الروعة الله أسأل ان ييسر لكم اموركم كما تيسروها لنا في تبسيط المعلومة وشرحها ب اسلوب فوق الرائع شكرا بشمهندس محمد وشكرا لجميع القائمين علي المدرسة
أنصح بشدة بهذه الدورة لكل من يرغب في تعلم أساسيات HTML بطريقة منظمة وسهلة الفهم. المحتوى شامل ويغطي الجوانب النظرية والعملية بشكل متوازن، مما يساعد على ترسيخ المفاهيم وتطبيقها مباشرة. أسلوب الشرح واضح ومبسط، والمدرب يتمتع بخبرة عالية وقدرة رائعة على إيصال المعلومة. تجربة تعليمية ممتازة وتستحق التقدير.
الدورة رائعة جداً ومحتواها مفيد جداً وجذاب والدروس منظمة ومبسطة فسهلة الفهم والمعلم شرحه جميل ويوصل إلينا المعلومات بطريقة مبسطة وسهلة والمشرفون يدعموننا طوال الوقت هذه دورة ممتازة لشرح المعلم المنظم ولأنها من منصة المدرسة
اتبسط بالتعلم مع الباشمهندس محمد ابوسريع وبالتأكيد ارشح الكورس لاي حد حابب يدخل مجال ال front-end بل ارشح المنصه كامله كفرونت اند او باك اند لاي حد حابب يدخل مجال البرمجه وبجد معلمين رائعين جدا
السلام عليكم ورحمة الله و بركاته من حيث محتوي الدورة و المواضيع كانت جيدة جدا و كان الشرح جيد و كانت سهلة و منظمة و لكن في البداية صعبة و مع الوقت فهمتها و أما عن المختصرات الكتابية فقد سهلت المراجعة أما بالنسبة للدعم طوال الدورة فكانوا يتابعون برسائل تشجيعية بعد الانتهاء من كل درس شكرا لمستر محمد أبو سريع علي هذه الدورة الجيدة و جزاك الله خيرا و أنصح المبتدئين بهذه المنصة و من كان يريد أن يبدأ في تطوير الويب فليبدأ بهذه الدورة. جزاكم الله خيرا و جعلنا و أياكم من أهل الجنة, تحياتي, عبد العزيز أحمد.
كورس أساسيات HTML قمة في الإبداع والوضوح، شرح مبسط وسلس يوصل المعلومة بسهولة، جودة الفيديو والأنيميشن ممتازة وتشد الانتباه، والأسلوب في الشرح جميل ورائع، يخليك تتحمس تكمل للآخر.
السلم عليكم ما هو الاقصاء و متى يحدث و كيفية تجنبه مع العلم اني اشتركت في الدورة ال شاملة دورات الcss, python.html عنما كان عليها عرض غهل هي مجانية
الحمدلله رب العالمين دورة اساسيات HTML اتعلم منها معلومات جديده خصوصاً ال form و Post /Get request لأن الموضوع مكنش واضح أبدا بالنسبالي قبل ما البشمهندس يوضحوا خصوصاً أمتي استخدام Post و أمتي استخدام Get . تعلمت توفير اللغتين العربية والإنجليزية في الموقع أول مرة اشتغل اللغتين في موقع، انا حضرت course HTML على الyoutube لاكن المعلومات دي كانت جديده بالنسبالي. جذاكم الله كل خير
أنا اتخرجت تفنية معلومات في السودان ماشاء الله لكن بكل بصدق هذه الدبلومه ولا مقارنة بالجامعة التي تدرست فيها شهادة حق أمام الله إن شاء الله في ميزان حسناتكم شرح سلس وهذا يدل على صبر الأستاذ محمد أبو سريع وذكاءه وجهده المتواصل لكي تصل المعلومه بسهولة إلى السامع في زمن كثرة فيه المسارات و الكورسات و المصادر وتصل إليك هذا الشرح الوافي نشكركم كل الشكر جزاكم الله كل الخير وطيب الله ثراكم إن شاء الله.
لأول مرة أقيم دورة تدريبية وده إن دل على شئ فهو يدل على قوتها .. ظني اني مش محتاج معرفة أكثر في HTML ولكن فقط ممارسة وده لأن المهندس محمد أبو سريع في ظني الشخصي هو شرح كل ما لا يسع (مطور الفرونت اند) جهله في عالم الHTML .. وللحديث بقية ان شاء الله عن CSS و JS بعد ما أخوض فيهم مع البشمهندس
.
لاكن على العموم جيدة وجيدة جدا
الكورس ماشاءالله في كمية معلومات وطريقة شرح وترتيب للمعلومات دي جميلة جدا خصوصا سكشن الفورم سكشن ممتاز جدا جدا جدا شكرا المدرسة شكرا أبوسريع ❤❤
دائما الي تقدم
شرح رائع مختصر
اشكر المهندس القدير محمد ابو سريع على الابداع المثير والشرح الرائع
الحمد لله ربنا وفقنا و وصلنا لهنا و لسه مكملين . ربنا يوفكو و تقدمو اكتر و اكتر و ينفعكو و ينفع بيكم . و جزاكم الله خيرا .
شرح البشمهندس ابو سريع كان مبسط وجميل جدا وتشجيعه بيخلي الاستماع للفيديوهات ممتع, جزاكم الله خيرا 💙
دورة جميلة وسهلة كبداية في ال HTML
شرح وافي وممتاز جدا ربنا يبارك لك
مفيد للمبتدئين واللي عندهم بعض المعلومات عن اللغة للتثبيت + نصائح جميلة جدا من سوق العمل والتيمات الحيقيقةز
جزاكم الله خيرا م محمد
تم الانتهاء من الدوره جزاك الله كل خير
عجبني اختصار الطريق و شرح المعلومة و توصيلها بطريقة سهلة الفهم
شرح فعال ومتميز
ممتازة
شرح سهل ويسير بارك الله فيكم ونفع الله بنا وبكم
Clear instruction and real-world applications make learning HTML a breeze, setting the stage for success in building stunning websites."
هذه الدورة هي عبارة عن المعنى الحرفي للتعلم بواسطة التطبيق العملي بمشاريع.
من بين الاشياء التي اعجبتني هي اقتصار المنهدس محمد في هذه الدورة على الاساسيات المهمة في html , وتجنبه تكديس المعلومات بحيث لم يعرض جميع مكونات ال HTML في دورة واحدة. الشيئ الذي قد يسبب الملل والضجر احيانا في رحلة التعلم, و هذا عن تجربة. سبق لي البدأ في كورس HTML في Udemy و كان طويلا دون ان يتم كسره بمحتوى اخر. اختيار وتنظيم موفق للمحاور-العمل بتدرج في المعلومات-شرح رائع اللهم بارك❤
شرح جميل والمهندس بيشرح مساعدات وادوات تساعدك فى التعلم
جزاك الله خيراً
الشرح جميل و رائع و فكرة انك بتطبق مع الباشمهندس محمد دي حاجه جميلة وبتثبت المعلومات لان البرمجة تعتمد بنسبة اكبر على التطبيق لكي تتمكن من غرس المعلومات بشكل اعمق و هذا ما يقوم به الباسمهندس محمد في الكورس يرسخ المعلومات في ذهنك من خلال الممارسة بارك الله فيك يا هندسه و كل من قام على هذا الكورس الرائع
أسلوب طرح الأستاذ محمد سلس و رائع وسهل الفهم أنصح أي شخص يريد البدء بمجال الويب أنه يأخذها
ما أعجبني في هذه الدوره هو التطبيق العملي علي كل جزئيه جديده يتم شرحها حتي تثبت المعلومه و أيضا إعطاء نصائح بخصوص طريقة المذاكره الفعاله حتي تخرج بأكبر قدر من الاستفاده مع تجنب الاشياء الغير ضروريه التي لن تفيدك في سوق العمل.
شرح وطريقة عرض المعلومة اكثر من روعة. اللهم بارك ❤❤
ما شاء الله شرح ممتاز
عجبني جدا طريقة الشرح المبسط للمحتوى والتشجيع والتطبيق . بجد يستحق المشاهدة
دورة نافعة ويسيرة وعملية
شكراََ جداََ علي شرح حضرتك الجميل
❤️❤️
بسم الله ماشاء الله شرح جميل وتحديات مفيده جداً
المحتوى رائع جزاكم الله كل خير
المحتوى رائع جزاكم الله كل خير
أول دورة م عايزاها تخلص من المتعة الل فيها حقيقي )).
شرح بسيط و جميل
الكورس بداية كويسة في المجال عجبني شرح الsemantic html. بس كان نفسي البشمهندس يتكلم عن وسم الform and input ووسم الtable ولو نبذة بسيطة عنهم, ممكن بعد تكمل الكورس الجميل دا تبحث عنهم
الأسئلة الشائعة
إذا أردت أن تبنى منزلًا، فإنك تخطط له جيدًا لمعرفة أساس هذا المنزل وجدرانه وغرفه، وهكذا. يمكنك اعتبار HTML نفس الشيء بالنسبة لأساس المنزل، فـ HTML هي أساس صفحات الويب والمواقع، وعن طريقها يفهم المتصفح المحتوى الرئيس للموقع، ثم يقوم بترجمته وتحويله إلى ما تراه من نصوص وقوائم وعناوين وأي شيء آخر يعتبر من أساسيات صفحة الويب؛ لذلك يمكننا القول إن HTML هي مجموعة من التعليمات البرمجية التي تُستخدم في هيكلة الموقع وصفحات الويب. وهذه الدورة ستمنحك كل ما تريد معرفته حول HTML لتبدأ أولى خطواتك في تعلم مجال تطوير الويب.
هناك العديد من الفوائد لتعلم HTML، بما في ذلك:
1- تصميم صفحة الويب: HTML هي لغة الترميز (markup language) المستخدمة في تصميم صفحات الويب (web pages). فإذا كنت ترغب في تصميم صفحات الويب أو تطويرها، فإن تعلم HTML ضروري.
2- فهم كيفية عمل الويب: يساعدك تعلم HTML على فهم كيفية عمل الويب، وكيفية تحميل صفحات الويب، وكيفية عرضها على المتصفح.
3- تعلم لغات البرمجة الأخرى: HTML هي الأساس الذي تقوم عليه لغات تطوير الويب الأخرى، مثل CSS و JavaScript. لذلك، يعد تعلم HTML خطوة أساسية نحو تعلم هذه اللغات الأخرى للدخول في عالم الويب.
يمكنك البدء في تعلم HTML باتباع الخطوات التالية:
1- دراسة المفاهيم الأساسية: يجب أن تبدأ بفهم المفاهيم الأساسية لـ HTML مثل العناصر Elements والعلامات Tags والسمات Attributes وكيفية استخدامها في تصميم صفحات الويب.
2- التدرب على كتابة الكود: إن أفضل طريقة لتعلم HTML هي من خلال التدرب على البرمجة وكتابة الكود. يُمكنك البدء بإنشاء صفحات ويب بسيطة والانتقال تدريجيًا إلى مشاريع أكثر تعقيدًا.
3- بناء المشاريع: بينما تتعلم HTML، حاول بناء مشاريع مثل المواقع الشخصية أو صفحات الويب لتطبيق مهاراتك بطريقة عملية.
وتجد كل هذا وأكثر من خلال هذه الدورة والدورات القادمة في مسار تطوير الواجهات الأمامية.
يختلف وقت تعلم أساسيات HTML من شخص لآخر نتيجةً لاختلاف الظروف والوقت المتاح لكل شخص، ولكن في المتوسط، فإن دورة أساسياتHTML هذه يُتوقع الانتهاء منها في خلال أسبوع تقريبًا.
ابدأ دورة أساسيات HTML اليوم
اشتراك مدى الحياة، شهادة إتمام، ودعم من فريق المدرسة طوال رحلتك.
اكتر حاجه عجبتني هو شرح المهندس محمد ابو سريع بارك الله فيه اسلوبه في الشرح سهل ومبسط ومنظم