angular- все статьи тега


Битва трендов: React vs Angular vs Vue

Не знаю как вы, а я обожаю пиццу, особенно вместе с чесночными палочками от «Папа Джонс». И когда мне пришло это сообщение после последнего заказа, я был на седьмом небе от счастья: “Пройди наш опросник и получи бесплатные чесночные пицца-палочки или картофельные шарики на следующий онлайн заказ!”  Бесплатная еда! Я должен пройти этот оп...

Советы по разработке больших приложений JavaScript

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

Знакомимся с основами Angular через создание простого приложения

Готовы сегодня создать что-нибудь интересное? Я тоже! На данный момент я тружусь в роли Angular-разработчика, создавая для сотрудников нашей компании инструменты, которые помогают им более эффективно и комфортно решать насущные задачи. Работать с Angular я начала только в мае 2020, но ввиду своего глубокого увлечения фронтенд-разработкой планирую ...

Зачем и как реализовать ленивую загрузку компонентов в Angular

Ленивая загрузка  —  это техника загрузки чего-то по требованию. Она применяется к различным уровням процесса разработки приложений  —  от модулей до компонентов. Ленивая загрузка на уровне модулей довольно известна в мире Angular, но о второй говорят меньше. В статье мы создадим компоненту аккордеон и лениво загрузим её содержимое. Зачем загружат...

Визуализация данных и веб-отчёты в Angular

Недавно я столкнулась со следующей проблемой: мне нужно было найти полностью настраиваемые веб-компоненты, с которыми несложно взаимодействовать и которые могут использоваться как встроенные BI-инструменты для анализа, отчётов и визуализации в моём приложении. Из всех таких компонентов я выбрала Angular. Ни один его потенциальный конкурент не може...

Повторные попытки HTTP-запросов в Angular

Чтобы что-то было сделано компьютером, нужно указать ему, как это сделать. Нужно написать программу с пошаговым объяснением: какие задачи компьютер должен выполнить и каким образом. В этом нам помогают алгоритмы. Алгоритмы  —  это набор инструкций, используемых компьютерами для решения тех или иных задач, ведущих к достижению конечной цели. Знани...

Оптимизация размера Angular bundle за 4 шага

Чтобы что-то было сделано компьютером, нужно указать ему, как это сделать. Нужно написать программу с пошаговым объяснением: какие задачи компьютер должен выполнить и каким образом. В этом нам помогают алгоритмы. Алгоритмы  —  это набор инструкций, используемых компьютерами для решения тех или иных задач, ведущих к достижению конечной цели. Знани...

Все, что вам нужно знать про Ivy, новый движок для Angular!

Чтобы что-то было сделано компьютером, нужно указать ему, как это сделать. Нужно написать программу с пошаговым объяснением: какие задачи компьютер должен выполнить и каким образом. В этом нам помогают алгоритмы. Алгоритмы  —  это набор инструкций, используемых компьютерами для решения тех или иных задач, ведущих к достижению конечной цели. Знани...

Улучшите производительность с помощью веб-воркеров

Такие сторонние библиотеки, как Apollo iOS client и AWS AppSync нужны для связи с сервером GraphQL в iOS-приложении, но они также вводят в ваш проект лишний код. Клиент Apollo iOS нормализует результаты запросов для построения клиентского кэша с помощью базы данных SQLite. АWS AppSync снабжает клиент Apollo некоторыми дополнительными функциями для...

Использование Angular Elements с расширением Chrome

Чтобы что-то было сделано компьютером, нужно указать ему, как это сделать. Нужно написать программу с пошаговым объяснением: какие задачи компьютер должен выполнить и каким образом. В этом нам помогают алгоритмы. Алгоритмы  —  это набор инструкций, используемых компьютерами для решения тех или иных задач, ведущих к достижению конечной цели. Знани...

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

Чтобы что-то было сделано компьютером, нужно указать ему, как это сделать. Нужно написать программу с пошаговым объяснением: какие задачи компьютер должен выполнить и каким образом. В этом нам помогают алгоритмы. Алгоритмы  —  это набор инструкций, используемых компьютерами для решения тех или иных задач, ведущих к достижению конечной цели. Знани...

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

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

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

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

Стратегии обнаружения изменений в Angular  -  «onPush» и «Default»

В Angular есть две стратегии обнаружения изменений  —  «Default» и «onPush». Рассмотрим преимущества и недостатки этих стратегий. Что такое «обнаружение изменений» в Angular? Механизм обнаружения изменений в Angular отвечает за придание компоненту динамичности. Во время цикла обнаружения изменений Angular ищет все привязки, повторно выполняет...

Конец эпохи виртуального DOM (React)

Самый популярный на сегодняшний день преемник устраняет пробел, созданный его предшественником. Чтобы разобраться в изменчивой структуре фреймворков, заглянем в эпоху JQuery. В то время кросс-браузерная поддержки для любого веб-приложения была кошмаром для разработчика. JQuery (и связанные с ней библиотеки) была способом веб-разработки. Однак...

Резолвер в Angular для предвыборки данных

Что такое резолвер в Angular? Резолверы в Angular используются для предварительной выборки данных: пока пользователь перенаправляется с одного маршрута на другой, новая доступная страница уже будет содержать те данные, которые требуется на ней отобразить. В некоторых сценариях может потребоваться предварительно загрузить данные для отображени...

Осторожно! Angular крадет ваше время

Визуализация играет важную роль в обучении. Она помогает нам запоминать сложные идеи, в том числе и по программированию. Отображение map(add) применяет value + 1 ко всему массиву [1, 2, 3, 4, 5, 6, 7]. Выражение value + 1 применяется к каждому элементу.map(add) возвращает изменённую копию, оставляя оригинал нетронутым.Результат: [2,3,4,5,6,7,8]. ...

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

Визуализация играет важную роль в обучении. Она помогает нам запоминать сложные идеи, в том числе и по программированию. Отображение map(add) применяет value + 1 ко всему массиву [1, 2, 3, 4, 5, 6, 7]. Выражение value + 1 применяется к каждому элементу.map(add) возвращает изменённую копию, оставляя оригинал нетронутым.Результат: [2,3,4,5,6,7,8]. ...

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

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

Как обеспечить возможность обнаружения для совместно используемых компонентов

Компоненты привносят модульность в дизайн приложений. Модульность, в свою очередь, обеспечивает возможность повторного использования, благодаря которой можно создавать приложения без необходимости каждый раз изобретать велосипед. Помимо этого, упрощается поддержка и разработка приложений. Для успешного обмена повторно используемыми компонентами ме...