Что такое HTML?

HTML — это сокращение от языка гипертекстовой разметки. Я знаю, что это многословно, но по сути мы используем HTML для определения структуры или строительных блоков наших веб-страниц.

Что такое CSS?

CSS — это сокращение от «Каскадные таблицы стилей». Мы используем его для стилизации веб-страниц и придания им красоты.

Что такое JavaScript?

JavaScript используется для расширения функциональности веб-страниц. Позвольте мне привести вам аналогию.

Представьте себе здание.

Здание в реальном мире похоже на веб-страницу в Интернете. У него есть скелет или конструкция – каркас и фундамент здания (HTML).

У него также могут быть красивые стены, окна и плитка, которые завершат его и придадут красивый вид (CSS).

И он может иметь определенные функции, например, быть домом, больницей или супермаркетом (JavaScript).

Например, когда мы нажимаем кнопку лифта, он забирает нас. В нашей аналогии JavaScript позволит это сделать.

Реальный пример

Вот реальный пример. Допустим, вы хотите создать веб-сайт типа Twitter. Для профиля вам нужен такой макет:

Сначала мы используем HTML для определения строительных блоков этого макета. Что это за строительные блоки?

1. Изображение.
2. Некоторый текст, указывающий дескриптор пользователя в Твиттере (например, @KarlgustaAnnoh).
3. Еще один блок текста, содержащий сообщение (Обучение программированию с помощью историй...).
4. Кнопки/значки для редактирования профиля, местоположения, ссылки и даты.
5. Количество подписчиков.

Мы используем HTML для добавления этих строительных блоков на нашу веб-страницу.

Затем мы используем CSS, чтобы придать ему визуальную привлекательность. Например, с помощью CSS мы можем сделать текст жирным (как и имя), можем сделать наше изображение круглым. Мы также можем изменить цвет значков местоположения, ссылки и даты и определить их внешний вид при наведении на них курсора.

Итак, CSS — это визуальные эффекты. С помощью CSS мы также можем создавать красивые анимации.

В настоящее время большинство веб-страниц являются интерактивными. Они реагируют на наши действия, такие как клики и прокрутки. Здесь на помощь приходит JavaScript. С помощью JavaScript мы можем добавлять функциональность или поведение на наши веб-страницы. Например, мы можем нажать кнопку, чтобы подписаться на человека.

Итак, JavaScript — это язык программирования, а HTML (язык разметки) и CSS (язык стилизации) технически таковыми не являются. Это означает, что мы не можем использовать их, чтобы указывать компьютерам, что делать. Мы используем их для определения строительных блоков наших веб-страниц и их стилизации.

Каждая веб-страница, которую вы видели в Интернете, создана на этих трех языках. Таким образом, чем лучше вы изучите и поймете их и их особенности, тем лучше вы будете разрабатывать интерфейс.

Увидимся в следующем выпуске!

P.S. Это моя новая серия. Если вы новичок в программировании и вам нужна помощь в изучении программирования, посетите The 2 Hour Web Developer.