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 - Выводы и доп ссылки
4 views
1158
256
2 months ago 00:19:06 1
Физика в Unity - 1. Rigidbody
2 months ago 01:20:33 1
Калмыкия: безнадега, бедность и буддизм | Мирная Тыва или русский Тибет?
3 months ago 00:14:05 1
Программирование было сложным, пока я не узнал это
3 months ago 00:00:57 1
ПРОБЛЕМЫ с ИКОНКАМИ ⛓️💥 логотипов? #javascript #css #html #coding #learning #course #programming
3 months ago 05:06:37 1
Обучение Angular для начинающих за 5 часов! ПОЛНЫЙ курс
4 months ago 00:01:00 1
💡 НЕРАСКАЗАННАЯ ИСТОРИЯ РАЗРАБОТКИ 💻
4 months ago 00:04:35 2
ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ!
4 months ago 00:18:36 1
Что такое DevOps: плюсы и минусы профессии
6 months ago 00:04:54 24
🔥День 1 - Стажировка 2024 | #Питер
7 months ago 00:11:48 1
Как прокачаться от джуна до мидла: 5 шагов | dev
7 months ago 00:10:50 1
😎 Yamaha MT 10 - R1 для Города 👍!
7 months ago 00:06:14 1
Работа у программистов будет всегда, они сами ее создают
7 months ago 00:11:05 1
Мощная нейросеть от Google, Новый тариф для Unreal Engine 5.4, Игры для Playdate на Swift
7 months ago 00:18:33 1
Язык программирования Golang - что на нем пишут, чем он хорош, зарплаты разработчиков
8 months ago 00:18:31 2
htmX – программируем современный фронтенд, но без javascript
9 months ago 00:16:27 1
Что пишут на языке программирования C++?
9 months ago 00:02:39 1
Установка душевого ограждения I installation of shower enclosure
10 months ago 00:05:54 1
Selectext - Copy text from videos! Копируем любой код или текст прямо из видео.
10 months ago 00:01:00 1
Framework vs library, Angular vs React #shorts #frontend #framework #htmlcss #react #angular
10 months ago 00:35:07 1
Почему курсы программирования не сделают тебя программистом?
10 months ago 00:11:44 11
На чем лучше писать сайт в 2024? JS, PYTHON, PHP или JAVA?