Angular: Изучаем компоненты — анатомия и создание. Урок 2
Привет! 👋 Сегодня мы погрузимся в анатомию компонентов Angular! - Что такое компонент и как он работает? - Как создать свой первый компонент с помощью Angular CLI? - Зачем нужны файлы HTML, CSS, TypeScript и тесты, и как они связаны? - Как работают модули и зачем нам standalone-компоненты? Мы разберёмся с селекторами, модульной структурой, деревом компонентов и научимся отображать собственный текст в интерфейсе. Всё — с примерами, понятными объяснениями и практическими шагами. Давайте создавать гибкие и мощные интерфейсы на Angular вместе! 🔥 Приятного просмотра!🙏 P. S. В видео говорю о том, что с 19 версии по умолчанию компоненты являются автономными (standalone), что позволяет напрямую указывать их в массиве imports других компонентов. Однако компоненты, созданные в более ранних версиях Angular, могут быть не автономными, если в их декораторе `@Component` указано standalone: false Мой телеграм-канал: https://t.me/katerina_profrontend Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций. #frontend #angular #angular_developer #junior #фронтенд #ангуляр #обучение
Привет! 👋 Сегодня мы погрузимся в анатомию компонентов Angular! - Что такое компонент и как он работает? - Как создать свой первый компонент с помощью Angular CLI? - Зачем нужны файлы HTML, CSS, TypeScript и тесты, и как они связаны? - Как работают модули и зачем нам standalone-компоненты? Мы разберёмся с селекторами, модульной структурой, деревом компонентов и научимся отображать собственный текст в интерфейсе. Всё — с примерами, понятными объяснениями и практическими шагами. Давайте создавать гибкие и мощные интерфейсы на Angular вместе! 🔥 Приятного просмотра!🙏 P. S. В видео говорю о том, что с 19 версии по умолчанию компоненты являются автономными (standalone), что позволяет напрямую указывать их в массиве imports других компонентов. Однако компоненты, созданные в более ранних версиях Angular, могут быть не автономными, если в их декораторе `@Component` указано standalone: false Мой телеграм-канал: https://t.me/katerina_profrontend Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций. #frontend #angular #angular_developer #junior #фронтенд #ангуляр #обучение