لغة ترميز النص الفائق (بالإنجليزية: HyperText Markup Language) (اختصار إتش تي إم إل HTML)، هي لغة ترميز تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب. HTML هيكل صفحة الويب وتعطي متصفّح الإنترنت وصفا لكيفيّة عرضه لمحتوياتها، يمكن أن تساعده تقنيات مثل أوراق الأنماط المتتالية (CSS) ولغات البرمجة النصية مثل جافا سكريبت تستقبل متصفحات الويب مستندات HTML من خادم الويب أو من نظام الملفات وتعرضها، ووظيفة لغة HTML هي وصف بنية صفحات الويب هيكليًا. العناصر في HTML هي اللبنة الأساسية لبناء مستندات HTML، إذ نستطيع عبرها إضافة الصور والكائنات التفاعلية مثل النماذج أو ملفات الفيديو والصوت؛ وتستطيع أيضًا إنشاء مستندات منظمة عبر استخدام وسوم للتصريح عن الفقرات والعناوين والروابط والاقتباسات والجداول وغيرها. يمكن للغة HTML أن تُضمِّن برامجَ مكتوبةٍ بلغات مثل جافا سكريبت لتعديل سلوك ومحتوى صفحات الويب؛ وإضافة شيفرات أوراق الأنماط المتتالية CSS تؤدي إلى تعريف شكل وتخطيط المحتوى. تاريخها الأصول في عام 1980، قام الفيزيائي تيم بيرنرز لي والذي كان عاملا في المؤسسة الأوروبية للأبحاث النويية سيرن باقتراح واعداد نموذج بدئي لنظام يمكن باحثي سيرن من استخدام ومشاركة المستندات. وفي عام 1989 قام بكتابة مذكرة يقترح فيها نظام نص فائق hypertext مبني على الإنترنت، وقام بوصف لغة HTML وبكتابة برامج المزود والمتصفح في أواخر عام 1990. كان أول وصف للجمهور من الاتش تي ام ال وثيقة تسمى علامات الاتش تي ام ال ذكر لأول مرة على شبكة الانترنيت عن طريق بيرنرز لي في أواخر عام 1991. فهو يصف 18 من العناصر الأولى التي تتألف منها , نسبيا التصميم بسيط في الاتش تي ام ال بأستثناء علامة الارتباط التشعبي ,هذه تأثرت بقوة في (الاس جي ام ال كويد) ,اسست ال (الاس جي ام ال ) على شكل وثائق في منزل سيرن . أحد عشر من هذه العناصر لا تزال موجودة في الاتش تي ام ال . لغة ترميز النص التشعبي هي لغة العلامات التي تستخدم متصفحات الويب لتفسير وتأليف النص والصور وغيرها من المواد في صفحات الويب المرئية أو المسموعة. يتم تعريف وترميز الخصائص الافتراضية لكل بند من الاتش تي ام ال في المتصفح ,وهذه الخصائص يمكن تغيرها أو تحسينها بواسطة استخدام مصمم صفحة ويب اضافية من الاسي اس اس . تم العثور على العديد من عناصر النص في عام 1988 (أي اس أو ) تقرير التقنية (تي ار 9537) تقنيات لاستخدام (الاس جي ام ال ) الذي يغطي بدوره ملامح اللغات تنسيق النص في وقت مبكر مثل تلك المستخدمة من قبل الأمر الجريان السطحي وضعت في 1960s في وقت مبكر ل CTSS (التوقيت متوافق نظام تقاسم ) نظام التشغيل : وقد استمدت هذه الأوامر التنسيق من الأوامر المستخدمة من قبل عمال التجميع على تنسيق المستندات يدويا . ومع ذلك، يستند مفهوم SGML من معمم العلامات على عناصر ( نطاقات متداخلة مع سمات المشروح ) بدلا من مجرد آثار الطباعة ، مع أيضا الفصل بين هيكل و العلامات ، وقد تم HTML انتقلت تدريجيا في هذا الاتجاه مع CSS . بيرنرز لي يعتبر تطبيق HTML من SGML تم تعريفه رسميا على هذا النحو من قبل فريق عمل هندسة الإنترنت (IETF ) مع منتصف عام 1993 نشر أول اقتراح ل مواصفات HTML : «لغة توصيف النص التشعبي (HTML )» إنترنت مشروع من قبل بيرنرز لي و دان كونولي ، الذي تضمنت نوع الوثيقة SGML تعريف لتعريف النحوي. HTML5.png الجدول الزمني للإصدارات HTML 2 تم نشر HTML 2.0 باسم RFC [rfc:1866 1866] . RFCs إضافية القدرات المضافة: 25 نوفمبر 1995: RFC 1867 (تحميل ملف مستند إلى النموذج) مايو 1996: RFC 1942 (الجداول) أغسطس 1996: RFC 1980 (خرائط صور من جانب العميل) يناير 1997: RFC 2070 ( التدويل ) HTML 3 تم نشر HTML 3.2 رابطة الشبكة العالمية . كانت أول نسخة تم تطويرها وتوحيدها حصريًا بواسطة رابطة الشبكة العالمية ، حيث أغلق IETF فريق عمل HTML في 12 سبتمبر 1996. في البداية ، اسم "Wilbur" ، HTML 3.2 أسقطت صيغ الرياضيات تمامًا ، وصالح التداخل بين ملحقات الملكية المختلفة واعتمدت معظم علامات تمييز نتسكيب المرئية. تم حذف عنصر وميض نتسكيب ومايكروسوفت بسبب اتفاق متبادل بين الشركتين. لم يتم توصيف العلامات الخاصة بالصيغ الرياضية المشابهة لتلك الموجودة في HTML حتى 14 شهرًا في ماث إم إل. HTML 4 تم نشر HTML 4.0 كتوصية من رابطة الشبكة العالمية. إنه يوفر ثلاثة أشكال: صارمة ، حيث تحظر العناصر المهملة انتقالي ، حيث يسمح للعناصر المهملة مجموعة الإطارات ، والتي يُسمح فيها في الغالب بالعناصر ذات الصلة بالإطار فقط. في البداية ، أطلق عليها اسم "Cougar" ، اعتمد HTML 4.0 العديد من أنواع العناصر والسمات الخاصة بالمتصفح ، ولكن في الوقت نفسه سعى إلى التخلص التدريجي من ميزات العلامات البصرية لـ Netscape عن طريق وضع علامة عليها على أنها متقادمة لصالح أوراق الأنماط. HTML 4 هو تطبيق SGML يتوافق مع ISO 8879 - SGML. 24 أبريل 1998 تم إعادة إصدار HTML 4.0 مع تعديلات بسيطة دون زيادة رقم الإصدار. 24 ديسمبر 1999 تم نشر HTML 4.01 كتوصية W3C. يوفر نفس الأشكال الثلاثة مثل HTML 4.0 وقد تم نشر آخر خطأ له في 12 مايو 2001. مايو 2000 تم نشر ISO / IEC 15445: 2000 («ISO HTML» ، بناءً على HTML 4.01 Strict) كمعيار دولي ISO / IEC. في ISO ، تندرج هذه المواصفة القياسية في مجال ISO / IEC JTC1 / SC34 (اللجنة الفنية المشتركة 1 ISO / IEC ، اللجنة الفرعية 34 - وصف الوثيقة ومعالجة اللغات). بعد HTML 4.01 ، لم يكن هناك إصدار جديد من HTML لسنوات عديدة لأن تطوير لغة XHTML المتوازية المستندة إلى XML احتلت مجموعة عمل HTML في W3C خلال أوائل ومنتصف الألفية HTML 5 28 أكتوبر 2014 تم نشر HTML5 كتوصية W3C. 1 نوفمبر 2016 تم نشر HTML 5.1 كتوصية W3C. 14 ديسمبر 2017 تم نشر HTML 5.2 كتوصية W3C.

