Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing

HTMLتعلم لغة HTML

  • ما هي لغة HTML؟
  • إصدارات HTML
  • ماذا سأتعلم في هذه الدورة؟
  • لمن تم إعداد هذا المرجع؟

ما هي لغة HTML؟

HTML هي لغة بسيطة جداً تستخدم لوصف ما تحتويه صفحات الويب ( Web Pages ) و معنى ذلك أنها تستخدم لتحديد العناصر الموجودة في الصفحة مثل العناوين، الفقرات، الأزرار، الصور، القوائم، الجداول و غيرها من الأشياء التي يمكن إضافتها في صفحات الويب.

إذاً نستخدم هذه اللغة لهدف واحد فقط و هو تحديد بنية صفحات الويب ( Pages Structure ).

كلمة HTML هي إختصار لجملة HyperText Markup Language و هذا يعني أنها لا تعتبر لغة برمجة ( Programming Language ) بل تعتبر لغة توصيف ( Markup Language ).


مكونات صفحة الويب

بشكل عام، لتبني صفحات ويب إحترافية عليك تعلم اللغات التالية و بنفس الترتيب:

  1. لغة HTML من أجل تحديد العناصر التي نريد إضافتها في الصفحة.
  2. لغة CSS من أجل تحسين تصميم العناصر الموجودة في الصفحة.
  3. لغة Javascript و نستخدمها لإضافة مؤثرات في صفحات الويب و لمعالجة البيانات التي يتم إدخالها و عرضها في الصفحات.

لا تقلق سنعلمك اللغات الثلاثة تباعاً و من الصفر و ستستمتع كثيراً بتعلمها معنا لأنك ستتعلمها بشكل تفاعلي.

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

إصدارات HTML

من بداية ظهور المتصفحات و لغة HTML يتم تطويرها و إضافة المزيد من الميزات فيها مع كل إصدار جديد و الجميل في الأمر أنه من يعرف إصدار واحد منها يمكنه بكل سهولة التعامل مع أي إصدار آخر لأن مبادئ اللغة هي نفسها.

الإصدار الذي يجب عليك تعلمه في الوقت الحالي هو الإصدار الخامس من اللغة الذي يقال له HTML5.
هذا الإصدار أضيف فيه العديد من الميزات المهمة التي لم يسبق إضافتها في الإصدارات السابقة أهمها إمكانية عرض فيديوهات، أغاني و رسومات في الصفحات بكل سهولة و بشكل مباشر بدون الحاجة لاستخدام إضافات ( Plugins ) خاصة لذلك، لهذا أصبح الجميع يستخدمه بدلاً من باقي الإصدارات.


مراحل تطور اللغة

  • عام 1989 قام المهندس Tim Berners-Lee بابتكار أول مشروع برمجي هدفه مشاركة البيانات عبر شبكة النت ( World Wide Web ) و التي تختصر بالأحرف WWW التي لا زلنا حتى يومنا نراها في روابط المواقع. في ذاك الوقت كان الدخول للنت صعباً لأنه لم يكن هناك متصفحات تعرض المحتوى بشكل جميل.
  • عام 1991 قام المهندس Tim Berners-Lee بإبتكار لغة HTML بهدف عرض البيانات بشكل أفضل بداخل المتصفح.
  • عام 1993 قام المهندس Dave Raggett بإضافة بعض التطويرات على اللغة و قام بتسمية الإصدار HTML+.
  • عام 1994 قام المهندس Tim Berners-Lee بتأسيس شركة W3C حتى يتابعوا تطوير لغة HTML و البروتكولات التي تستخدم في شبكة النت بشكل منظم و لتكون المركز الأساسي للتطوير.
  • عام 1995 قام مجموعة من المهندسين بإضافة بعض التطويرات على اللغة و قاموا بتسمية الإصدار HTML 2.0.
  • عام 1997 قامت شركة W3C بإضافة بعض التطويرات على اللغة و قاموا بتسمية الإصدار HTML 3.2.
  • عام 1999 قامت شركة W3C بإضافة بعض التطويرات على اللغة و قاموا بتسمية الإصدار HTML 4.01.
  • عام 2014 قامت شركة W3C بإضافة بعض التطويرات المهمة جداً على اللغة و قاموا بتسمية الإصدار HTML 5.
  • عام 2016 قامت شركة W3C بإضافة بعض التطويرات على على الإصدار الخامس و قاموا بتسمية الإصدار HTML 5.1.
  • عام 2017 قامت شركة W3C بإضافة بعض التطويرات على على الإصدار الخامس و قاموا بتسمية الإصدار HTML 5.2.

ماذا سأتعلم في هذه الدورة؟

في هذه الدورة ستتعلم الإصدار HTML 5 و كل ما هو جديد فيه لأنه أهم و آخر إصدار يستخدم فيها.

إذاً ستتعلم كيف تضع البنية الصحيحة لصفحات الويب و ستتعرف على كل ما يمكنك إضافته في الصفحات. لذلك كن على يقين أنك بعد إتمام هذه الدورة ستصبح جاهز تماماً لتبدأ بتعلم لغة CSS و متابعة تطوير نفسك.


هل أحتاج معرفة أي شيء قبل تعلم هذه الدورة؟

إطلاقاً، أسلوب الشرح المعتمد في هذه الدورة لا يتطلب منك معرفة أي شيء مسبق.

لمن تم إعداد هذا المرجع؟

تم إعداد هذا المرجع ليتلاءم مع جميع الأشخاص الذين يريدون التعلم.
إذاً سواء كنت هاوياً، طالباً أو مبرمجاً، فإن هذا المرجع سيساعدك على فهم لغة HTML و الوصول إلى مستوى متقدم جداً.

في الدرس التالي سنرشدك لتحميل البرامج التي يمكنك استخدامها لكتابة الكود و التي بإمكانك إستعمالها نفسها في مشاريعك الخاصة في المستقبل.