Готовим Vue SSR c 0 до production

19 Апреля 2019 699 , , , , ,

Сегодняшнюю статью я хочу посвятить обзору одного подхода, что практикую при сборке проектов в так называемый enterprise — под этим я подразумеваю, что вы пишите серьезный проект для бизнеса, где важно соблюдать общепринятые практики, поддерживать качество кода, обеспечивать тестирование и т.п.. Сегодня, мы будем собирать Vue приложение с применением SSR технологии, но не просто, как во всех уроках на коленке и localhost:3000, а подготовим настоящее действительно работающее приложение с учетом множества тонкостей. Т.к. статья рассчитана на middle+ фронтов, мы опустим тонкие devops\sysops настройки и попробуем обойтись без таких крутых и мощных вещей как kubernets или docker, будем разворачиваться так скажем на голом сервере. Реализованную по итогу статьи архитектуру легко обернуть или перенести в свой кластер или контейнер. Если вы решитесь повторить описанное в статье (много листинга кода я выложу) полезно будет параллельно держать открытым официальное vue руководство по ssr.  Осторожно! Много кода и конфигов!

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

Разбираемся с Snowflake Phoenix Immutable серверами

28 Января 2019 431 ,

По ходу работы необходимо заниматься поднятием различного вида серверов\превью\стейдж решил немного прибраться в мыслях и немного их структурировать на тему видов серверов. Читать далее… »

Детектим ботов на javascript в браузере

15 Ноября 2018 998 , , ,

Понадобилось мне на работе ловить ботов и другие автоматизированные системы для общения с сайтом, после изучения вопроса, выяснилось, что особого лекарства нет, есть несколько подходов к проверке и я решил их собрать в одном месте. В основе лежат следующие подходы: Читать далее… »

Разрабатываем переиспользуемые Vue.js компоненты

23 Апреля 2018 3569 , , ,

В этой статье мы рассмотрим основные подходы при создании переиспользуемого компонента на примере кнопки. Читать далее… »

Сборка фронта на nodejs

12 Июля 2016 6100 , , ,

На работе появилась задачка, собрать build систему фронта для одного проекта. На самом проекте уже использовался gulp с несколькими плагинами для облегчения повседневной жизни.  Как таковой фронт дев версия от прод версии ничем не отличалась, все console.log и комментарии в коде с FIXME и TODO оставались на месте) про минификацию, обфускацию и т.п. речи небыло. Сам проект написан на symfony в качестве билд системы используется capifony, система Assets самой symfony не используется в силу наличия gulp’a, а также у проекта две веб морды, мобильная и настольная + необходимо поддерживать stage и production режимы. Читать далее… »

Про Marionette.js

23 Июня 2016 7835 , , ,

marionetteВ сети сейчас можно найти много статей про модные ныне javascript фреймворки. Такие как Angular, React, Ember , Polymer воплощающие в себе достаточно интересные идеи и подходы + использующие относительно новые подходы при работе с веб страницей (прим. shadow-dom) и позволяющие делать восхитительные вещи, не без костылей конечно, но это уже другой разговор. Но есть еще один достаточно крупный фреймворк и это Marionette.js некоторые «продвинутые» фанаты мейнстримного фронтенда для себя похоронили этот фреймворк вместе с backbone. Но проект успешно продолжает развиваться и представляет из себя очень хороший фундамент для создания ваших веб приложений. И так будет еще очень долго, пока HTML5 и новые версии фундаментально не придумают что-то иное как работа с DOM. Так что за жизнь marionette можно не переживать. Читать далее… »

Плагин календарь jQuery date picker

19 Июня 2016 4000 , , ,

jquery календарь

 

Хочу поделиться одним небольшим плагином для jQuery.
Кому не хочется читать, вот репа на github и вот демо пример, чтобы потыкать.

Небольшая предыстория) впервые плагином я поделился в песочнице хабра, после прочтения этого поста, но особого эффекта (13 уников перешедших на github) это не возымело. Но вдруг о плагине рассказали на jqueryscript.net и даже китайцы умудрились презентовать на htmleaf.com. И вот я в своем бложе спешу поделиться с вами либой). Читать далее… »

Пишем пингпонг на JavaScript

18 Декабря 2015 9580 , , ,

Эта статья будет полезна в первую очередь новичкам, изучающим JavaScript. Просматривая уроки по JavaScript’у я понял, что нормального материала достаточно мало, много англоязычного и частично некоторая информация устарела и так, как показывают в некоторых уроках, я бы категорически не рекомендовал писать и учиться этому. Поэтому в этой статье я предлагаю написать вместе со мной простейший пингпонг и немного поговорить о JavaScript’e мы не будем сильно заморачиваться с кроссбраузерностью и откажемся сейчас от всяких там старых ие и индивидуальных багов разных версий браузеров. Писать мы будем в стиле ES5 хотя и для сегодняшнего дня 18 декабря 2015 года, уже могу рекомендовать начинать пользоваться ES6, но до широкого продакшена я пока в 2015 году у ES2015 я не вижу перспектив. Читать далее… »

Особенности javaScript в IE8

09 Октября 2015 18096 , ,

Возможно в 2015 году поддержка IE8 не так актуальна,  но когда вы работаете с большим объемом трафика, широким ГЕО посетителей и стараетесь захватить максимальную аудиторию, требования к поддержке браузеров становятся куда жоще. Сегодня я хотел бы поделиться парой особенностей работы javascript’a в IE8 и разобрать некоторые кейсы. Если вы адепт jQuery, можно перестать читать на этом моменте. Читать далее… »

Динамическое добавление элементов в chosen

31 Марта 2015 4532 ,

Столкнулся с задачей динамического добавления новых опций в jquery плагин chosen. Поискав по интернету, наткнулся на пару патчей в пару десятков строк и ужаснулся. А решение на самом деле оказалось на поверхности

Вот и весь профит, спасибо, за внимание.