Apaleo Console
Angular. Встроенные директивы. Динамические атрибуты элементов
В этом уроке мы рассмотрим некоторые встроенные Angular директивы - ngStyle, ngClass, ngSwitchCase, ng-templateТакже мы разберем другие локальные переменные внутри шаблона директивы ngFor. Особенно отмечу важность trackBy. Этот параметр увеличивает производительность...
Angular. Структурные директивы *ngFor и *ngIf
В этом видео мы рассмотрим структурные Angular директивы - *ngFor и *ngIf, а также специальную директиву ng-containerВ Angular есть три вида директив структурные - они изменяют структуру DOM. атрибуты - изменяют вид/поведение элемента. компоненты Структурные директивы...
Angular. Модули
В этом видео мы обсудим модули. Модули - это глобальные "строительные блоки" Angular приложения. Angular всегда имеет один корневой модуль AppModule. Модуль в Angular - это класс с декоратором NgModule. Данный декоратор принимает мета информацию со следующими...
Angular. Пайпы
Angular пайпы - это аналоги AngularJS фильтров. Они выполняют трансформацию даных перед выводом в шаблоне компонента.В Angular есть стандартные пайпы (date, uppercase, lowercase, currency, decimal, percent). Также разработчик может создавать свои пайпы. Пайп - это...
Angular. Введение в сервисы
Сервисы в Angular - это простые классы, которые выполняет некоторые специфичные операции, не связанные с компонентами (вычисления, чтение данных с удаленного HTTP сервера и пр).У сервисов есть специальный декоратор @Injectable(), который обозначает данный класс как...
Angular. Введение в компоненты
В этом уроке мы рассмотрим базовые принципы Angular компонентов - переменные и методы компонентов, интерполяция, событияКомпоненты в Angular - это то, с чем взаимодействует пользователь: просматривает информацию и взаимодействует с ней (клики и пр.)Компонент в Angular...
Angular CLI
В этом видео мы поговорим об Angular CLI - интерфейсом командной строки Angular.Angular CLI позволяет быстро создавать основные Angular сущности - компоненты, сервисы, пайпы и т. д. Давайте рассмотрим одну из самых часто используемых команд ng generate <entity>...
Angular. Структура проекта
На прошлом уроке мы установили angular проекта. В этом видео мы разберем структуру файлов и папок нашего angular приложения.
Введение в Angular
В предыдущих уроках мы работали с AngularJS. Современная версия Angular фундаментально отличается от AngularJS. Он написан с использованием TypeScript, а также использует библиотеку RxJS. Начиная с этого видео, мы начинаем изучать современный Angular.Сайт...
Gulp. Browsersync
В этом видео мы рассмотрим очень полезный плагин browsersync. Browsersync самостоятельно перезагружает браузер при изменении файлов в проекте (html/css/js и др).Browsersync доступен для Grunt и Gulp. Для настройки browsersync в проекте требуется определить конфиг для...