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

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

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

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

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

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

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

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

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

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

    Frontend-специалисты из верстальщиков превратились в полноценных программистов. Это повысило требования к квалификации и повлияло на стоимость разработки.

    Мы во всём стараемся исходить из целесообразности и предлагаем использовать javascript-фреймворки только там, где это необходимо. Поэтому часть проектов выполняется "по старинке", при помощи шаблонов.

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

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

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

    Мы разработали интерфейсную часть для:

    МНОГОСТРАХОВОК

    Аггрегатор страховых продуктов по всем направлениям

    SALONETIX PRO

    Система управления предприятием в сфере услуг

    СЧАСТЛИВАЯ ПОКУПКА. БЕЛАРУСЬ

    Сервис для проведения рекламных акций

    PATROL

    Корпоративный сайт российской обувной компании с онлайн-каталогом

    КОМПЛЕКС-АРХИВ

    Автоматизированная система для госархива Ростовской области

    СП-ФИНАНС

    Автоматизированная система контроля выполнения благотворительных проектов

    МНОГОСТРАХОВОК БСО

    Система управления бланками строгой отчетности

    ORLOV ROMANTIC

    СЧАСТЛИВАЯ ПОКУПКА. РОССИЯ

    Сервис проведения маркетинговых акций среди российских покупателей продукции бренда Conte

    THE FURNISH

    Маркетплейс дизайнерской мебели

    ALINA VLASOVA

    Сайт-портфолио фотографа Алины Власовой

    ПРАВОСЛАВНАЯ ОЛИМПИАДА

    Система онлайн-тестирования

    +1ПЛАТФОРМА

    Профессиональная социальная сеть для устойчивого бизнеса, НКО, экспертов сектора, государственных институтов развития и локальных сообществ

    +1ЛЮДИ

    Часть экосистемы коммуникационного проекта об устойчивом развитии +1

    THE FURNISH PRO

    Сервис подбора дизайнеров интерьера

    techranch address

    127422, Москва, ул. Тимирязевская, д.1 стр.2, офис 2557