Небольшой спойлер: данный пост предназначен исключительно для новичков в данной теме. Матёрых кодеров он вряд ли заинтересует 😇
Из чего состоит?
Давай мы с тобой немного пройдёмся по основам.
Веб-разработка это создание сайтов для отображения в интернете
То, что ты видишь каждый день в своём браузере можно разделить на две крупных составляющих: Frontend и Backend
Давай чуть подробнее пройдёмся по каждой из них
Frontend
Если вкратце - это все то, что видит пользователь. Этот текст, кнопки, заголовки, картинки - все можно отнести к фронту
Для того, чтобы стартовать в данном направлении обязательно нужно знать минимальный набор технологий:
- Язык разметки веб страниц HTML (HyperText Markup Language)
- Язык описания стилей CSS (Cascading Style Sheets)
Обладая знанием этих языков ты сможешь сделать себе простой сайт и разместить его в интернете
Для «оживления» твоего сайта и создания более сложных интерфейсов и логики тебе понадобится язык программирования JavaScript. Если к описанному выше стеку ты добавишь знание JS - сможешь себя считать полноценным фронтенд-разработчиком
Backend
Под бэкендом обычно понимают работу серверной части сайта - того, что не видит пользователь. Например, обработка информации из базы данных и вывод ее на экран пользователя, система сессий на сайтах с личным кабинетном (когда ты заходишь на сайт с помощью логина и пароля) и много других важных процессов
Чтобы стать Backend разработчиком тебе нужно знать один (или несколько) из следующих языков программирования:
- PHP
- Java
- Python
- Ruby
- C
Для обращения с базой данных каждому бэкенд разработчику нужно знать язык запросов SQL или ему подобный
Ты ещё со мной? Отлично!
Чтобы тебе стало чуть понятнее - давай рассмотрим стандартное действие на сайте с точки зрения того, что я описал выше
Задача:
Ты заходишь на сайт, чтобы купить себе новый телефон. Ты хочешь посмотреть только смартфоны компании Apple
Ты заходишь в категорию «Смартфоны», открывается страница на которой показаны все смартфоны всех производителей. Нажимаешь на название бренда, по которому хочешь отфильтровать выдачу.
- Фронтенд понимает что произошёл клик
- Обрабатывает данный клик, «смотрит» на данные той кнопки по которой он был произведён
- Отправляет запрос на бэкенд с данными о том, что мы хотим увидеть в ответ
- Бэкенд данный запрос принимает и «читает» его, понимает что от него хотят
- Дальше тот же бэкенд производит запрос в базу данных на основе полученных данных. Переводя на человеческий язык запрос будет примерно таким: «в категории смартфоны найди все модели у которых бренд Apple»
- Когда база данных возвращает результат нашего запроса - бэкенд его «упаковывает» в удобном виде для фронтенда и отправляет в ответ
- Как только JavaScript получает ответ от сервера - он начинает отрисовку (рендер) веб-страницы с новыми данными из ответа
- После того как рендер завершен - мы увидим смартфоны компании Apple на странице нашего сайта
Обычно все это происходит за считанные секунды, и человек практически не замечает этого. Но теперь ты знаешь что происходит в этот момент под капотом
Спасибо, что дочитал! Надеюсь, этот пост был тебе полезен. До новых встреч!
