strokoff
Разделение кода широко используется в веб-разработке на основе JavaScript для повышения производительности и удобства поддержания кода по мере роста. Однако возникает необходимость объединить и транспилировать эти файлы при их выполнении.
Читать далее… »
strokoff
В этой статье я хочу рассказать как сохранить архитектуру приложения при использовании разных типов http-запросов и какие библиотеки можно использовать в приложении. Читать далее… »
strokoff
Как v-once и v-memo могут помочь уменьшить количество повторных рендеров и оптимизировать ваш код.
strokoff
Сегодня мы поближе познакомимся пока с пока еще экспереминтальной, но уже достаточно зрелой для использования фичей Chrome как Recorderer. Появившейся в Chrome 89
strokoff
В мире фронтенда приходится решать просто огромное количество задач, и так получилось, что на работе мне приходится работать c HTML версткой писем, HTML5 версткой лендинг страниц, подгонкой разных блоков друг к другу, выравниванием отступов) и разных игр с цветами и размерами и всем зоопарком плагинов jQuery вместе с велосипедами их владельцев, а еще разные адаптивные хаки и костыли. В общем та еще работка. А с другой стороны также необходимо, писать js плагины для jQuery, что-бы верстальщики сами не велосипедили на лендингах,нативную js бизнес логику без библиотек с поддержкой IE7 в 2016 году( кастомные виды input’ов, начиная от выбора цвета и календарей, заканчивая на уровне Marionette.LayoutView описание документации к этому, и все это лучше для меня еще и 1 раз собрать и иметь возможность переносить с самых разношорстных проектов от статических сайтов до сложных систем на Yii, Symfony и REST сервисов с java backend’ом так, чтобы backend команда легко принимала для себя и работала с полученным модулем\компонентом\функцией\инпутом и это я еще не упоминал о Node.js который выполняет тесты в связке с BrowserStack сотен сайтов для своего мониторинга доступности интерфейсов, ну я это все просто так. К вопросу — Что можно делать на фронте?
strokoff
Сегодняшнюю статью я хочу посвятить обзору одного подхода, что практикую при сборке проектов в так называемый enterprise — под этим я подразумеваю, что вы пишите серьезный проект для бизнеса, где важно соблюдать общепринятые практики, поддерживать качество кода, обеспечивать тестирование и т.п.. Сегодня, мы будем собирать Vue приложение с применением SSR технологии, но не просто, как во всех уроках на коленке и localhost:3000, а подготовим настоящее действительно работающее приложение с учетом множества тонкостей. Т.к. статья рассчитана на middle+ фронтов, мы опустим тонкие devops\sysops настройки и попробуем обойтись без таких крутых и мощных вещей как kubernets или docker, будем разворачиваться так скажем на голом сервере. Реализованную по итогу статьи архитектуру легко обернуть или перенести в свой кластер или контейнер. Если вы решитесь повторить описанное в статье (много листинга кода я выложу) полезно будет параллельно держать открытым официальное vue руководство по ssr. Осторожно! Много кода и конфигов!
strokoff
По ходу работы необходимо заниматься поднятием различного вида серверов\превью\стейдж решил немного прибраться в мыслях и немного их структурировать на тему видов серверов. Читать далее… »
strokoff
Понадобилось мне на работе ловить ботов и другие автоматизированные системы для общения с сайтом, после изучения вопроса, выяснилось, что особого лекарства нет, есть несколько подходов к проверке и я решил их собрать в одном месте. В основе лежат следующие подходы: Читать далее… »
strokoff
В этой статье мы рассмотрим основные подходы при создании переиспользуемого компонента на примере кнопки. Читать далее… »
strokoff
На работе появилась задачка, собрать build систему фронта для одного проекта. На самом проекте уже использовался gulp с несколькими плагинами для облегчения повседневной жизни. Как таковой фронт дев версия от прод версии ничем не отличалась, все console.log и комментарии в коде с FIXME и TODO оставались на месте) про минификацию, обфускацию и т.п. речи небыло. Сам проект написан на symfony в качестве билд системы используется capifony, система Assets самой symfony не используется в силу наличия gulp’a, а также у проекта две веб морды, мобильная и настольная + необходимо поддерживать stage и production режимы. Читать далее… »