JavaScript-анализ: выявление и устранение уязвимостей в веб-приложениях
Предлагаемое четкое руководство по тестированию на проникновение в веб-среду. Оно поможет успешно выявлять и эффективно устранять уязвимости, связанные с нарушенным контролем доступа и недостаточной проверкой доступа.
Новая эра Angular: беззоновое обнаружение изменений
Команда Angular уверенно развивает фреймворк, снабжая его продвинутым инструментарием. Очередным новшеством стала функция provideZonelessChangeDetection, которая позволяет обнаруживать изменения с помощью беззонового подхода.
Хуки Mongoose: все, что нужно знать
Узнайте, какими бывают типы хуков Mongoose, в чем преимущества их использования и каковы они в действии. В качестве бонуса получите ценные рекомендации по применению хуков, которые помогут раскрыть весь потенциал приложений, управляемых данными.
Современный подход к разработке Angular
Создавайте современные компонуемые приложения Angular с помощью Bit. Благодаря своим мощным возможностям, бесшовной интеграции с Angular и готовой поддержке Ripple CI, Bit - идеальное решение для разработчиков, стремящихся повысить свой профессиональный уровень и создавать качественные веб-приложения.
Баланс между креативностью и удобством
Дискуссия «креативность против юзабилити» длится уже более ста лет. Как я уже писал, она тесно связана с технологическими разработками и промышленными революциями. Чтобы достичь...
Зачем усложнять разработку с AWS Lambda?
Время подискутировать! Автор рассматривает наметившуюся тенденцию усложнять бессерверную разработку с помощью AWS Lambda и высказывается за сохранение простоты и модульности данного сервиса.
Проектирование устойчивых API: постигаем искусство ограничения скорости
Чрезмерное количество запросов от клиентов может негативно влиять на работу сервера. Рассмотренные в статье алгоритмы помогут управлять скоростью, применяя ограничения, и улучшить пользовательский опыт и производительность системы.
Разработка веб-дэшбордов с использованием React, Material UI, Tailwind CSS и Nivo. Часть 2
В этой части серии статей создадим персонализированную цветовую схему и глобальные стили приложения. Будем использовать Tailwind CSS в качестве фреймворка для работы со стилями веб-приложения.
Производительность фронтенда: лав-стори для разработчиков
Бытует мнение: "Сайт, запускающийся с пустого body, никогда не достигнет высоких показателей Lighthouse". Проверим это утверждение. Предлагаем ознакомиться с технологией производительности фронтенда приложения Neo.mjs, которая принесет множество приятных открытий.
Используем ShakaPlayer в LightningJS
Хотите интегрировать ShakaPlayer в приложение Lightning для управления воспроизведением? Изучите краткое руководство по расширению стандартного медиаплеера в Lightning и использованию его с ShakaPlayer.
Как интегрировать уведомления в реальном времени с Laravel и Pusher
Добавим мгновенные обновления и интерактивный функционал в приложение Laravel. Следуя пошаговым инструкциям, настроим уведомления.
Двоичный интерфейс приложения — родственник API с нижнего уровня
Краткое ознакомление с ABI для тех, кто хочет более глубоко разобраться в принципах работы программного обеспечения. Здесь мы рассмотрим, что это за интерфейс, как он устроен, и в каких случаях играет важную роль.
Расширение Chrome для поиска акций на eToro с помощью скринера акций FINVIZ
Больше не нужно переключать вкладки, чтобы узнать, есть ли конкретная акция на eToro. Представляем вашему вниманию расширение, которое сделает эту работу за вас!
Синхронизация слайд-шоу между сеансами на Ruby on Rails и Hotwire
Сделаем навигацию: турбофреймами настроим переход между фотографиями, турбостримами синхронизируем окна.
Как сделать зернистый градиент на CSS
На примерах с CodePen показываем, как при помощи современного CSS и маленьких хитростей сделать зернистый градиент. Для этого мы вместе с автором CSS-Tricks применим SVG-турбулентность, также при помощи SVG и градиента создадим фон, увеличим яркость и контраст через filter и, наконец, смешаем градиенты.
Google OAuth для реализации на Ruby
Будем реализовывать единый вход Google OAuth для веб-сайта. Библиотека google-api-client устарела (о чем упоминается в Google Identity Document). Правда, есть еще одна подходящая для...
Рендеринг больших табличных данных в браузере
Большие массивы данных тормозят браузер и вызывают раздражение пользователей. Ознакомьтесь с передовой UI-стратегией, позволяющей с этим справиться. Узнайте также, в каких случаях ее применение будет целесообразным и подходит ли она вам.
Как оптимизировать настройку приложений React Native
Собственный CLI делает настройку приложений React Native быстрее и удобнее. Узнайте о том, как создать интерфейс командной строки с помощью Node.js, а также упаковать проект и опубликовать его на npm.
Создание computedAsync для вычисления значений сигналов в Angular
Предлагаем руководство по обработке асинхронных операций с помощью сигналов и RxJS в Angular. Вы научитесь создавать функцию computedAsync для вычисления значений сигналов, а также узнаете, как использовать эту функцию из библиотеки ngxtension.
Логи контейнеров Kubernetes: реализация и управление
Расскажем, как здесь собирать и анализировать логи, проиллюстрируем примерами конфигурирования и развертывания. Дадим рекомендации по эффективному логированию.
Библиотека Three.js: разработка веб-приложений и игр с 3D-графикой
Откройте с помощью Three.js интригующие связи между веб-разработкой, дизайном и технологиями. Эта библиотека позволит вам создавать захватывающие впечатления, обеспечит привлекательное портфолио, поможет привлечь клиентов инновационными решениями и 3D-графикой.
Заменит ли аутентификация по лицу традиционную систему веб-аутентификации
Беспокоитесь о дополнительном уровне безопасности для своих веб-приложений? Новая SaaS-платформа FaceIO, предоставляющая библиотеку аутентификации по лицу, поможет решить эту проблему. Предлагаем подробный гайд по установке и использованию FaceIO.
12 библиотек для прокачки фронтенд-разработки
Усовершенствуйте рабочий процесс, продуктивность и пользовательское взаимодействие на фронтенде. Добавьте красивую анимацию, эффектную визуализацию, адаптивные окна предупреждений.
Прогрессивное совершенствование и JavaScript-фреймворки: сложные взаимоотношения
Рассмотрите ключевые шаблоны, инструменты, сценарии использования и бизнес-ограничения при создании пользовательских интерфейсов для веб-приложений. Это позволит выбрать наиболее приемлемый подход при разработке бизнес-проекта.
Next.js: шаблоны управления состоянием через React Server Components
Вы уже используете React Server Components (RSC) - полезную фичу, представленную в React 18? В любом случае ознакомьтесь с шаблонами управления состоянием с помощью RSC. Они избавят вас от излишней сложности и повысят производительность ваших приложений.
Как создавать сайты с молниеносной загрузкой: рекомендации по оптимизации фронтенда. Часть 2
В этой части детально рассмотрим завершающие этапы критически важного пути рендеринга (CRP): компоновку макета и отрисовку. Вы получите представление об общих стратегиях оптимизации CRP, а реальные сценарии позволят вам овладеть практическими методами создания молниеносных сайтов.
Что ищут работодатели в вашем UX/UI портфолио
Подробно изучим нюансы создания UX/UI портфолио. Узнаем, на что обращают внимание рекрутеры, какие ошибки допускают дизайнеры при создании портфолио и как их исправить.
Реализация паттерна доступа к данным при работе с Drizzle
Поговорим о том, почему подход, основанный на использовании данных, является секретным оружием успешных бэкенд-проектов. Овладеть им поможет Drizzle - система, которая упрощает и ускоряет моделирование данных, позволяя минимизировать ошибки.
Создание интерактивных аналоговых часов с помощью Vue3
Разработка крутых виджетов доступна каждому при овладении базовым специальным инструментарием. Этот гайд поможет создать привлекательные интерактивные часы, используя потенциал Vue3.
Как создавать сайты с молниеносной загрузкой: рекомендации по оптимизации фронтенда. Часть 1
На что влияет производительность сайтов? Каковы ее ключевые показатели? Как браузеры выполняют рендеринг веб-страниц? Получите четкие ответы на эти вопросы, чтобы овладеть методами оптимизации производительности сайтов при создании DOM, CSSOM и дерева рендеринга.
Как дуэт Angular-Wiz поменяет правила игры
Дуэт Angular-Wiz совершит революцию в веб-разработке. Объединение возможностей этих фреймворков позволит создавать приложения, которые будут быстро загружаться, оставаться интерактивными и радовать пользователей. Узнайте подробности технологического ноу-хау.
Полное руководство по кэшированию Laravel
На примерах изучим cache:remember, самый применяемый в проектах метод кэша. Узнаем, как эффективно кэшировать данные, оптимизируя производительность и пользовательское взаимодействие, снижая нагрузку на базу данных и убыстряя отклик.
Сколько Spark нужно памяти для обработки 100 Гб данных
Узнаем, как настроить кластер Spark для эффективной обработки 100 Гб данных. Разберем также, сколько при этом памяти понадобится драйверу.
Совместное использование данных WebSocket в режиме реального времени в нескольких окнах браузера
Платформа Neo.mjs предлагает демо-версию многоэкранного приложения - визуально привлекательного, интерактивного и высокопроизводительного. При одновременном использовании несколькими участниками одних и тех же данных, оно позволит сэкономить трафик и сократить утечки памяти.
Технические долги при проектировании компонентов с помощью Angular
Изучите три стратегии реализации пользовательских компонентов: превалирование ControlValueAccessor, использование FormControl в качестве входных данных и обертывание компонентов. Чтобы эффективно применять эти стратегии, рассмотрите технические долги, связанные с каждой из них.
Создание клона Google Maps с открытым исходным кодом. Часть 1
Предлагаем руководство по разработке клона Google Maps с использованием полностью открытых библиотек и бесплатных API. Чтобы создать интерактивное картографическое веб-приложение, вам не понадобятся глубокие геопространственные знания - достаточно элементарных навыков веб-разработки.
9 плагинов в Figma, которые были популярны в 2024 году
Рассмотрим 9 плагинов в Figma, их особенности и способы интеграции в рабочий процесс.
Создание многофункционального калькулятора на чистом JavaScript
Это руководство поможет вам создать калькулятор с расширенными возможностями - голосовыми командами, клавишами быстрого доступа и адаптивными темами - на чистом JavaScript. Такой многофункциональный инструмент, динамичный и настраиваемый, значительно повысит качество пользовательского опыта.
Цифры без диаграмм: хаки по JS-диаграммам
Иногда необходимы минималистичные визуализации с отражением цифр без диаграмм. Создать такое представление помогает библиотека GraphicsJS, готовая предоставить любое пользовательское решение. Предлагаем пошаговое руководство по установке и использованию этой библиотеки.
React в плагине Sketch: проблема загрузки исходных данных
Вы наверняка сталкивались с проблемой загрузки исходных данных, когда UI React рендерится без данных Sketch при первом открытии окна плагина. Вот как можно решить эту проблему.
Что следует учитывать при разработке дизайна для людей с дислексией?
Рассмотрим термин дислексия. Изучим стратегии, которые помогают сделать дизайн более доступным для пользователей с дислексией. Узнаем о плагине Stark.
Angular: наведение мостов между HttpClient и Signals
В последнее время экосистема Angular претерпела серьезные изменения. Разберемся с тем, как взаимодействовать с сервисами на базе HttpClient при подключении их к компонентам на основе сигналов, а также с тем, какие подводные камни могут таить промисы.
9 оптимальных библиотек компонентов React на 2025 год
Рассмотрим ведущие библиотеки пользовательского интерфейса с их технологиями, шаблонами, поддержкой сообщества и ориентированным на производительность функционалом. Поможем определиться с выбором.
Пакеты NPM: что это такое, откуда они взялись и когда их использовать
Откройте для себя происхождение и преимущества пакетов NPM. Узнайте также, как они упрощают современную разработку JavaScript, в каких сценариях полезно создавать пакеты NPM, а в каких - не стоит.
15 общедоступных проектов, которые каждый разработчик должен добавить в закладки
Эта коллекция из 15 проектов с открытым исходным кодом, включающая инструменты упрощенного Agile-управления, автоматизации рабочих процессов, обеспечения безопасности API, создания платформы сообщества, - жизненно важный ресурс для любого разработчика. Они упростят вашу работу, помогут повысить производительность и избавят от неоправданных затрат.
80+ команд для разработчика React Native
Предлагаем полный список команд React Native, iOS, Android, Expo с примерами кода и пояснениями. Настоятельно рекомендуем каждому разработчику React Native, независимо от опыта работы и уровня образования, взять на заметку эти полезные команды и релевантно использовать их при необходимости.
Условия в CSS: что делать, если они нужны уже сейчас?
Рабочая группа CSS решила добавить if(). Какие варианты у нас есть? Ведь до нее еще далеко: два года, если все пройдет очень гладко, а если нет, то больше. Итак, что же делать, если условные выражения нужны прямо сейчас?
10 полезных приемов работы со строками JavaScript
Строки JavaScript - важнейший инструмент организации текстовых и типографических элементов веб-страницы. Эти 10 приемов работы со строками JavaScript облегчат процесс написания чистого, быстрого и эффективного кода.
OutSystems: взаимодействие в реальном времени
Рассмотрим три решения проблемы клиент-серверного взаимодействия. Подготовим для приложения систему обмена сообщениями, реализацию на сервере и клиенте: определим схему, создадим источник данных, подключим их распознавателями и задействуем коннектор AWS AppSync с соединениями по веб-сокетам.
Погружение в JavaScript
Достичь идеального понимания JavaScript-кода вряд ли возможно. Но каждая попытка может на шаг приблизить вас к идеалу. Предлагаем предпринять три попытки, каждый раз глубже погружаясь в JavaScript и совершенствуя навыки программирования.
Разбираемся с новым HTTP-заголовком Deprecated
Разработчик программируемой платформы управления API Zuplo рассказывает о заголовке HTTP, который указывает на устаревание API, также касаясь применения заголовков Sunset и Warning. В конце вы найдете примеры реализации Deprecated для разных языков и фреймворков.
10 концепций разработчика Laravel
Изучим важнейшие понятия и функционал в порядке возрастания сложности. Продвинемся в понимании того, как создавать приложения - функциональные, элегантные, сопровождаемые, эффективные и красивые.
5 правил ESLint для применения новейших возможностей Angular
Использование этих пяти правил ESLint значительно оптимизирует разработку Angular-приложений. Они не только обеспечат соблюдение лучших практик, но и помогут поддерживать согласованность кода, особенно в объемных кодовых базах с большим количеством участников.
Нужно ли дизайнеру уметь писать код?
Что важнее для дизайнера - писать код или уметь работать с ним? А может, достаточно овладеть навыками командной работы? Порассуждаем на эту тему.
Компоненты высшего порядка в React Virtualized
Компоненты высшего порядка (HOC) предлагают полезные функции, способные существенно поднять уровень пользовательского опыта. Познакомимся с ними поближе и узнаем, когда и какой компонент лучше использовать, чтобы получить от него максимум преимуществ.
StreamForge: настраиваемый дашборд мониторинга метрик Kafka
Разберем принцип работы и функционал мощного и универсального приложения с открытым кодом. Настроим и подключим, следуя четким пошаговым инструкциям.
Почему useMemo — не просто кэширование
Почему useMemo - не просто кэширование и когда стоит использовать этот хук? Разберем реальный сценарий.
Создаем сайт для кинорулетки
Сайт для кинорулетки с отзывчивым веб-дизайном привлечет массу пользователей. Создать его поможет пошаговое руководство с визуализациями и примерами кода. В процессе разработки вы сможете развить навыки использования JavaScript/Vue, Mozilla Developer, Stack Overflow и других полезных ресурсов.
Angular-приложения универсальной сборки
Ознакомьтесь со способами перехода от создания жесткого кода для каждой среды к универсальной сборке, которую можно использовать везде. Представленные здесь решения подходят в случаях, когда требуется гибкость конфигурации и независимое управление фронтенд-приложением.
Как создать Open Source финтех-проект
Сделаем акцент на API, интегрируемый разработчиками в веб-сайты или приложения финтех-направленности. Разберем принцип работы, ключевой и новый функционал.
Тенденции развития фронтенд-разработки в 2025 году
Насколько хорошо вы ориентируетесь в современном ландшафте фронтенд-разработки? Чтобы не пропустить последние достижения, ознакомьтесь с тенденциями развития фреймворков, инструментов и практик, ожидаемыми в 2025 году.
Топ-10 React-библиотек, которые стоит использовать в 2025 году
Эти революционные инструменты позволяют предоставить пользователям возможности профессионального уровня. Они помогут вам при создании превосходных дэшбордов, временных шкал, макетов, операций перетаскивания, а также при обработке вызовов API, сэкономив при этом массу усилий и времени.
Знакомьтесь: безголовая WordPress без WordPress
После разгрома Мэтта Мулленвега и WPEngine автор этого материала заметил, что все больше и больше людей в Reddit (и других местах) просят альтернативы WordPress, не обязательно отказываясь от WordPress (по крайней мере, не сразу), но чтобы понять, какие варианты у них есть и насколько болезненной будет потенциальная миграция.
Lego-build: новое решение старой проблемы
Lego-build - новый гибкий инструмент для фронтенд-разработчиков. Какую проблему он решает и чем превосходит существующие решения? Рассказывает один из его создателей.
Топ-9 современных общедоступных JS-библиотек для разработки ИИ
Эти библиотеки не только помогут создать высокопроизводительные приложения, управляемые искусственным интеллектом, но и значительно упростят вашу работу. С ними ваши проекты по ИИ станут умнее, быстрее и эффективнее!
RxSignals: самая мощная синергия в истории Angular
Мало кто знает, что тандем сигналов и функций observables способен повысить реактивность Angular. Поговорим об этом, а также о том, почему сигналы позволяют вынести управление состоянием из-под власти RxJS, позволив ему сосредоточиться в первую очередь на событийно-управляемых задачах.
Быстрый поиск фотографий: оптимизированные подходы
Ознакомьтесь с решениями, которые могут значительно повысить производительность приложения для поиска фотографий. Используя оптимизированные стратегии, вы будете эффективно управлять большими коллекциями изображений без перегрузки системных ресурсов.
Angular 19 — потрясающая версия: все новое!
19-я версия Angular впечатляет своими обновлениями. В ней значительно повышена производительность, упрощен процесс разработки, стабилизированы ключевые сигнальные API, а также предложены новые возможности в Angular Material и CDK.
Проблема IDOR: несанкционированный отзыв сессии пользователя
Codecov - отличный инструмент покрытия кода, но и он не лишен уязвимостей. Проблема IDOR - небезопасной ссылки на объект - может приводить к закрытию сессий легитимных пользователей. Расскажем поэтапный алгоритм реализации IDOR и ее последствия.
Пишем и сравниваем приложения Todo на JavaScript и Gleam
Как создать простое приложение в Gleam — языке из экосистемы BEAM, который компилируется в JS? Синтаксис Gleam отличается от синтаксиса большинства других языков, поэтому сравним его с другим языком прямо в процессе разработки приложения.
Как защитить сайт от скрейперов
Эффективные методы браузерного фингерпринтинга - использование Canvas, составление списка подключенных медиа-устройств и идентификация аудиоволн - позволят вам надежно защитить свой сайт от скрейпинга и краулинга. Узнайте, как легко реализовать собственный фингерпринт-код за считанные минуты!
useEffectEvent: почему так строго?
Готовы наконец-то разобраться с useEffectEvent без слепого следования правилам? Предлагаем вникнуть в React-механику, которая делает эти строгие ограничения не прихотью, а необходимостью. Откройте для себя скрытую логику, чтобы стать сильнее в React.
5 основных методов работы с @Cacheable в JavaScript
Аннотация @Cacheable - механизм кэширования, позволяющий значительно повысить производительность приложения. Освоив пять основных методов работы с @Cacheable, вы сможете реализовать сложные стратегии кэширования - эффективные и удобные в обслуживании.
JavaScript: интернет-инструмент для деятельности веб-инженеров
Хотите улучшить навыки разработчика и освоить один из популярнейших современных языков программирования? Приступайте к изучению JavaScript.
Слоты: сделайте свой Angular API гибким
Подход с унифицированным определением слотов оказывается достаточно гибким при разработке API для низкоуровневых компонентов. Ознакомьтесь с его особенностями, преимуществами и примерами реализации.
Сбор мусора в JavaScript
Удаление ненужных объектов в JavaScript - важный процесс, который поддерживает бесперебойную работу приложений. Заглянем "под капот" уборки мусора и рассмотрим ее основные алгоритмы.
Поддержка нескольких модальных окон в React Native: новый подход
Управление несколькими модальными окнами - ограничение, с которым вы столкнетесь как в стандартной реализации модальных окон в React Native, так и в популярных сторонних библиотеках. Новый подход к решению этой проблемы с использованием библиотеки rn-modal-presenter позволит снизить сложность приложения и сделать его более удобным.
Механика отображения запросов в Spring Boot
Узнаем об обработке в Spring Boot аннотаций @RequestMapping, сопоставлении путей, разрешении HTTP-методов, механике привязки параметров. Проиллюстрируем примерами и разберемся, как здесь осуществляется точное управление сложными веб-запросами.
Упростите поиск ресторанов в React-приложении с помощью foodie-react
Интеграция в React-приложение NPM-пакета foodie-react позволит заказывать еду из любого ближайшего ресторана. Он обеспечивает поддержку Google Maps API, настраиваемый радиус обнаружения ресторанов, текстовой поиск, предотвращение CORS-ошибок.
Ваш JavaScript-бандлер слишком раздут
Дело не только в скорости, но и в удобстве использования приложения, показателях SEO, проценте отказов и в том, задерживаются ли ваши посетители на сайте достаточно долго, чтобы увидеть предлагаемый вами контент. Выполнив ряд оптимизаций, вы избавитесь от проблем с вовлеченностью пользователей и конверсией.
Освоение Scrollable во Flutter
Это руководство посвящено разъяснению неочевидных нюансов Flutter-разработки. Вы узнаете, что такое dragDetails, как работает ScrollPhysics, почему невозможно поместить Spacer или Flexible в Scrollable и, наконец, как реализовать слушатель прокрутки, обновляющий представление в панели приложения.
Palette: оживляем гибридные узлы Amazon EKS
Разберем нюансы гибридной облачной архитектуры. Настроим гибридный узел и присоединим его к кластеру EKS, расскажем об их оптимальном сочетании с Palette.
Утилитные классы в Kotlin с точки зрения Java-разработчика
Разобравшись, в чем заключаются различия в реализации утилитных классов в Kotlin и Java, вы сделаете важный шаг в освоении языка Kotlin. Будь вы опытный Java-разработчик, желающий расширить спектр своих навыков, или новичок в программировании, уделите внимание этому аспекту.
Создаем первый «Astroвной» проект
Сделаем блог с «островом интерактивности», полем поиска в реальном времени и индексатором. Подключим настаиваемую интеграцию для индексирования каждого поста и расширения поведения на этапах процесса сборки.
Возможности контроля в JavaScript: методы AbortSignal.timeout() и AbortSignal.any()
Представляем два малоизвестных, но очень полезных метода управления асинхронными задачами: AbortSignal.timeout() и AbortSignal.any(). Оба эти метода поддерживаются основными веб-браузерами и позволяют корректно прервать асинхронные операции.
Как масштабировать Angular без ограничений
Ограничения мешают успешному развитию продукта. Освободите свой разум от тормозящих стереотипов и приступайте к масштабированию проектов на Angular!
Совместное использование компонентов React с различными библиотеками управления состоянием
Создадим компоненты React для совместного использования с Redux, MobX, Recoil и любыми другими библиотеками управления состоянием. Узнаем, какие задачи и каким образом решают данные библиотеки.