تعتبر CSS -اختصار ل - (Cascading Style Sheet) لغة توصيفية تقوم بمنح موقع الويب شكله الجميل وتصميمه الفريد الذي سيميزه عن غيره من المواقع . تعد لغة ال CSS صديقة للغة ال HTML فهي دائماً مرافقة لها وبجانبها في تصميم وإنشاء صفحات الويب. تشكل كل من هاتان اللغتان الأساس لكل موقع، فال HTML هي أساس كل عناصر صفحة الويب أما ال CSS فهي أساس تصميم وشكل الموقع فبدونها ستظل مواقع الويب نصًا عاديًا على خلفيات بيضاء, عليك تعلم CSS ان اردت ان تكون مطور واجهات متخصص, كما عليك بالتأكيد تعلم HTML لبناء اي موقع متميز. قبل البدء ببناء و تطوير لغة ال CSS في عام 1996 من قبل اتحاد شبكة الويب العالمية (W3C) ، كانت صفحات الويب محدودة و بسيطة للغاية من حيث الشكل والوظيفة. فقد كانت المتصفحات القديمة تعرض صفحات الويب كصفحات تتكون من نصوص سوداء بخلفية بيضاء فقط (نص – صور – روابط .. إلخ) بدون أي تصميم يذكر. ولم يكن هناك تخطيط لموعد إطلاق لغة ال CSS. سمحت CSS بتصميم وتشكيل صحفات الويب بطرق متعددة و مختلفة لتتمكن من استيعاب مدى إبداع الشخص ، مثل القدرة على: تحديد الخطوط والهوامش والمسافات لعناصر الموقع . تحديد لون وحجم العناصر . تطبيق الألوان على الخلفيات . تحريك العناصر بحرية والحصول على العديد من الحركات في الموقع . والعديد من المزايا الاخرى . كان Microsoft Internet Explorer 3 أول متصفح تم من خلاله عرض واستخدام CSS في عام 1998. وفي يومنا هذا يختلف دعم بعض خصائص CSS من متصفح إلى اخر. أصدرت W3C- التي ما زالت تشرف على معايير الويب و تحديدها- معياراً أو إصداراً جديداً ل CSS وهو CSS3. و بإصدار CSS3، يأمل المطورون أن تقوم جميع المتصفحات الرئيسية بقراءة وعرض كل خاصية من خصائص لغة ال CSS بنفس العرض والطريقة . كيف تعمل CSS ؟ لفهم أساسيات كيفية عمل CSS ، يجب أولاً فهم القليل عن لغة HTML. حيث تكون عناصر صفحات الويب عبارة عن وحدات على أشكال مربعة يحتوي كل منها على عناصر عديدة ويتم تخصيص حجمها وشكلها عن طريق لغة ال CSS . على سبيل المثال ، رأس الصفحة عبارة عن مربع ، ويحتوي على العديد من الوحدات الأخرى الأصغر التي تضم جميع العناصر التي تشكل رأس الصفحة ، مثل الشعار ، و الناف بار ، و أيقونات التواصل الاجتماعية وما إلى ذلك. باستخدام CSS ،

