Объединение Google API с Angular

💡Мотивация Задача: нужно получить доступ или отобразить события частного google-календаря. Проблема: нельзя поместить частный календарь внутрь iframe или запросить события, используя ключ API. Необходимые условия: совместимость с Angular, поддержка TypeScript (сервисные врапперы, классы и типы моделей данных) Решение: google-api-nodejs-client, предоставляющий все, что нужно. Google официально ПОДРОБНЕЕ

Повесть об однонаправленном потоке данных в Angular

У Angular есть свои фишки и причуды. В то время как React реализует модель однонаправленного потока данных по умолчанию, Angular с самого начала точно не следует этому пути. Однонаправленный поток данных — это концептуальная модель, используемая многими фреймворками и библиотеками фронтэнда и за последние несколько лет набравшая ПОДРОБНЕЕ

Платформы Аngular в деталях. Часть 4. Визуализация Angular-приложений в терминале

Часть 1, Часть 2, Часть 3, Часть 4 В этой статье, последней из серии статей «Платформы Angular в деталях», мы с вами завершим процесс создания пользовательской платформы. Но прежде чем начать, пожалуйста, просмотрите ещё раз предыдущие статьи, чтобы убедиться, что вы понимаете, как работают платформы Angular. ПОДРОБНЕЕ

Платформы Аngular в деталях. Часть 3. Визуализация Angular-приложений в терминале

Часть 1, Часть 2, Часть 3 В этой статье мы с вами приступим к процессу создания пользовательской платформы. Но прежде, пожалуйста, просмотрите ещё раз предыдущие статьи, чтобы убедиться, что вы понимаете, как работают платформы Angular. Как было сказано в первой статье, Angular-приложения могут запускаться в ПОДРОБНЕЕ

Платформы Angular в деталях. Часть 1. Что такое платформы Angular?

Инфраструктура для разработки приложений Angular была задумана как платформенно-независимая технология (далее по тексту — фреймворк). Такой подход позволяет запускать приложения на Angular в разных средах: в браузере, сервере, веб-воркере и даже на мобильных устройствах. В данной серии статей я опишу, как это вообще возможно — запускать Angular-приложения в разных ПОДРОБНЕЕ

Как создать библиотеку компонентов для совместного использования

Пример Прежде чем начать, рассмотрим пример того, что должно получиться в результате. Здесь можно найти библиотеку Semantic-UI-React. Этот репозиторий также доступен как пакет на NPM. Библиотека Semantic-ui-react до обмена на Bit С помощью Bit примерно за 15 минут эта библиотека превращается в коллекцию индивидуальных компонентов ПОДРОБНЕЕ

Переиспользование форм в Angular

Проект в Stackblitz со всеми примерами в конце поста. Переиспользуемые элементы управления Проблема Однажды я писал модуль аутентификации для компании в сфере электронной коммерции. Это кажется просто, но позже я понял: в таком модуле 8 разных страниц: Вход. Регистрация. Сброс пароля. Вход через социальные сети. ПОДРОБНЕЕ

Прототипирование без API

Я из тех, кто обычно очень нетерпелив, когда менеджер раскрывает функции нового продукта. После спринта я задаю этот ужасающий, трепещущий вопрос: … API уже готов?.. И ответ часто отрицательный. Иногда коллеги по бэкенду заняты другими делами и не могут предоставить даже заглушку. Но ничего страшного! Если ПОДРОБНЕЕ

Динамические заголовки страницы в Angular

Angular — это MVC-фреймворк для создания одностраничных приложений в Javascript. В этой статье мы узнаем, как установить заголовок браузера (страницы/документа) для всего приложения и как изменить заголовок браузера при перемещении по приложению. Пример проекта Пример проекта для демонстрации этой функции. Вы можете скопировать этот проект и запустить ПОДРОБНЕЕ

Веселимся с Angular и трансформаторами в TypeScript

Вам знакома проблема обработки подписок на RxJs вручную? Помните, как забыли одну? Или однажды подумали, что использование AsyncPipe в шаблоне будет безопасно, но через некоторое время требования изменились и пришло осознание, что нужен вызов subscribe в классах компонентов? Возможно, это признак плохого дизайна некоторых компонентов, ПОДРОБНЕЕ