Особенности Frontend разработки

Концепция фронтенд-разработки

• Понятие front-end означает разработку интерфейса, который виден пользователю, и всего функционала, с которым пользователь может взаимодействовать. На самом деле, когда вы посещаете любой сайт, вы увидите кнопки, текст, различные анимации и другие компоненты — все это реализовано с помощью внешнего интерфейса. Для создания этих элементов используются три разных языка — HTML, CSS и JavaScript.
• Теперь нужно посмотреть на структуру страницы — для этого на любом сайте нажмите F12, чтобы вызвать консоль разработчика. Можно видеть набор строк кода, которые определяют внешний вид этой страницы.
• Код страницы используется для описания всего видимого: шрифтов, изображений, размеров элементов, анимации, всплывающих окон, звуков кликов и всего остального, с чем может взаимодействовать пользователь. Каждая часть интерфейса имеет свой язык. Это именно то, чему должен научиться фронтенд-разработчик.

HTML

• Основным инструментом в этой области является язык гипертекстовой разметки HTML. В основном используется для разметки документов, т.е. страниц в браузере. Используя его, разработчики могут создавать структуру, добавлять заголовки, списки и выполнять другое форматирование контента.
• Если разработчик изучает HTML, он обязательно освоит CSS (каскадные таблицы стилей). Язык отвечает за внешний вид страницы. С ним можно работать с цветами, шрифтами и расположением различных блоков. Проще говоря, CSS используется для красивого оформления страницы и настройки ее внешнего вида после того, как базовая структура написана в HTML.

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