Angular. Все способы создания компонента. Декоратор @Component

Component это первое с чем сталкиваешься в любом проекте, в день приходится создавать несколько компонентов и как делать это быстро я расскажу в этом видео. Декоратор Component имеет ряд параметров, о которых мы поговорим в этом видео.

==============================
Код готового урока:
==============================
Инструкция по установке angular проекта:
Вариант 1:
Вариант 2:
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================

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

Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.

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

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

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

#grommax #angular #component #angular_component #viewencapsulation

Материально поддержать канал можно следующим способом
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки

Оглавление
00:00 - Введение
00:30 - Как настроить проект
01:06 - Как создать однофайловый компонент
04:25 - Где создавать компоненты
05:25 - Angular Snippets
06:55 - Стили в компоненте
07:25 - encapsulation свойство component. Изоляция стилей
09:10 - Генерация компонента ng g component
10:54 - Генерация компонента средствами webstorm
11:29 - Генерация компонента средствами NX UI
13:20 - Генерация с параметром --skipTests
13:52 - Краткий итоговый гайд
15:14 - Выводы и доп ссылки

[garrygorilla]

Огромное спасибо! Невероятно подробно и без лишних слов. Спасли!

[ilgul]

Видео отличное. Развернутое объяснение "без воды". Благодарю.

[GGSoft]

Рекомендую всем, Лучший курс УГЛОВОГО. Лайки не забудьте. Всячески поможем продвигать канал. Макс огромное дело делает.

[berdmival]

Спасибо, Макс!
Хоть я уже давно не новичок, но всё равно с удовольствием всегда смотрю твои видео. Отличное преподнесение материала, всё самое нужное, ничего лишнего, всё доступно и понятно. Можно смело рекомендовать тебя всем ;)

Успехов и развития тебе и твоему каналу! :)
И, конечно же, ждём продолжения.

[Brinzovik]

спасибо!
создание компонента. Декоратор @Component ангуляр angular

[njsaab]

супер супер супер, спасибо большое за курс)))

[grommaks]

Привет всем 😀
В этом видео я показал все варианты которыми мне приходилось пользоваться для создания компонентов.
В конце видео краткий гайд для тех, что не хочет смотреть всю цепочку рассуждений


Как всегда рад что вы смотрите мои видео и оставляете комментарии, спасибо вам 👍

[diatm]

Спасибо огромное! Не могли бы вы рассмотреть статью от Bartosz Pietrucha Angular Architecture Patterns and Best Practices? Она жизнеспособная в реализации реального проекта?

[maxonbigbon]

Есть в vsc возможность переходить в исходники? По клику с Ctrl не работает, так как в вебшторм

[maksmaksim]

Макс, правда что гугл прекратил поддержку ангуляра?

[victormog]

Набрать в консоли *ng g c components/bar* быстрее всего IMHO
_P.S. если проект создавался с ключом _*_--skip-test, _*_ то и генерация новых компонентов будет без spec-файлов_