HTML, CSS и JavaScriprt для Web разработчика — что это такое?

Добрый день! Мы начинаем несколько новых серий статей на различные тематики, одна из которых —  Как стать web разработчиком?

Сейчас, как никогда, очень актуально развитие веб технологий, создание приложений на персональные компьютеры и смартфоны. А чтобы всё это делать, нужно быть, так называемым,  web developer. Есть много других специализаций и связанных профессий, но мы поговорим именно о нём.

Первый вопрос, что возникает перед начинающим веб разработчиком — понять суть, с чем же придётся работать?

Если совсем коротко, нужно «писать код» на разных языках программирования.

Наиболее популярной связкой для изучения и работы сейчас является HTML+CSS+JavaScript. Рассмотрим что это такое по отдельности.

Что такое HTML?

HTML ( англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов в интернете. Абсолютное большинство веб-страниц в мире используют именно его.

Задача html состоит в том, чтобы «подсказать» браузерам как именно отображать информацию уже в готовом виде у вас в браузере. Для этого он использует так называемые «тэги», «атрибуты», «свойства» и другие специфические обозначения.

Например, парный тэг <body>…….   </dody>, обозначает границы «тела» страницы, что отображается на экране. Обычно, именно внутри него располагается основной контент.

структура html страницы

Что такое CSS?

Чистая разметка HTML лишь задает структуру странице. А вот за оформление, внешний вид (цвет, шрифты, высоту и ширину элементов и т.п.) отвечает немного отдельная ветка языка разметки, так называемые CSS.

CSS — это сокращение от Cascading Style Sheets — что означает Каскадные таблицы стилей. Это очень удивительный и удобный инструмент, который значительно упрощает создание и управление интернет ресурсами.

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

CSS может работать с очень многим: полями, фоном, картинками, отступами, боковыми колонками, таблицами и т.п. Его возможности значительно превосходят обычный html код, как по функционалу, так и по удобству.

Что такое CSS?

Фактически, используя лишь html (структуру) и css (внешний вид) уже можно создать полноценный сайт, но он не будет динамическим.

Что такое JavaScriprt?

JavaScript — это очень популярный язык программирования, с помощью которого, как утверждают его фанаты, можно создать почти всё что угодно. В контексте веб разработки, он нам интересен тем, что помогает «оживить» сайты.

Именно используя javascript и его подвиды, современные сайты добавляют анимацию на свои страницы, слайдеры, интересные навигационные меню, скролы страниц вверх или низ при нажатии кнопки, всплывающие формы обратной связи, небольшие встроенные игры, онлайн конструкторы. Даже современные соцсети за основу взяли javascript для возможности ставить лайки, вести переписку онлайн и прочее.

Что такое JavaScript?

Заключение

Таким образом, современная веб разработка просто не может существовать без трёх основных китов: html (структура), css (внешний вид) и javascript (динамика).

С первыми двумя разобраться хотя бы на начальном уровне довольно просто и много времени не займёт, а вот с последним нужно очень много практики. По-этому, сначала стоит использовать уже готовые примеры решений из сети, постепенно постигая все тонкости.

Более подробно обо всех выше перечисленных языках и как с ними работать, мы опишем в следующих статьях.

Смотрите также видео урок «Как стать вебразработчиком. Введение — что такое html, css, javascript?«

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

  bigmir)net TOP 100  - .  E-mail: sitesnulyaru@gmail.com