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 человеку, не разбирающемуся в технологиях, подумайте о СВОЕЙ любимой машине. Используйте это, чтобы рассказать свою историю в доступной для понимания форме.
Нга михи. 👋🏽