FRONTEND-РАЗРАБОТКА

Процесс создания веб-интерфейсной части приложения при разработке клиент-серверных приложений называется frontend-разработкой.

Внимание!
Текст изобилует техническими подробностями и требует определённой подготовки при чтении.

Как было раньше и стало теперь

Раньше, когда наша компания только начинала свою работу, javascript-фреймворки только стали появляться. В то время процесс создания веб-интерфейсов был просто вёрсткой. На Backend-основу верстальщик "вешал" шаблон с html-кодом и стилями, сдабривал всё javascript-анимацией и интерфейс был готов. Вся бизнес-логика и обязанность по генерации страниц была на бэкенде.

Сейчас всё по-другому. Для большинства серьёзных проектов frontend стал полноценным приложением, написанным с помощью одного из javascript-фреймворков (ReactJS). Часть бизнес-логики переехала во фронтенд и стала формироваться непосредственно в браузере.

Концепт SPA-приложений

Такой подход позволил реализовать концепт SPA-приложений.

В этом есть много плюсов:

• Разделяет логику представления интерфейса и серверной части. Это даёт преимущество при тестировании и делает структуру приложения более прозрачной и логичной.
• Снимает с сервера обязанность по рендерингу страниц и перекладывает нагрузку на компьютеры пользователей.
• Даёт возможность построения "бесшовного" интерфейса. За счёт того, что фронтенд генерируется непосредственно в браузере, а с сервера приходят только данные, пользователь не видит миганий при загрузке страниц с сервера. Всё происходит максимально плавно, почти как в десктопных приложениях.
• Фронтенд и бэкенд теперь полноценные приложения, которые общаются посредством API. Поэтому стало проще подключить к приложению другие виды представлений интерфейса. Например, мобильные приложения. Можно воспользоваться тем же самым API, с минимальными доработками.

Инструментарий

В отличие от Backend, инструментарий frontend-разработчика практически не меняется уже много лет. Это HTML + CSS (возможно с использованием препроцессоров HAML) и Javascript. Если необходимо использовать фреймворк, то выбираем между ReactJS и Vue. Оба — современные фреймворки с открытым кодом, отвечают всем последним требованиям к веб-разработке.

Если вы не всё поняли из сказанного выше и хотите уточнений, обращайтесь. Мы всегда готовы проконсультировать по разработке Frontend и не только.