Точка входа в программирование
21.4K subscribers
911 photos
164 videos
1 file
2.45K links
Фундаментальные знания по основам программирования

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/zrgj
Download Telegram
Знакомимся с фреймворком Angular

Angular — это каркас для разработки веб-приложений на языке TypeScript. Это видео поможет начинающим познакомиться с фреймворком:

https://youtu.be/yCIti018Srw

Вы напишете полноценное приложение, на примере которого разберете все основные принципы и концепции, присутствующие в Angular 14.

#angular
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать формы с автоматическим сохранением на Angular

В этой статье вы узнаете, как создавать формы с автоматическим сохранением и отображением уведомлений. Также автор показывает работу операторов RxJS и различия между шаблонно-управляемыми формами и реактивными формами.

Подробнее: https://tprg.ru/TbSE

#angular
Всё о резолверах в Angular

Одна из базовых задач во фронтенд-разработке — это получение данных от бэкенда. Для чего же нужны резолверы?

С помощью них можно предоставить асинхронные данные загружаемому маршруту. Т.е. пока пользователь будет переходить с одной страницы на другую — новая страница будет уже доступна с теми данными, которые требуется отобразить.

В этой статье рассматривается, как создать Angular Resolver, а также настроить маршруты с нужными компонентами:

https://tprg.ru/q0jP

#фронтенд #angular
Angular: что такое ChangeDetection.OnPush?

По умолчанию Angular использует ChangeDetectionStrategy.Default, однако его можно заменить на OnPush. Но зачем?

OnPush помечает компоненты, которые не нужно проверять, когда Angular запускает цикл обнаружения изменений, тем самым улучшая скорость работы приложения.

В этой статье примеры, когда следует использовать ChangeDetection, а также исключения в OnPush:

https://codereacter.medium.com/angular-what-is-onpush-changedetectionstrategy-12fcd5d91ca4

#angular
Структурные директивы: основы в Angular

Структурные директивы используются в вёрстке для изменения DOM-элемента и являются одним из самых мощных инструментов фреймворка.

В Angular предусмотрен ряд встроенных директив, но чаще всего применяются: ngIf, ngSwitch и ngFor. Подробнее о работе структурных директив — в статье:

https://dev.to/this-is-angular/mastering-angular-structural-directives-the-basics-jhk

#angular