ما المقصود بـ JavaScript؟ JavaScript هي لغة برمجة يستخدمها المطورون في بناء صفحات ويب تفاعلية. بدايةً من تحديث مواجز الوسائط الاجتماعية وحتى عرض الرسوم المتحركة والخرائط التفاعلية، يمكن لوظائف JavaScript أن تحسّن تجربة مستخدم وقع الويب. ونظرًا لأنها لغة برمجة نصية من طرف العميل، فإنها تعد واحدة من التقنيات الأساسية في شبكة الويب العالمية. على سبيل المثال، عندما ترى أثناء تصفح الإنترنت عرضًا دوّارًا للصور، أو قائمةً منسدلةً بطريقة انقر للعرض، أو تغيرًا ديناميكيًا في ألوان العناصر على صفحة ويب ، فكل هذا من تأثيرات JavaScript. فيمَ تُستخدم JavaScript؟ في الماضي، كانت صفحات الويب ثابتة، كصفحات الكتاب. وكانت الصفحة الثابتة تعرض المعلومات في تخطيط ثابت، ولم تكن تفعل كل ما نتوقعه الآن من أي موقع ويب حديث. وظهرت JavaScript كتقنية من جانب المتصفح لإضفاء مزيدٍ من الديناميكية على تطبيقات الويب. وباستخدام JavaScript، يمكن للمتصفحات الاستجابة لتفاعل المستخدم وتغيير تخطيط المحتوى على صفحة الويب. ومع تطور اللغة، أنشأ مطورو JavaScript مكتبات وأُطر عمل وممارسات برمجة وبدؤوا في استخدامها خارج متصفحات الويب. واليوم، يمكن استخدام JavaScript للتطوير من طرف العميل ومن طرف الخادم. خلال الأقسام الفرعية التالية، سنستعرض بعضًا من حالات الاستخدام الشائعة: في الماضي، كانت صفحات الويب ثابتة، كصفحات الكتاب. وكانت الصفحة الثابتة تعرض المعلومات في تخطيط ثابت، ولم تكن تفعل كل ما نتوقعه الآن من أي موقع ويب حديث. وظهرت JavaScript كتقنية من جانب المتصفح لإضفاء مزيدٍ من الديناميكية على تطبيقات الويب. وباستخدام JavaScript، يمكن للمتصفحات الاستجابة لتفاعل المستخدم وتغيير تخطيط المحتوى على صفحة الويب. ومع تطور اللغة، أنشأ مطورو JavaScript مكتبات وأُطر عمل وممارسات برمجة وبدؤوا في استخدامها خارج متصفحات الويب. واليوم، يمكن استخدام JavaScript للتطوير من طرف العميل ومن طرف الخادم. خلال الأقسام الفرعية التالية، سنستعرض بعضًا من حالات الاستخدام الشائعة: كيف تعمل JavaScript؟ تعمل جميع لغات البرمجة من خلال ترجمة بناء جملة شبيه باللغة الإنجليزية إلى تعليمة برمجية للآلة، ويقوم نظام التشغيل بعد ذلك بتشغيلها. وتُصنف JavaScript على نطاق واسع باعتبارها لغة برمجة نصية أو لغة مفسَّرَة. تعليمة JavaScript البرمجية هي تعليمة مفسَّرَة، بمعني أنها تُترجم مباشرةً إلى التعليمة البرمجية الأساسية للغة الآلة من خلال محرك JavaScript. وباستخدام لغات برمجة أخرى، يقوم المحول البرمجي (المترجم) بتحويل التعليمة البرمجية بالكامل إلى تعليمة برمجية للآلة في خطوة منفصلة. ومن ثمّ، فإن جميع لغات البرمجة النصية هي لغات برمجة، ولكن ليست كل لغات البرمجة هي لغات برمجة نصية. محرك JavaScript محرك JavaScript هو برنامج حاسوبي يشغّل تعليمة JavaScript البرمجية. ورغم أن محركات JavaScript الأولى كانت عبارة عن أدوات تفسير (مترجمين)، إلا أن جميع المحركات الحديثة تستخدم التحويل في الوقت المناسب أو تحويل وقت التشغيل لتحسين الأداء. JavaScript من جانب العميل تشير JavaScript من جانب العميل إلى طريقة عمل JavaScript في متصفحك. وفي هذه الحالة، يكون محرك JavaScript موجودًا داخل التعليمة البرمجية للمتصفح. تأتي جميع متصفحات الويب الرئيسة مضمّن بها محركات JavaScript. ويكتب مطورو تطبيقات الويب تعليمة JavaScript البرمجية بوظائف مختلفة مرتبطة بأحداث مختلفة، مثل النقر بالماوس أو تمرير الماوس. وتقوم هذه الوظائف بإجراء تغييرات على صفحات HTML وCSS. وفيما يلي نظرة عامة حول كيفية عمل JavaScript من جانب العميل: 1. يقوم المتصفح بتحميل صفحة ويب عند زيارة هذه الصفحة. 2. أثناء التحميل، يقوم المتصفح بتحويل الصفحة وجميع عناصرها، مثل الأزرار والتسميات والمربعات المنسدلة، إلى هيكل بيانات يُسمى نموذج كائن المستند (DOM). 3. يقوم محرك JavaScript الموجود بالمتصفح بتحويل تعليمة JavaScript البرمجية إلى بايت كود. وتصبح هذه التعليمة البرمجية بمثابة وسيط بين بناء جملة JavaScript والجهاز. 4. تؤدي الأحداث المختلفة، مثل النقر بالماوس على أحد الأزرار، إلى تشغيل كتلة تعليمات JavaScript البرمجية المرتبطة. بعد ذلك، يقوم المحرك بترجمة البايت كود وإجراء تغييرات في نموذج DOM. 5. يعرض المتصفح نموذج DOM الجديد. JavaScript من جانب الخادم يشير مصطلح JavaScript من جانب الخادم إلى استخدام لغة كتابة التعليمات البرمجية في منطقة الخادم بالواجهة الخلفية. وفي هذه الحالة، يُوضع محرك JavaScript على الخادم مباشرةً. كما يمكن لوظيفة JavaScript من جانب الخادم الوصول إلى قاعدة البيانات وتنفيذ عمليات منطقية مختلفة والاستجابة للأحداث المتنوعة الصادرة عن نظام تشغيل الخادم. تُعد الميزة الأساسية للبرمجة النصية من جانب الخادم هي إمكانية تخصيص استجابة موقع الويب تخصيصًا تامًا بناءً على متطلباتك وحقوق الوصول الخاصة بك وطلبات المعلومات الصادرة عن موقع الويب.