Kia ORA! 👋🏽

Большинство людей четко понимают HTML, CSS и JavaScript, и я уверен, что многие из вас знают, что эти три вместе составляют основу любого веб-сайта. Но вам, как ИТ-специалисту, когда-нибудь было трудно объяснить, что каждое из этих значений означает для вашей семьи, близких или друзей, которые не очень разбираются в технологиях? Не бойтесь больше! Эта статья поможет вам.

Сегодня мы будем сравнивать веб-сайт с автомобилем. Так что пристегнитесь, когда мы углубимся в HTML, CSS и JavaScript.

HTML

Мы все знаем, что HTML означает язык гипертекстовой разметки! И для тех, кто разбирается в технологиях, и для тех, кто не разбирается в технологиях, это язык, и это ПРАВИЛЬНО!

Однако вы, как ИТ-специалист, знаете еще больше об HTML, но у вас могут возникнуть проблемы с объяснением этого другим. Итак, вот простой способ сделать это.

Я, например, люблю автомобили, и особенно мне нравится Audi R8. При этом я бы никогда не посмотрел на R8, если бы он выглядел так, как на изображении ниже.

Подобно скелету автомобиля, выступающему в качестве его основы, HTML — это основа, фундамент или просто скелет веб-сайта.

Так вот! HTML — это просто основа или структура.

CSS

CSS просто означает каскадную таблицу стилей. Эти слова говорят сами за себя; CSS используется для добавления стилей к базе в каскадной иерархии или иерархии сверху вниз.

Возвращаясь к нашему потрясающему примеру Audi R8, CSS можно связать непосредственно с дверными панелями, колесами, дворниками, цветом краски, фарами и задними фонарями и многим другим… всем, что придает машине потрясающий вид! 🤩

Вот что я имею в виду под абзацем выше:

ТАДА!! Чертовски сексуально, не так ли? 😍 Это то же самое чувство, которое испытывает любой, когда вы объединяете CSS со своей базой или, в случае с веб-сайтами, со своим HTML.

Итак, теперь ваш веб-сайт выглядит потрясающе, но вы можете пойти еще дальше и действительно выделиться из толпы!

JavaScript (JS)

Если есть что-то, что может вывести ваш сайт на новый уровень; это будет JavaScript. Теперь для добавления функциональности используется JavaScript или JS.

Если мы посмотрим на нашу супер-пупер Audi R8, то она выглядит просто фантастически! Однако, если Audi ничего не может сделать, мы все равно не будем ее покупать, верно? Я имею в виду, что единственная цель АВТОМОБИЛЯ – это средство перевозки кого-либо из пункта А в пункт Б, не так ли? Если он не может этого сделать, то какой смысл владеть автомобилем?

Вот тут-то и приходит на помощь JS, а в случае с Audi — двигатель и его проводка. В конце концов, двигатель — душа автомобиля. Без двигателя Audi R8 никогда не будет реветь так, как надо.

Включение/выключение задних фонарей, дворников, двигателя и развлечений — вот лишь некоторые из функций Audi R8. Это достигается путем подключения автомобиля для выполнения этих задач.

Аналогично, JavaScript или JS используются для добавления функциональности веб-сайтам. В сочетании с HTML и CSS JavaScript делает ваш сайт волшебным. Некоторыми примерами использования JS на веб-сайте могут быть навигация между страницами вашего веб-сайта или проверка любых входных данных и т. д.

Заключение

Поэтому в следующий раз, когда вы захотите объяснить HTML, CSS и JavaScript человеку, не разбирающемуся в технологиях, подумайте о СВОЕЙ любимой машине. Используйте это, чтобы рассказать свою историю в доступной для понимания форме.

Нга михи. 👋🏽