Главная » Архив меток: Angular

Архив меток: Angular

Библиотеки Angular — что это, для чего их использовать и как

От автора: уже более 3 лет я работаю с Angular. Я использовал так много сторонних библиотек в разных проектах Angular. Можем ли мы создать нашу собственную библиотеку в рамках Angular? Ответ — библиотеки Angular. Бинго… Да, мы можем создать свою собственную библиотеку. В Angular 6 была добавлена возможность создавать библиотеки с помощью Angular CLI. Когда я разбирался с библиотеками Angular, ...

Читать далее »

Angular: Как создать полноэкранный календарь, такой как в Outlook

От автора: некоторое время назад в проекте Angular мне нужно было отобразить полноэкранный календарь, такой как в outlook. Поэтому, как обычный ленивый разработчик, я начал искать в Интернете пакет NPM, который мог бы сделать эту работу. К моему удивлению, я не нашел ничего, что могло бы покрыть мои потребности на 100%, поэтому я построил свой собственный календарь! Это конечный результат: ...

Читать далее »

Как реализовать функцию перетаскивания с помощью Angular 9

От автора: Component Development Kit представляет собой набор инструментов, реализующих общие модели поведения и компоненты с очень уникальным стилем взаимодействия. Это своего рода абстракция библиотеки Angular Material Library без стилевой специфичности только для material design. Это предоставляет больше уникальных способов проявить творческий подход при создании компонентов Angular. Инструмент Drag and Drop Инструмент «Drag and Drop» является одним из наиболее распространенных ...

Читать далее »

Angular в 2020 году и далее

От автора: во-первых, давайте поговорим о том, каковы преимущества Angular, что изменится, и насколько Angular лучше, чем React? В основном я сосредоточусь на будущем Angular и на том, что изменится. Обычно, чтобы узнать об Angular, я просматриваю их репозиторий на GitHub, который вы можете посетить здесь. Это отличное место, чтобы быть в курсе того, что они изменяют в своем коде ...

Читать далее »

Angular и CSS Grid: динамические свойства сетки

От автора: цель статьи: изучить один из способов динамического изменения свойств CSS Grid с помощью Angular @HostBindingDecorator. Исходный код / демо-версия: StackBlitz Наше приложение CSS Grid (контейнер и элементы) Наша CSS Grid будет состоять из двух компонентов Angular. Родитель / контейнер и дочерний элемент. CSS Grid — это относительно новое соглашение для написания CSS, которое позволяет создавать реактивные сетки для ...

Читать далее »

Бесконечная прокрутка в Angular с помощью CDK

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

Читать далее »

Почему вам стоит выбрать Angular для своего следующего проекта frontend

От автора: первоначально я не был front-end разработчиком, я обычно много работаю с back-end API в C#, Go, Node или Python. Несколько лет назад, когда я перешел в новую компанию, меня перевели на full-stack. Мне было поручено создать внутреннее решение, которое бы поддерживало управление пользователями, возможность обмена мгновенными сообщениями, возможность делать заметки / делиться и много других вещей. Это было ...

Читать далее »

Использование функции async-await в Angular

От автора: функции обратного вызова и promise являются строительными блоками для написания асинхронного кода в JavaScript. В приложении Angular мы можем использовать Rx.js, чтобы использовать возможности Observables, Subject, BehaviorSubject и т. д. для элегантного написания асинхронного кода. В последней версии ECMA JavaScript начал поддерживать функцию «async-await». Если вы начинали с C #, вам может быть известна функция «async-await», поддерживаемая в ...

Читать далее »

Подробное сравнение Angular, React и Vue — который из них выбрать в 2019 году

От автора: в настоящее время JavaScript-фреймворки является одной из самых горячих тем среди разработчиков. Хотя сообщество разработчиков по-прежнему не понимает, который из них лучше использовать всегда, решение принимается в соответствии с их требованиями. Проведя сравнение Angular, React и Vue, мы рассмотрим, какую платформу лучше изучать начинающему разработчику. Примерно 2-3 года назад разработчики были довольствовались Angular и React. Недавно мы увидели ...

Читать далее »

Мои любимые примеры решения задач и советы по Angular

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

Читать далее »