В Twitter и Youtube мы слышали, как многие разработчики React говорили о tRPC. Нам стало любопытно, и захотели попробовать это в Angular. И как же это сделать?

Это 23-й день конкурса Wes Bos JavaScript 30, и мы собираемся использовать RxJS и Angular для создания учебника по преобразованию текста в речь на английском языке. Web Speech API предоставляет интерфейсы для запроса речи и преобразования текста в речь в соответствии с выбранным голосом.

В этом сообщении в блоге мы описываем, как использовать RxJS из Event для прослушивания события изменения элементов управления вводом и обновления свойств объекта SpeechSynthesisUtterance. Интерфейс SpeechSynthesisUtterance создает речевой запрос и вызывает интерфейс синтеза речи, чтобы произнести текст и преобразовать английский текст в речь.

Работая над приложением NativeScript Angular с миллионами загрузок на разных платформах, можно столкнуться с непростой проблемой: нам нужно было сгенерировать изображение, которым пользователь мог бы поделиться. Обычно это можно сделать довольно легко, если вы видите это представление в своем приложении, где вы можете просто отобразить его в изображение (на самом деле это было сделано до https://www.npmjs.com/package/nativescript-cscreenshot). Сложность здесь заключалась в том, что это представление нигде не отображалось в приложении и даже имело специальные ограничения макета.

В этом руководстве мы рассмотрим пример того, как реализовать авторизацию/управление доступом на основе ролей в Angular 14. Пример основан на предыдущем опубликованном мной руководстве, посвященном JWT authentication, этот пример был расширен и теперь включает управление доступом на основе ролей. поверх авторизации JWT.

Перехватчики могут помочь обеспечить отличный пользовательский интерфейс в вашем приложении Angular для HTTP-запросов.

Мы поиграем с одной из мощных функций Angular — interceptor, которые помогут нам упростить работу с HTTP-запросами и ответами.

Это помогает поместить в одном месте управление всеми вызовами API; сегодня мы увидим, когда они полезны и как их создавать и максимизировать их силу.

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

Это быстрый пример того, как автоматически выйти из приложения Angular, если HTTP-запрос возвращает ответ 401 Unauthorized или 403 Forbidden.

В этом руководстве мы рассмотрим, как реализовать alert/toaster уведомления сообщений в Angular 14.

Уведомления о предупреждениях (alert) являются распространенным требованием в веб-приложениях для отображения сообщений о состоянии пользователю (например, сообщения об ошибке, успехе, предупреждении и информационных оповещениях).

Цель этой серии заданий Angular - повысить свои навыки, практикуясь на примерах из реальной жизни. Кроме того, вам придется представить свою работу через PR, которую я или кто-либо другой может просмотреть; как вы будете делать в реальном рабочем проекте или если вы хотите внести свой вклад в программное обеспечение с открытым исходным кодом.

Библиотека JavaScript была разработана в Facebook в 2011 году и в настоящее время является самой популярной для создания пользовательских интерфейсов. Это также вклад с открытым исходным кодом, где вы можете поделиться своим кодом с миллионами разработчиков.