Apaleo Console
Angular. Структура проекта
На прошлом уроке мы установили angular проекта. В этом видео мы разберем структуру файлов и папок нашего angular приложения.
Введение в Angular
В предыдущих уроках мы работали с AngularJS. Современная версия Angular фундаментально отличается от AngularJS. Он написан с использованием TypeScript, а также использует библиотеку RxJS. Начиная с этого видео, мы начинаем изучать современный Angular.Сайт...
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 и пр.) нам часто нужно выполнять одни и те же задачи множество...
TypeScript. Опции компиляции. Файл tsconfig.json
В этом уроке мы поговорим о необходимости файла tsconfig.jsontsconfig содержит настройки компиляции TypeScript проекта. Расположение данного файла определяет корень TypeScript проекта.Кол-во доступных опций компиляции очень большое. С каждым из них вы можете...
TypeScript. Декораторы
В этом уроке мы обсудим декораторы в TypeScript и разберем несколько примеров их использованияДекоратор — экспериментальная, но очень мощная и важная часть в TypeScript. Декораторы — очень важный инструмент в таком фреймворке как Angular. В TypeScript декоратор — это...
PureCSS фреймворк
На странице ваших пожеланий меня попросили сделать урок о CSS фреймворке - PureCSS. В этом видео мы рассмотрим его возможностиPureCSS - фреймворк от кампании Yahoo. О похож на свои более известные аналоги - Twitter Bootstrap и Foundation. Но в нем гораздо меньше...