Классифицировать фреймворки для веб-приложений можно по двум основаниям: задачам, которые они решают, и размеру.
Каждое веб-приложение включает в себя интерфейсную часть (или фронтенд) и серверную (бэкенд). Это и определило два вида веб-фреймворков, доступных как для внешнего интерфейса, так и для «начинки» продукта.
Эти фреймворки используются для разработки внешнего (пользовательского) интерфейса. Они чаще всего основаны на таких языках программирования, как JavaScript, HTML и CSS.
Среди решаемых задач — разработка дизайна UX/UI, SEO-оптимизация, фрагменты кода, шаблоны, управление взаимодействием с пользователем и многое другое. А среди самых известных фронтенд фреймворков — React, Vue.js, Ember, Bootstrap и Angular.
Эти фреймворки используются для разработки серверной части, которая отвечает за функционирование ИТ-продукта. Они основаны на таких языках программирования, как Python, .NET, Ruby, Java и PHP.
Среди решаемых задач — функционирование сервера и базы данных, протоколы маршрутизации, логика и архитектура сервиса, параметры авторизации, безопасность и многие другие. Среди наиболее популярных фреймворков — Django, Laravel, Ruby On Rails, Spring, Express, ASP.NET Core.
Важно: бэкэнд-фреймворки отлично подходят для создания простой интернет- страницы, формы ее могут быть различны. Также платформы прекрасно справляются с задачей формирования выходных данных и гарантируют безопасность ресурса, если возникнет хакерская атака.
| Фреймворки для фронтенда | Фреймворки для бэкенда |
|---|---|
| Работа с интерфейсом, с которым взаимодействует конечный пользователь ИТ-продукта | Отвечает за функционирование ИТ-решения — все, что “под капотом” |
| Ключевые функции: работа с повторно используемыми шаблонами, разработка UI/UX-интерфейса, оптимизация SEO, повышение производительности и масштабируемости веб-сайта | Ключевые функции: обработка сервера, проектирование архитектуры сайта, управление базами данных, безопасность и маршрутизация URL-адресов |
| Используемые языки: HTML, CSS, JavaScript, TypeScript и другие | Python, JavaScript, PHP, Ruby, TypeScript, Go. и прочие — вот несколько из применяемых языков |
| React, Vue.js, Ember, Bootstrap и Angular в числе наиболее популярных frontend-фреймворков | Django, Laravel, Ruby On Rails, Spring, Express, ASP.NET Core — самые популярные backend-фреймворки |
Несут ответственность не только за серверные, но и за клиентские функции. В качестве примера здесь можно привести Meteor, который базируется на JavaScript, что позволяет разработчику использовать один и тот же код.
Особенность фулстек-фреймворков: все они проводятся в режиме реального времени. Ее суть заключается в том, что если вносятся изменения в один интерфейс, то они будут отображаться и на остальных.
Фреймворки по своему объему классифицируются на: