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

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

3 совета по управлению стилями в CSS приложения Angular

От автора: посмотрим правде в глаза: когда мы работаем над интерфейсом, написание CSS — это не то, что нас больше всего волнует. Нам нравится возиться с более серьезными вещами (вы понимаете, о чем я — JavaScript). Большинство приложений, с которыми я сталкивался, и я уверен, что вы тоже, имеют большой беспорядок в области таблицы стилей. Такие проблемы, как дублирование кода, ...

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

Angular — почему нужно избегать публичных методов при разработке компонентов

От автора: есть много способов реализовать связь между компонентами. Один из наиболее часто используемых подходов — вызовы публичных методов. Многие разработчики с сильным опытом классической веб-разработки (например, JQuery) любят использовать этот подход для разработки компонентов. Однако на самом деле это не очень хорошая практика в мире Angular. Проблема 1. Он не может использовать управление изменениями Angular Одна из самых мощных ...

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

Создание пользовательской библиотеки с помощью Angular

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

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

Библиотеки 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. Мне было поручено создать внутреннее решение, которое бы поддерживало управление пользователями, возможность обмена мгновенными сообщениями, возможность делать заметки / делиться и много других вещей. Это было ...

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