Angular directives, создание директивы, пример highlight директивы

Angular Directives важная часть шаблонизации angular. Директива это компонент без вью. Повесить директиву можно через атрибут, после чего мы можем делать большое количество задач, часть из которых мы рассмотрим в этом плейлисте в этом и следующих видео.

При разработке расширяемых компонентов в angular директивы просто незаменимы и позволяют строить очень удочный АПИ для взаимодействия с компонентами. Например Angular Material Table.

==============================
Код готового урока:
https://github.com/MaksymGrom/angular...
==============================
Инструкция по установке angular проекта:
Вариант 1:
Пройдите плейлист:    • Как работает WEB. Место и задачи Angu...  
Вариант 2:
https://github.com/MaksymGrom/angular...
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================

Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
VS Code:    • VS Code extensions для работы с angul...  
WebStorm:    • WebStorm работа с angular проектом и ...  

Архитектурные елементы Angular    • Angular архитектурные елементы. Что е...  
Основы RxJS    • RxJs Теория: Observable, Observer, Su...  
Подробнее об OnPush    • ngOnChanges vs ngDoCheck. ChangeDetec...  
Немного старого видео об иммутабельности    • Immutable. Неизменяемость данных Java...  


Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
Курс по SQL можно найти по ссылке:    • Что такое SQL? Как работать с WebSQL?...  

Спасибо что продолжаете смотреть меня и радовать комментариями.

---- Соц сети
Телеграм, где можно узнать о новых видео и получать доп контент
https://t.me/webDevGromMaxChannel
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube

----
Чтобы поддержать канал
1) Можно поставить лайк (или дизлайк, если не понравилось видео)
2) Оставить комментарий более 5 слов
3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
5) Можно стать участником моего канала на платной основе    / @grommaks  

#directives #angular #grommax

Материально поддержать канал можно следующим способом
1) Перевод на карту https://send.monobank.ua/7oqmsFg3Y
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
https://forms.gle/ZbFCKJSpDNYp4AMC6

Оглавление
00:00 - Введение
00:21 - Настройка проекта
00:40 - Описание Component в исходниках
02:11 - Описание Directive в исходниках
03:13 - Создание highlight directive
10:02 - Создание директивы в WebStorm
12:01 - Краткий гайд