FRONTEND FLOW

Заголовок страницы – это текст, который отображается на вкладке браузера рядом с иконкой сайта (favicon). Установка правильного заголовка страницы улучшает навигацию пользователя и оптимизацию для поисковых систем (SEO). Самый простой способ задать заголовок страницы в Angular — это использовать сервис Title, предоставляемый пакетом @angular/platform-browser. Этот сервис позволяет динамически устанавливать заголовок документа. Проблемы: Начиная с версии Angular 14, стало проще обновлять заголовок страницы...

Иногда нам нужно использовать существующий элемент для управления формы, а не создавать лишнюю обертку для доступа к значению. Один из частых случаев — создание пользовательских компонентов ввода. Следующее изображение описывает нашу цель: Мы хотим использовать элементы управления формы, переданные через директивы formControl, formControlName или ngModel, в нашем пользовательском компоненте ввода и перенаправить их на внутренний элемент ввода. Давайте рассмотрим два способа, как это можно сделать:...

Как разработчики интерфейсов, мы отвечаем за различные типы функциональных возможностей веб-приложений. На мой взгляд, второй по важности (после бизнес-логики) является управление стилем. Правильная система проектирования может сыграть решающую роль в привлечении пользователей к нашему конечному продукту. В этой статье мы рассмотрим возможности стилизации, предлагаемые нам Angular и SCSS. Вы узнаете об инкапсуляции стилей, о том, какие SCSS-селекторы можно использовать в Angular, и, самое главное, о том, что такое система проектирования...

1. Инжектим Firestore и нашу коллекцию из БД (по имени) 2. Получить данные коллекции, вернется Observable 3. Добавить документ в коллекцию (в data передается объект документа) 4. Удалить документ из коллекции по id...

Псевдоэлементы - это специальные конструкции в CSS, которые позволяют создавать виртуальные элементы и добавлять к ним стили. Псевдоэлементы начинаются со знака двоеточия и указываются после селектора элемента. Они не существуют в DOM, но могут быть использованы для добавления дополнительных эффектов на страницу. Два наиболее часто используемых псевдоэлемента - это ::before и ::after. Псевдоэлемент ::before позволяет добавить контент перед содержимым элемента, а псевдоэлемент ::after - после содержимого...