Инструменты разработчика

Gulp. Browsersync

В этом видео мы рассмотрим очень полезный плагин browsersync. Browsersync самостоятельно перезагружает браузер при изменении файлов в проекте (html/css/js и др).Browsersync доступен для Grunt и Gulp. Для настройки browsersync в проекте требуется определить конфиг для...

читать далее

Gulp. Компиляция typescript и сжатие js

В заключительном видео о Gulp мы рассмотрим решения для компиляции typescript и минификации итогового javascript кода.Для компиляции typescript кода в gulp мы будем использовать gulp-typescript. А для минификации итогового javascript мы будем использовать плагин...

читать далее

Gulp. Минификация CSS. Режим watch

В этом видео мы продолжим работать с gulp. Сегодня мы поговорим о минификации css и о методе watch, входящего в ядро gulp.Минификация CSS - очень важная задача. С минимифицированными ресурсами браузер загружает страницу быстрее. Для минификации css я использую плагин...

читать далее

Gulp. Плагины. Компиляция SCSS в CSS

Мы продолжаем изучать Gulp. Сегодня мы рассмотрим необходимость плагинов в Gulp, установим один из них (для компиляции Sass файлов в CSS).Для выполнения различных задач на front'е с помощью Gulp нужно установить плагины. Они устанавливаются как обычные npm пакеты. Для...

читать далее

Введение в Gulp

В этом уроке мы начнем изучать Gulp - мощный инструмент для быстрого выполнения различных frontend задач.При создании frontend проекта с использованием современных средств (css препроцессоры, typescript и пр.) нам часто нужно выполнять одни и те же задачи множество...

читать далее

Консоль Google Chrome

Консоль разработчика - очень полезный и мощный инструмент при разработке и тестировании веб проектов. Вы можете тестировать CSS, выполнять js код, тестировать его и много другое. Я покажу вам возможности, которые сам часто использую в своей работе. Более подробно...

читать далее

Sublime Text. Менеджер пакетов

В этом уроке мы рассмотрим установку и использование менеджера пакетов (package control) в sublime text. Менеджер пакетов увеличивает вашу производительность при работе с данным текстовым редактором, добавляя различные сниппеты и другие полезные вещи. В данном уроке...

читать далее

Sublime Text. Установка. Сниппеты

Многие из вас просили меня сделать уроки по текстовому редактору, в котором я пишу код во время уроков - sublime text. Sublime text - популярный и очень удобный текстовый редактор. Кроме него хочу обратить еще на два популярных редактора - notepad ++ и atom. В этом...

читать далее

Pin It on Pinterest