Теоретические основы разработки веб-сайтов

HTML (англ. HyperText Markup Language) - это язык гиппертекстовой разметки, представляющий из себя стандартизированный язык разметки документов в сети Интернет. Абсолютно все сайты, открываемые через браузер, имеют в своей основе HTML. Сам язык представляет из себя иерархию, так называемых - тегов. Тег - это некоторая логически законченная единица HTML-документа. Например, есть тег для параграфа текста, для картинки, для ссылки, для блока и т.п. Есть глобальные теги, такие как “head” или “body”, которые инкапсулируют внутри себя другие теги, тем самым создавая архитектуру документа. Все вместе они и создают HTML-документ по определенным правилам, с расширением “.html”.
Язык HTML появился в 1991 года и его создатель Тимоти Джон Бернерс-Ли работал в тот момент в женевском ЦЕРНе. HTML создавался как замена более раннего языка разметки SGML, с целью его упрощения для понимания неспециалистами в разметке документов. Корни SGML уходят в конец 60-х годов, и в начале 90-х потребовался новый виток развития в этом направлении.
Первый сайт в мире на языке HTML был создан 6 августа 1991 года, его также создал Тимоти Джон Бернерс-Ли, использовав первые возможности своего языка. До 1995 год HTML развивался хаотично, было множество, никака не связанных между собой, веток развития. Это породило путаницу в понятиях и терминах, поэтому было принято решение стандартизировать язык и 24 ноября 1995 года вышла сразу вторая версия языка, при этом первая версия никогда не существовала официально.
По мере развития всемирной паутины, HTML так же активно прогрессировал. Следующей важной вехой стал выпуск 14 января 1997 года версии языка 3.2, которая несла в себе полною поддержку CSS-стилей, далее выпуск версии 4.0 - 18 декабря 1997 года, добавил в язык поддержку фреймов, скриптов, общую процедуру внедрения объектов. Были усовершенствованы таблицы и формы, внедрена интернализация, что позволило писать документы на любом языке и использовать их по всему миру. Всё это заложило огромный функциональный запас языка и позволило не менять в нём ничего глобально на протяжении целых 17 лет.
В настоящее время стандартом, рекомендованным для всемирной паутины, является версия языка HTML5 выпущенная 28 октября 2014 года. Она принесла с собой множество изменений:
Синтаксис стал более строгим;
Появились 28 новых структурных элементов;
Улучшилась поддержка мультимедиа;
Исключена часть устаревших тегов;
Улучшена поддержка скриптов.
В настоящее время происходит дальнейшее активное развитие языка, по сути HTML занимает монополистическое положение в своём сегменте, и в данном случае, это идёт только на пользу всему сообществу разработчиков, так как наличие однозначной и полно функциональной технологии, в основе всего, позволяет активно прогрессировать и развивать всемирную паутину.
CSS
CSS (Cascading Style Sheets) - каскадированние стиля страниц, язык описания внешнего вида документа, написанного с помощью языка разметки документа, чаще всего HTML

. Был создан в 1996 году, его создатель Хокон Виум Ли, активно работавший в сфере развития всемирной паутины. Основная идея CSS заключается в наследование стилей от родительского элемента к дочернему. Это сильно упрощает написание некоторого раздела, в котором бы описывался внешний вид документа, позволяя убрать множество дополнительной работы, оптимизировать процесс, внести логику, лаконичность и ясность в механизм оформления документа.
Основной вехой развития языка можно назвать появление 12 мая 1998 года, версии CSS2, которая привнесла следующие значительные нововведения:
Блочная вёрстка;
Медиа запросы;
Звуковые таблицы стилей;
Расширенный механизм селекторов;
Генерируемое содержимое;
После выхода этой версии языка, она стала на долгие годы стандартом, и также как с HTML 4.0, возможностей, заложенных в неё, хватило более чем на 10 лет. Следующая версия появилась только в 2011 году, а текущая версия CSS3, официально не вышла до сих пор, но многие её возможности активно используются уже на протяжении нескольких лет.
Стоит отметить что несмотря на широкое распространение CSS и фактически становления его как стандарта, существует проблема кросс-браузерной совместимости, суть которой заключается в том, что одни и те же css-стили могут по-разному отображаться в разных браузерах. В основном, это связано с особенностями рынка браузеров, историей его становления и развития. Но благодаря наличию специализированных атрибутов в самом CSS, эта проблема решается, хотя и требует написания дополнительного кода.
На сегодняшний день, помимо классического CSS, активно используются так называемые расширения языка или надстройки над языком, которые добавляют ещё один слой абстракции, упрощая и расширяя возможности по разработки стилей. Сейчас на рынке есть два ключевых игрока это Sass и Less расширения. Трансляция кода, написанного с этими расширениями в классический CSS происходит при помощи специальных утилит - препроцессоров. Код написанный с их помощью, является более компактным и читаемым, а их преимущества можно почувствовать уже когда CSS стили разрастаются до нескольких сотен строк кода.
JavaScript
JavaScript (JS) - мультипарадигменный однопоточный интерпретируемый язык программирования. Появился в 1995 года, его автором является Брендан Эйх, работавшим на тот момент в компании Netscape. Изначально JS разрабатывался как скриптовый язык для одноименного браузера этой компании, задача которого заключалась в предоставлении возможности манипулирования содержимым HTML-страницы при помощи страиваемого скрипта.
Существует путаница в названии языка, так как в то время между разными компаниями велась напряжённая борьба за зарождающийся новый мега-рынок, то маркетологи разных корпораций использовали похожее названия для своих продуктов