меню

Миграция на 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 уже сегодня!