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

Component это первое с чем сталкиваешься в любом проекте, в день приходится создавать несколько компонентов и как делать это быстро я расскажу в этом видео. Декоратор Component имеет ряд параметров, о которых мы поговорим в этом видео. ============================== Код готового урока: ============================== Инструкция по установке angular проекта: Вариант 1: Пройдите плейлист: Вариант 2: Склонируйте Загрузите зависимости (npm install) Можно запускать проект (ng serve) ============================== Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже: VS Code: WebStorm: Чем солиден Angular смотри тут Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов. Курс по SQL можно найти по ссылке: Спасибо что продолжаете смотреть меня и радовать комментариями. ---- Соц сети Телеграм, где можно узнать о новых видео и получать доп контент P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube ---- Чтобы поддержать канал 1) Можно поставить лайк (или дизлайк, если не понравилось видео) 2) Оставить комментарий более 5 слов 3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении) 4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать #grommax #angular #component #angular_component #viewencapsulation Материально поддержать канал можно следующим способом 1) Перевод на карту 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 - Выводы и доп ссылки
Back to Top