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

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

Исправляем шрифты на втором мониторе Macbook Pro

Купив недавно Macbook Pro 2016 года, обнаружил неприятный момент с отображением шрифтов на подключаемых мониторах. Выглядят они с артефактами и размытыми. Проблема не нова и наблюдается уже много лет.

Решений в интернете нашел много, большинство из них сводились к форсированию RGB режима на втором мониторе путем применения патчей. Но я нашел проще и более прозрачный способ, как справиться с проблемой.
Подробнее »Исправляем шрифты на втором мониторе Macbook Pro

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

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

Как подружить Angular 2 и Socket.IO с помощью RxJS

Работая над проектом, в котором как вы догадались, используются Angular 2 и Socket.io, я захотел поделиться способом создания провайдера, который будет содержать методы для подписки и вещания событий, возвращающих Observable переменные. Функционала написаного провайдера хватит на реализацию фактически любого веб-приложения использующего одно socket подключение.Подробнее »Как подружить Angular 2 и Socket.IO с помощью RxJS

Progressive Web Apps — будущее веба

Если вы web-разработчик, то наверняка слышали такое понятие как «Progressive Web App».

Данное определение является немного расплывчатым и несколько спорным. Но в целом, идея заключается в том, что веб-страница, которая «приняла нужные витамины», ведет себя как обычное приложение установленное из App Store. Изначально страница открывается, как обычно в окне браузера, но если она обладает правильным функционалом, пользователь сможет позволить браузеру «Добавить на рабочий стол» эту страницу. Ранее данный функционал использовался в качестве закладок.Подробнее »Progressive Web Apps — будущее веба

RESTful API с помощью Express и MassiveJS

MassiveJS — это замечательная библиотека, которая позволяет легко делать прямые запросы из Node в базу PostgreSQL. Вместо того, чтобы пытаться преобразовывать данные базы в объекты, как это делает ORM, MassiveJS дает возможность работать напрямую с таблицами и функциями базы.

В этом посте, я расскажу как писать простое API для TODO — приложения с помощью Express и MassiveJS.Подробнее »RESTful API с помощью Express и MassiveJS

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

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

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

CSS3 анимация c помощью animate.css

Наверняка каждый из вас хотя бы раз встречал сайт, в котором по мере скролла появляются элементы с различными css3 анимациями. Для реализации таких эффектов и приданию динамичности сайту в целом можно использовать библиотеку animate.css. О том как ее использовать я расскажу далее.Подробнее »CSS3 анимация c помощью animate.css

Angular 2 интерцептор

Одной из самых распространенных задач при разработке SPA (Single Page Application) является установка постоянных хедеров во всех http запросах к API. Например отправка jwt-токена в методах для авторизированного пользователя. Но в Angular 2 http — интерцепторы не поддерживаются, как это было в Angular первой версии. Как же все таки реализовать в одном месте настройку хедеров для всех запросов приложения? Об этом я расскажу далее.Подробнее »Angular 2 интерцептор

ionic debug

Отладка (debug) ionic приложений

После установки ionic framework и разворачивания проекта, лично у меня, первым делом возник вопрос: как правильно делать отладку написаного кода? Данный процесс для гибридных приложений не столь очевидный, как для нативных. Поэтому я постараюсь доступно описать его далее.Подробнее »Отладка (debug) ionic приложений

Гибридные приложения, разработка c Ionic

В эру мобильных технологий каждая уважающая себя компания или владельцы сайтов создают мобильные приложения, что бы пользователям было еще удобней, быстрее и приятней воспользоваться их услугами. И это логично, ведь чем удобней доступ к сервису, тем больше у него аудитория, а следовательно и больше возможной прибыли. Но не все заказчики могут себе позволить найм нужного количества разработчиков для создания нескольких нативных приложений для разных платформ, да и не все студии имеют нужных специалистов. Но представьте себе технологию, которая позволит обычным разработчикам сайтов создавать кросс-платформенные приложения зная лишь как верстать и javascript. Круто? И я так думаю. Ниже я хочу поведать вам о невероятном фреймворке, который позволит компилировать html5+css+js код в нативные приложения сразу под несколько платформ.Подробнее »Гибридные приложения, разработка c Ionic

Анимированная bootstrap кнопка меню «гамбургер»

Кнопка «гамбургер» стала своего рода стандартом для мобильных версий сайтов, по нажатию на которую, появляется или скрывается меню сайта. Но стандартная кнопка в bootstrap никак не изменяется при нажатии. Ниже находится сниппет, добавляющий популярную анимацию (превращение в крестик) для данной кнопки.Подробнее »Анимированная bootstrap кнопка меню «гамбургер»