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

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ค. 2024
  • 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

  • @antergonza6476
    @antergonza6476 ปีที่แล้ว +2

    Good job

  • @user-ve8ux5yy7y
    @user-ve8ux5yy7y ปีที่แล้ว +1

    Congrats with new video.

  • @user-sf7hl7fn8m
    @user-sf7hl7fn8m ปีที่แล้ว +1

    С возвращением!!!))))

  • @flepjack
    @flepjack 5 หลายเดือนก่อน +3

    Отличный урок! Ты красавчик, лучший по ангуляру на Ютубе. Уважение тебе)

  • @user-san-chous
    @user-san-chous ปีที่แล้ว +3

    Ого! Ого!
    От души! Случайно зашел найти старый ролик, а тут 2 часа назад новый. Это судьба!

  • @js2626
    @js2626 11 หลายเดือนก่อน +1

    Наконецтво продолжил, а то я стал переживать)

  • @NikitinBest
    @NikitinBest ปีที่แล้ว +5

    Спасибо что живой!

  • @stukituk
    @stukituk ปีที่แล้ว +3

    Welcome back :)
    Thanks for the video

  • @user-jp2ie9rv4k
    @user-jp2ie9rv4k ปีที่แล้ว +5

    Круто, что вернулся, спасибо за хороший контент!

  • @reind22
    @reind22 ปีที่แล้ว +2

    У меня до сих пор сохранены твои первые видео по ардуино. Когда включаю, такая ностальгия начинается...

    • @grommaks
      @grommaks  ปีที่แล้ว

      Я их вернул на старый канал, скрывал на время…а потом решил что не такие уж и плохие видео, но звук и подача мне там не нравится :)

  • @RomaNovomodnyi
    @RomaNovomodnyi ปีที่แล้ว +5

    Вернулся 😊, а я то думал где смотреть лучшие видео про angular 15/16. Ты лучший Макс!

    • @grommaks
      @grommaks  ปีที่แล้ว +1

      Надо отснять видео с обновлением с 13 на 15/16 🥸

    • @RomaNovomodnyi
      @RomaNovomodnyi ปีที่แล้ว

      @@grommaks Ждём :)

  • @DzhavidR
    @DzhavidR ปีที่แล้ว +4

    Отличная работа. Продолжай, не бросай канал

  • @tuku_mann
    @tuku_mann ปีที่แล้ว +6

    Ура! Спасибо за понятный отличный контент)

  • @user-gu5ke9gs7t
    @user-gu5ke9gs7t 10 หลายเดือนก่อน +1

    Круто, спасибо!!!

  • @kalybekaskhatov365
    @kalybekaskhatov365 ปีที่แล้ว +2

    Отличное видео! Не забрасывай канал пожалуйста, твои видео очень мне помогают))

    • @grommaks
      @grommaks  ปีที่แล้ว

      Постараюсь :)

  • @filippschastnyi4335
    @filippschastnyi4335 ปีที่แล้ว +2

    С возвращением! :)

  • @daniltolmachewets2634
    @daniltolmachewets2634 ปีที่แล้ว +2

    Ты вернулся брат...

  • @assetdev1859
    @assetdev1859 ปีที่แล้ว +2

    Ураа! Наконец-то новое видео отец)

  • @oleksandrvoron_ko580
    @oleksandrvoron_ko580 ปีที่แล้ว +2

    Супер! Макс, з поверненням!

    • @grommaks
      @grommaks  ปีที่แล้ว

      Дякую :)

  • @Sevalexis
    @Sevalexis ปีที่แล้ว +2

    Наконец новый видос)

  • @NoName-ie5bg
    @NoName-ie5bg ปีที่แล้ว +2

    Еееее спасибо, что вернулся 🙏

  • @relaxing_person
    @relaxing_person ปีที่แล้ว +4

    @grommaks, спасибо за урок. Хотелось бы видео об обновлении политики Ангуляр, связанно со standalone компонентами и отсутствии необходимости использования модулей.

    • @grommaks
      @grommaks  ปีที่แล้ว

      Думаю такое сделать в плейлисте модулей, standalone не для плейлиста директив :)

  • @vovamaestre1136
    @vovamaestre1136 ปีที่แล้ว +1

    Наскільки я розумію, то ролик записувався швидше - оскільки жодної згадки про standalone і hostDirectives

    • @grommaks
      @grommaks  ปีที่แล้ว +2

      Це перше відео з плей-листу, будуть ще, але про stand-alone буде у плей-листу angular modules

  • @gioramazashvili2487
    @gioramazashvili2487 ปีที่แล้ว +1

    извиняюсь discord нету

    • @grommaks
      @grommaks  ปีที่แล้ว

      Не, сейчас нету