Front-end и back-end разработка тесно связаны и не могут существовать отдельно. Однако это совершенно разные области программирования, как по типам выполняемых задач, так и по общему назначению. Подробнее react курсы помогут разобраться в этом вопросе.
Концепция фронтенд-разработки
- Понятие front-end означает разработку интерфейса, который виден пользователю, и всего функционала, с которым пользователь может взаимодействовать. На самом деле, когда вы посещаете любой сайт, вы увидите кнопки, текст, различные анимации и другие компоненты — все это реализовано с помощью внешнего интерфейса. Для создания этих элементов используются три разных языка — HTML, CSS и JavaScript.
- Теперь нужно посмотреть на структуру страницы — для этого на любом сайте нажмите F12, чтобы вызвать консоль разработчика. Можно видеть набор строк кода, которые определяют внешний вид этой страницы.
- Код страницы используется для описания всего видимого: шрифтов, изображений, размеров элементов, анимации, всплывающих окон, звуков кликов и всего остального, с чем может взаимодействовать пользователь. Каждая часть интерфейса имеет свой язык. Это именно то, чему должен научиться фронтенд-разработчик.
HTML
- Основным инструментом в этой области является язык гипертекстовой разметки HTML. В основном используется для разметки документов, т.е. страниц в браузере. Используя его, разработчики могут создавать структуру, добавлять заголовки, списки и выполнять другое форматирование контента.
- Если разработчик изучает HTML, он обязательно освоит CSS (каскадные таблицы стилей). Язык отвечает за внешний вид страницы. С ним можно работать с цветами, шрифтами и расположением различных блоков. Проще говоря, CSS используется для красивого оформления страницы и настройки ее внешнего вида после того, как базовая структура написана в HTML.
Фронтенд — это область, где разработчики создают видимые пользователям элементы интерфейса и весь функционал для взаимодействия с сайтами и приложениями.
