Фронтенд и основы HTML

В этой лекции можно узнать о базовом устройстве HTML: о самых малых его составляющих (тегах), о простейшей структуре страницы и о комментариях в HTML-коде. Здесь также затрагивается тема современной веб-разработки и подробнее говорится о людях, которые ей занимаются.

Перед прочтением

Перед прочтением желательно ознакомиться с предыдущей лекцией: 1.1 Основы web-технологий . Важно знать, что такое World Wide Web и HTTP, понимать, что из себя представляет клиент-серверная архитектура.

Содержание

§1. Веб-разработка

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

Фронтенд и бэкенд

Принято делить веб-разработку на две части: фронтенд и бэкенд.

Frontend-разработка – это разработка пользовательского интерфейса (другими словами, визуальная часть веб-приложений и сайтов), а также написание пользовательской логики. Проще говоря, фронтенд отвечает за все, что пользователи видят, когда открывают веб-страницу, и за все то, с чем они взаимодействуют.

Backend-разработка — это разработка внутренней серверной части веб-приложения, реализация его логики. Бэкенд включает в себя всё то, что пользователи не видят, и то, что происходит за пределами их браузера и компьютера.

Наглядная иллюстрация того, что ускользает от внимания пользователя

Наглядная иллюстрация того, что ускользает от внимания пользователя

Разработчики

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

Также есть люди, которые занимаются всеми этапами разработки веб-приложений: от создания клиентской части до реализации серверной части. Таких программистов называют full-stack разработчиками.

<aside> 👩🏽‍💻 Подробнее о том, чем отличаются программисты и профессии можно почитать в статье на сайте HTML Academy.

</aside>

Разделение на клиентскую и серверную часть