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

  Рет қаралды 2,348

Максим Гром

Максим Гром

Күн бұрын

Angular Directives важная часть шаблонизации angular. Директива это компонент без вью. Повесить директиву можно через атрибут, после чего мы можем делать большое количество задач, часть из которых мы рассмотрим в этом плейлисте в этом и следующих видео.
При разработке расширяемых компонентов в angular директивы просто незаменимы и позволяют строить очень удочный АПИ для взаимодействия с компонентами. Например Angular Material Table.
==============================
Код готового урока:
github.com/MaksymGrom/angular...
==============================
Инструкция по установке angular проекта:
Вариант 1:
Пройдите плейлист: • Как работает WEB. Мест...
Вариант 2:
github.com/MaksymGrom/angular...
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================
Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
VS Code: • VS Code extensions для...
WebStorm: • WebStorm работа с angu...
Архитектурные елементы Angular • Angular архитектурные ...
Основы RxJS • RxJs Теория: Observabl...
Подробнее об OnPush • ngOnChanges vs ngDoChe...
Немного старого видео об иммутабельности • Immutable. Неизменяемо...
Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
Курс по SQL можно найти по ссылке: • Что такое SQL? Как раб...
Спасибо что продолжаете смотреть меня и радовать комментариями.
---- Соц сети
Телеграм, где можно узнать о новых видео и получать доп контент
t.me/webDevGromMaxChannel
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube
----
Чтобы поддержать канал
1) Можно поставить лайк (или дизлайк, если не понравилось видео)
2) Оставить комментарий более 5 слов
3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
5) Можно стать участником моего канала на платной основе / @grommaks
#directives #angular #grommax
Материально поддержать канал можно следующим способом
1) Перевод на карту send.monobank.ua/7oqmsFg3Y
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
forms.gle/ZbFCKJSpDNYp4AMC6
Оглавление
00:00 - Введение
00:21 - Настройка проекта
00:40 - Описание Component в исходниках
02:11 - Описание Directive в исходниках
03:13 - Создание highlight directive
10:02 - Создание директивы в WebStorm
12:01 - Краткий гайд

Пікірлер: 32
@user-ve8ux5yy7y
@user-ve8ux5yy7y Жыл бұрын
Congrats with new video.
@antergonza6476
@antergonza6476 Жыл бұрын
Good job
@user-san-chous
@user-san-chous Жыл бұрын
Ого! Ого! От души! Случайно зашел найти старый ролик, а тут 2 часа назад новый. Это судьба!
@reind22
@reind22 Жыл бұрын
У меня до сих пор сохранены твои первые видео по ардуино. Когда включаю, такая ностальгия начинается...
@grommaks
@grommaks Жыл бұрын
Я их вернул на старый канал, скрывал на время…а потом решил что не такие уж и плохие видео, но звук и подача мне там не нравится :)
@NikitinBest
@NikitinBest Жыл бұрын
Спасибо что живой!
@stukituk
@stukituk Жыл бұрын
Welcome back :) Thanks for the video
@user-jp2ie9rv4k
@user-jp2ie9rv4k Жыл бұрын
Круто, что вернулся, спасибо за хороший контент!
@js2626
@js2626 11 ай бұрын
Наконецтво продолжил, а то я стал переживать)
@flepjack
@flepjack 6 ай бұрын
Отличный урок! Ты красавчик, лучший по ангуляру на Ютубе. Уважение тебе)
@tuku_mann
@tuku_mann Жыл бұрын
Ура! Спасибо за понятный отличный контент)
@RomaNovomodnyi
@RomaNovomodnyi Жыл бұрын
Вернулся 😊, а я то думал где смотреть лучшие видео про angular 15/16. Ты лучший Макс!
@grommaks
@grommaks Жыл бұрын
Надо отснять видео с обновлением с 13 на 15/16 🥸
@RomaNovomodnyi
@RomaNovomodnyi Жыл бұрын
@@grommaks Ждём :)
@user-gu5ke9gs7t
@user-gu5ke9gs7t 11 ай бұрын
Круто, спасибо!!!
@DzhavidR
@DzhavidR Жыл бұрын
Отличная работа. Продолжай, не бросай канал
@user-sf7hl7fn8m
@user-sf7hl7fn8m Жыл бұрын
С возвращением!!!))))
@oleksandrvoron_ko580
@oleksandrvoron_ko580 Жыл бұрын
Супер! Макс, з поверненням!
@grommaks
@grommaks Жыл бұрын
Дякую :)
@kalybekaskhatov365
@kalybekaskhatov365 Жыл бұрын
Отличное видео! Не забрасывай канал пожалуйста, твои видео очень мне помогают))
@grommaks
@grommaks Жыл бұрын
Постараюсь :)
@assetdev1859
@assetdev1859 Жыл бұрын
Ураа! Наконец-то новое видео отец)
@Sevalexis
@Sevalexis Жыл бұрын
Наконец новый видос)
@daniltolmachewets2634
@daniltolmachewets2634 Жыл бұрын
Ты вернулся брат...
@NoName-ie5bg
@NoName-ie5bg Жыл бұрын
Еееее спасибо, что вернулся 🙏
@filippschastnyi4335
@filippschastnyi4335 Жыл бұрын
С возвращением! :)
@relaxing_person
@relaxing_person Жыл бұрын
@grommaks, спасибо за урок. Хотелось бы видео об обновлении политики Ангуляр, связанно со standalone компонентами и отсутствии необходимости использования модулей.
@grommaks
@grommaks Жыл бұрын
Думаю такое сделать в плейлисте модулей, standalone не для плейлиста директив :)
@vovamaestre1136
@vovamaestre1136 Жыл бұрын
Наскільки я розумію, то ролик записувався швидше - оскільки жодної згадки про standalone і hostDirectives
@grommaks
@grommaks Жыл бұрын
Це перше відео з плей-листу, будуть ще, але про stand-alone буде у плей-листу angular modules
@gioramazashvili2487
@gioramazashvili2487 Жыл бұрын
извиняюсь discord нету
@grommaks
@grommaks Жыл бұрын
Не, сейчас нету
KINDNESS ALWAYS COME BACK
00:59
dednahype
Рет қаралды 115 МЛН
1❤️
00:17
Nonomen ノノメン
Рет қаралды 13 МЛН
HOW DID HE WIN? 😱
00:33
Topper Guild
Рет қаралды 33 МЛН
Final muy increíble 😱
00:46
Juan De Dios Pantoja 2
Рет қаралды 49 МЛН
HTTP in Angular - Learning Angular (Part 8)
12:42
Angular
Рет қаралды 32 М.
🔋520Km in Single Charge 😱BYD E6 🚘 EV Car ⚡️
10:37
Tech Boss
Рет қаралды 757 М.
Learn How to Create Dynamic Component in Angular
8:57
Code Shots With Profanis
Рет қаралды 25 М.
Angular Rendere2, Tooltip Directive с нуля
20:19
Максим Гром
Рет қаралды 1,8 М.
Новый быстрый красивый Angular 17
6:23
Миша Ларченко
Рет қаралды 17 М.
KINDNESS ALWAYS COME BACK
00:59
dednahype
Рет қаралды 115 МЛН