Миграция на Angular Signal Forms: взаимодействие с Reactive Forms
Signal Forms — это новая реализация форм в Angular. Однако Reactive Forms будут поддерживаться ещё долгое время, и существует уже много кода, который их использует.
Перестаньте всё превращать в массивы (и работайте меньше)
Большая часть фронтенд-кода обрабатывает данные задолго до их вывода на экран. Мы получаем список, изменяем его, сокращаем и повторяем. И обычно не задумываемся о том, какой объём работы выполняем на этом пути.
Введение в условные операторы и условную логику CSS
Условная логика — это знакомое понятие для любого, кто писал на языке программирования. В таких языках, как JavaScript или Python, используются операторы if else для оценки выражений и выполнения различных блоков кода в зависимости от условия.
Методы массивов в JavaScript: Исчерпывающий гид для разработчиков
Работа с массивами — базовая и ежедневная задача для JS-разработчика. Понимание нюансов каждого метода, включая их стоимость и побочные эффекты, напрямую влияет на производительность и надежность кода.
Структура папок для React приложений
Какой должна быть структура папок на проекте React— это тема, которая часто вызывает жаркие споры. Мне и самому было непросто писать об этом, поскольку не существует универсального «правильного» подхода.
Лучшая практика проектирования больших Angular-приложений
В этой статье рассмотрим лучшие практики проектирования крупномасштабных Angular-приложений. Независимо от того, разрабатываете ли вы большое корпоративное приложение или планируете будущее масштабирование, эти стратегии помогут сохранить вашу кодовую базу чистой, удобной в поддержке и легко расширяемой.
Интеграция Keycloak - Angular: Практическое руководство по подключению приложения к системе управления идентификацией и доступом (IAM)
Практическое руководство по подключению приложения к системе управления идентификацией и доступом (IAM). В этой статье мы покажем, как интегрировать Keycloak с фронтенд-частью приложения на Angular.
Расширенные операторы RxJs, которые вы знаете, но недостаточно хорошо
Поскольку RxJS все еще остается важной частью Angular и обладает огромным количеством операторов, я решил написать эту статьи, чтобы выделить некоторые операторы, их комбинации и практические случаи использования, где они могут быть применены.
CORS — просто и понятно
Существуют миллионы статей, объясняющих, как исправить эту ошибку, но что такое это Cross-Origin Resource Sharing, CORS и зачем оно вообще нужно?
Будущее фронтенд-разработки: тренды, на которые стоит обратить внимание в 2025 году
Как обезопасить свои навыки разработки: ИИ, Wasm и тренды, которые нельзя игнорировать в 2025 году.
Лучшие практики ReactJS с TypeScript
ReactJS и TypeScript — это мощные технологии, которые можно объединить для создания надежных и типобезопасных приложений. В этом техническом документе изложены лучшие практики, которым нужно следовать при использовании ReactJS с TypeScript.
Angular Signals — использование функции untracked() для предотвращения отслеживания зависимостей
Для каждого изменения сигнала computed и effect функций, которые интересуются сигналом, будут пересчитаны и выполнены соответственно. Бывают случаи, когда мы не хотим, чтобы это перерасчет происходило для изменения сигнала.
Семь крутых HTML-элементов, которые мало кто использует
В этой статье раскрываются семь малоизвестных, но мощных HTML-элементов, таких как meter, progress,sup, sub, datalist, map, area, details, summary, object и abbr. Узнайте, как эти элементы могут улучшить ваш сайт и функциональность без использования JavaScript.
Установка Playwright в сочетании с TypeScript для приложений Angular
Playwright — это open-source библиотека для автоматизации браузеров Chromium, Firefox и WebKit. Он известен своей эффективностью в тестировании на уровне пользовательского интерфейса, позволяя разработчикам тестировать приложения на нескольких браузерах.
Angular Routing в Angular 17
Angular Routing представляет собой важную функцию, которая дает возможность разработчикам создавать динамичные и гибкие SPA веб-приложения. Позволяя пользователям без проблем переходить между компонентами, она обеспечивает плавное взаимодействие. В данной статье мы рассмотрим основные принципы маршрутизации в Angular и методы эффективного использования её возможностей.
Про новые CSS псевдоклассы - :is() :where() :has()
В мире веб-разработки постоянно появляются новые инструменты и возможности для создания более эффективных и удобных интерфейсов. Одним из последних дополнений к CSS стали селекторы :is(), :where() и :has(), которые предлагают новые способы выбора элементов на веб-странице. Давайте рассмотрим каждый из них подробнее и узнаем, как они могут быть полезны в веб-разработке.
Угрозы информационной безопасности и методы защиты
Статья содержит обзор основных угроз информационной безопасности и предлагает методы их предотвращения. В сфере информационной безопасности существует множество угроз, которые могут привести к серьезным последствиям для организаций и частных лиц.
Обнаружение локальных изменений в Angular 17
Как использовать сигналы Angular и стратегию обнаружения изменений OnPush для улучшения производительности с локальным обнаружением изменений.
Появление нового функционала в Angular 16 и Angular 17
Angular предоставляет новые возможности для замены директив ngFor и ngIf. Все, что вам нужно сделать, это заиспользовать @for и @if, как вы используете директивы ngFor и ngIf, но с немного другим синтаксисом.
15 Angular директив на каждый день
Пользовательские директивы (Custom Directives) - мощная функция в Angular, которая позволяет расширять функциональность HTML-элементов. Они предоставляют возможность создавать повторно используемые компоненты, добавлять функциональность к существующим элементам и улучшать модульность и поддерживаемость вашего приложения на Angular. В этой статье мы рассмотрим пользовательские директивы в Angular и предоставим 15 примеров из реального мира, чтобы помочь вам овладеть этой важной концепцией.
Улучшение читаемости кода в проектах Angular: мастерство работы с Enum и лучшие практики
Enum в TypeScript помогает упростить работу с определенными ограниченными наборами значений, делая код более удобным и понятным.
Чистый код на JavaScript, 5 рекомендаций которые улучшат Ваш код.
Написание хорошо переиспользуемого кода иногда может быть сложным. Мы можем программировать на разных языках и придерживаться определенных ограничений или шаблонов, которые несут смысл от конкретного контекста.
Изменяют ли автономные компоненты способ написания кода в Angular?
С постепенным ростом приложения, бойлерплейт-код, введенный Angular, становится громоздким и трудным для поддержки. Команда Angular стремится сделать архитектуру приложения легче, поэтому одной из новых возможностей, которую они представили, являются автономные компоненты.
Angular Signals
Версия Angular 16 была выпущена в начале мая, и эта версия полна новых функций. Но одной из особенностей, о которой все говорят, является новая возможность - Сигналы. Это настоящий поворотный момент, который находится в стадии предварительного просмотра разработчиками и будет выпущен позже в этом году, в версии 17.
Публикуем самое полезное и интересное из IT-индустрии, веб-разработки и eCommerce.
Только актуальная статистика, общие тренды и практические статьи для развития вашего бизнеса.
Не упустите шанс повысить вашу видимость и привлечь новых клиентов – ознакомьтесь с нашим коммерческим предложением для рекламодателей и начните свой путь к успешному сотрудничеству с ProWeb уже сегодня!