js

rxJs

RxJS: все о Subjects, Behavior Subjects и Replay Subjects

Subject’ы очень полезны при множественных подписках или в случаях, когда источник потока сложно трансформировать в observable переменную. Но ими легко можно злоупотребить. Поэтому мы рассмотрим основные типы Subject’ов и в каких случаях их стоит использовать.Подробнее »RxJS: все о Subjects, Behavior Subjects и Replay Subjects

О том, как я перешел с PhpStorm на VS Code

В этой статье я не собираюсь делать обзор между VS Code и каким-то редактором или IDE. Я хочу поделиться своим опытом перехода с PhpStorm на Visual Studio Code, работая с проектами, в которых используется typescript, js, node.js и php.Подробнее »О том, как я перешел с PhpStorm на VS Code

Отправка файлов POST запросом в Angular 2

Когда возникает такая тривиальнейшая задача как отправка картинки $http запросом, ожидаешь, что ничего сложного возникнуть не может и такой функционал должен бы решаться на уровне фреймворка. Но не все так просто, как хотелось бы. Поэтому хочу поделиться небольшими примерами того, как отправлять файл и как можно отправить его вместе с другими полями формы.Подробнее »Отправка файлов POST запросом в Angular 2

Как установить и настроить gulp

Сборка front-end’а на пальцах с помощью Gulp

В наше время сборка front-end’a является уже неким стандартом в разработке сайтов и веб-приложений. Есть множество вариантов сборки ресурсов сайта и каждый разработчик выбирает для себя сам, какие инструменты для этого использовать. Я же хочу поведать о процессе сборке с помощью менеджера задач, которому отдал предпочтение, а именно GULP.Подробнее »Сборка front-end’а на пальцах с помощью Gulp

Создание html5 приложений с помощью CreateJS

После того как Apple, объявили о прекращении поддержки flash, нам открылся новый рынок с широкими горизонтами, а именно разработка новых и портирование уже существующих игр на html5. Даже малым веб-студиям начали сыпаться заказы на портирование игр и именно поэтому я представляю вводный курс в весьма известный и многофункциональный фреймворк CreateJS, который включает в себя такие пакеты: EaselJS, TweenJS, SoundJS и PreloadJS.Подробнее »Создание html5 приложений с помощью CreateJS

Ускоряем верстку по БЭМ

В данной статье я расскажу, как автоматизировать процесс построения дерева классов с вложенностью в вашем sass файле, для верстки документа построенного по методологии БЭМ.

Прежде всего, что такое БЭМ?

БЭМ — методология для фронт-енда от Яндекса. Суть которой улучшить понимание верстки между разработчиками проекта, ускорить процесс разработки и повысить качество фронт-енда за счет независимости блоков друг от друга.

Подробнее »Ускоряем верстку по БЭМ

Простой js шаблонизатор

Недавно пришлось столкнуться с уже готовым очень простым проектом, в котором было необходимо добавить вывод дерева категорий и товаров в них. Данные приходили в виде json через запросы к API. В арсенале на фронте был лишь jQuery, а привыкнув к шикарному шаблонизатору Angular’а, я не хотел вновь возвращаться к конкатенации строк, и подключать какой-то фреймворк естественно не имело смысла. Мне необходим был минимальный шаблонизатор, который мог бы повторять куски верстки подобно директивам angular, с условиями и переменными.Подробнее »Простой js шаблонизатор