front-end разработка

  • ХабрахабрФото Деплой приложения с nginx как по нодам

    Деплой приложения с nginx как по нодам

    Привет, Хабр! В этом материале мы разберем деплой приложения на React, арендуем облачный сервер и настроим nginx. Здесь будет необходимый минимум для фронтенд-разработчика: Заливка проекта на GitHub. Аренда и настройка облачного сервера по SSH. Настройка nginx для раздачи статических файлов. Сжатие бандла. Подключение домена. Настройка HTTPS. Настройка Docker. Зальем проект на GitHub У нас есть базовый роутинг и пара пустых…

    Читать далее »
  • ХабрахабрФото 6 простых принципов написания приложения на Vue, которое легко поддерживать (часть 2)

    6 простых принципов написания приложения на Vue, которое легко поддерживать (часть 2)

    Привет! Я Наталья Калачева, Frontend-разработчик в AGIMA. Эта статья посвящена правилам, которые помогают упростить поддержку и расширение приложений на Vue. Тут я рассказываю, как организовать хранение компонентов, стилей и плагинов, когда использовать стор и полезные функции Vue. Первые 3 принципа я опубликовала вчера. Здесь еще 3. 4. Оборачивать библиотеки при инициализации Лучше всего создавать отдельный файл для инициализации широко используемых…

    Читать далее »
  • ХабрахабрФото Использование WebAssetsManager Joomla 4 и добавление собственных пресетов с помощью плагина

    Использование WebAssetsManager Joomla 4 и добавление собственных пресетов с помощью плагина

    В мире фронтенда многие ресурсы (ассеты) связаны между собой. В Joomla никогда не было простого способа указать эту связь, но Joomla 4 изменила эту ситуацию, введя концепцию Web Assets. Управление JavaScript и CSS в Joomla значительно упростилось, благодаря классу WebAssetManager. Есть замечательная статья Как правильно подключать JavaScript и CSS в Joomla 4, в которой подробно и с примерами кода рассказывается об этой…

    Читать далее »
  • ХабрахабрФото «Нужно шире смотреть на мир»: фронтенд-разработчик о синдроме «суперчеловека», работе без диплома и бэкенде

    «Нужно шире смотреть на мир»: фронтенд-разработчик о синдроме «суперчеловека», работе без диплома и бэкенде

    За учебной платформой и курсами Слёрма скрываются живые люди. Они радуются и злятся, заряжаются и устают, язвят и подбадривают. Ещё они любят свою работу. Мы запускаем проект «Слёрм в лицах», чтобы рассказывать о людях, которые каждый день вкладываются в Слёрм и делают его таким, какой он есть. Знакомьтесь — это Мария Дорофеева. Ей 20, она живёт в Архангельске. Маша фронтенд-разработчик…

    Читать далее »
  • ХабрахабрФото Redux Toolkit как средство эффективной Redux-разработки

    Redux Toolkit как средство эффективной Redux-разработки

    Данная библиотека является самой популярной реализацией FLUX-архитектуры и, несмотря на ряд очевидных преимуществ, имеет весьма существенные недостатки, такие как: В настоящее время разработка львиной доли веб-приложений, основанных на фреймворке React, ведется с использованием библиотеки Redux. сложность и “многословность” рекомендованных паттернов для написания и организации кода, что влечет за собой большое количество бойлерплейта; отсутствие встроенных средств управления асинхронным поведением и побочными…

    Читать далее »
  • ХабрахабрФото Тестируем создание библиотеки компонент для Angular с помощью новой команды для Angular/Cli — library

    Тестируем создание библиотеки компонент для Angular с помощью новой команды для Angular/Cli — library

    Вариантов решения проблемы много — от традиционного копипаста, до настройки отдельного проекта с тестами, документацией и даже блекджеком. Когда проектов становится чуть больше чем один, возникает необходимость как-то переиспользовать не только отдельные модули с кодом, но и сами UI-компоненты. В конце июля, команда Angular предложила свое, комплексное, решение этой проблемы добавив в angular/cli новую команду для создания библиотек — library.…

    Читать далее »
  • ХабрахабрФото Angular: ngx-translate. Улучшаем инфраструктуру c помощью Webpack

    Angular: ngx-translate. Улучшаем инфраструктуру c помощью Webpack

    Доброго времени суток. Изначально я планировал 3 части, но т.к вторая часть на деле мало информативна — в этой постараюсь максимально кратко изложить 2е части. Пришло время ngx-translate лайфхаков. Часть 1 Наш AppTranslateLoader будет в первую очередь обращать внимание на язык браузера и содержать fallback логику, импортировать локализации MomentJs, и производить загрузку через APP_INITIALIZER. Рассмотрим AppTranslateLoader в замену TranslateHttpLoader. Так…

    Читать далее »
  • ХабрахабрФото Аутентификации на Angular и Spring без Spring Security (клиент на Angular)

    Аутентификации на Angular и Spring без Spring Security (клиент на Angular)

    О чем эта статья Она может быть полезна для новичков, которые хотят написать своё AAA (Authentication, Authorization, and Accounting). В этой статье, я расскажу как написать простую аутентификацию без помощи готовых решений для данной задачи. Репозиторий клиента на Angular и Репозиторий сервера на Spring. В данной статье я сделаю выдержки кода клиентской части на Angular. В этом разделе я опишу…

    Читать далее »


Кнопка «Наверх»