Как защитить сайт от скрейперов
Эффективные методы браузерного фингерпринтинга - использование Canvas, составление списка подключенных медиа-устройств и идентификация аудиоволн - позволят вам надежно защитить свой сайт от скрейпинга и краулинга. Узнайте, как легко реализовать собственный фингерпринт-код за считанные минуты!
Тенденции развития фронтенд-разработки в 2025 году
Насколько хорошо вы ориентируетесь в современном ландшафте фронтенд-разработки? Чтобы не пропустить последние достижения, ознакомьтесь с тенденциями развития фреймворков, инструментов и практик, ожидаемыми в 2025 году.
Сбор мусора в JavaScript
Удаление ненужных объектов в JavaScript - важный процесс, который поддерживает бесперебойную работу приложений. Заглянем "под капот" уборки мусора и рассмотрим ее основные алгоритмы.
Как создавать сайты с молниеносной загрузкой: рекомендации по оптимизации фронтенда. Часть 2
В этой части детально рассмотрим завершающие этапы критически важного пути рендеринга (CRP): компоновку макета и отрисовку. Вы получите представление об общих стратегиях оптимизации CRP, а реальные сценарии позволят вам овладеть практическими методами создания молниеносных сайтов.
Топ-9 современных общедоступных JS-библиотек для разработки ИИ
Эти библиотеки не только помогут создать высокопроизводительные приложения, управляемые искусственным интеллектом, но и значительно упростят вашу работу. С ними ваши проекты по ИИ станут умнее, быстрее и эффективнее!
Angular 19 — потрясающая версия: все новое!
19-я версия Angular впечатляет своими обновлениями. В ней значительно повышена производительность, упрощен процесс разработки, стабилизированы ключевые сигнальные API, а также предложены новые возможности в Angular Material и CDK.
Как создавать сайты с молниеносной загрузкой: рекомендации по оптимизации фронтенда. Часть 1
На что влияет производительность сайтов? Каковы ее ключевые показатели? Как браузеры выполняют рендеринг веб-страниц? Получите четкие ответы на эти вопросы, чтобы овладеть методами оптимизации производительности сайтов при создании DOM, CSSOM и дерева рендеринга.
Освоение Scrollable во Flutter
Это руководство посвящено разъяснению неочевидных нюансов Flutter-разработки. Вы узнаете, что такое dragDetails, как работает ScrollPhysics, почему невозможно поместить Spacer или Flexible в Scrollable и, наконец, как реализовать слушатель прокрутки, обновляющий представление в панели приложения.
Ваш JavaScript-бандлер слишком раздут
Дело не только в скорости, но и в удобстве использования приложения, показателях SEO, проценте отказов и в том, задерживаются ли ваши посетители на сайте достаточно долго, чтобы увидеть предлагаемый вами контент. Выполнив ряд оптимизаций, вы избавитесь от проблем с вовлеченностью пользователей и конверсией.
15 продвинутых техник React, которые должен знать каждый старший разработчик
По мере карьерного продвижения вам придется глубже погружаться в тонкости управлениями приложениями. Если станете старшим разработчиком, вам обязательно пригодятся эти техники работы с продуктами на основе React.
17 революционных инструментов для фронтенда, о которых вы должны знать в 2025 году
Эти ресурсы не только улучшат процесс разработки, но и помогут вам создавать более качественные и эффективные проекты. Предлагаем список из 10 обязательных инструментов, которые каждый фронтенд-разработчик должен изучить в этом году.
10 полезных приемов работы со строками JavaScript
Строки JavaScript - важнейший инструмент организации текстовых и типографических элементов веб-страницы. Эти 10 приемов работы со строками JavaScript облегчат процесс написания чистого, быстрого и эффективного кода.
15 общедоступных проектов, которые каждый разработчик должен добавить в закладки
Эта коллекция из 15 проектов с открытым исходным кодом, включающая инструменты упрощенного Agile-управления, автоматизации рабочих процессов, обеспечения безопасности API, создания платформы сообщества, - жизненно важный ресурс для любого разработчика. Они упростят вашу работу, помогут повысить производительность и избавят от неоправданных затрат.
Слоты: сделайте свой Angular API гибким
Подход с унифицированным определением слотов оказывается достаточно гибким при разработке API для низкоуровневых компонентов. Ознакомьтесь с его особенностями, преимуществами и примерами реализации.
Пишем и сравниваем приложения Todo на JavaScript и Gleam
Как создать простое приложение в Gleam — языке из экосистемы BEAM, который компилируется в JS? Синтаксис Gleam отличается от синтаксиса большинства других языков, поэтому сравним его с другим языком прямо в процессе разработки приложения.
Поддержка нескольких модальных окон в React Native: новый подход
Управление несколькими модальными окнами - ограничение, с которым вы столкнетесь как в стандартной реализации модальных окон в React Native, так и в популярных сторонних библиотеках. Новый подход к решению этой проблемы с использованием библиотеки rn-modal-presenter позволит снизить сложность приложения и сделать его более удобным.
Пакеты NPM: что это такое, откуда они взялись и когда их использовать
Откройте для себя происхождение и преимущества пакетов NPM. Узнайте также, как они упрощают современную разработку JavaScript, в каких сценариях полезно создавать пакеты NPM, а в каких - не стоит.
Новые возможности CSS
Новые правила CSS направлены на оптимизацию рендеринга и производительности, управление макетом и пропорциями, улучшение анимации и интерактивности. Эти и другие расширенные возможности CSS позволят вам создавать более эффективные, гибкие, отзывчивые и визуально привлекательные веб-приложения.
7 ключевых вопросов на собеседовании по JavaScript
Проверьте, насколько хорошо вы разбираетесь в JavaScript! Ответив на эти 7 вопросов на собеседовании по JavaScript, вы наверняка получите работу. Примеры пошаговых объяснений решений помогут основательно разобраться в каждой из 7 концепций.
Palette: оживляем гибридные узлы Amazon EKS
Разберем нюансы гибридной облачной архитектуры. Настроим гибридный узел и присоединим его к кластеру EKS, расскажем об их оптимальном сочетании с Palette.
Создание многофункционального калькулятора на чистом JavaScript
Это руководство поможет вам создать калькулятор с расширенными возможностями - голосовыми командами, клавишами быстрого доступа и адаптивными темами - на чистом JavaScript. Такой многофункциональный инструмент, динамичный и настраиваемый, значительно повысит качество пользовательского опыта.
RxSignals: самая мощная синергия в истории Angular
Мало кто знает, что тандем сигналов и функций observables способен повысить реактивность Angular. Поговорим об этом, а также о том, почему сигналы позволяют вынести управление состоянием из-под власти RxJS, позволив ему сосредоточиться в первую очередь на событийно-управляемых задачах.
JavaScript: интернет-инструмент для деятельности веб-инженеров
Хотите улучшить навыки разработчика и освоить один из популярнейших современных языков программирования? Приступайте к изучению JavaScript.
9 оптимальных библиотек компонентов React на 2025 год
Рассмотрим ведущие библиотеки пользовательского интерфейса с их технологиями, шаблонами, поддержкой сообщества и ориентированным на производительность функционалом. Поможем определиться с выбором.
Быстрый поиск фотографий: оптимизированные подходы
Ознакомьтесь с решениями, которые могут значительно повысить производительность приложения для поиска фотографий. Используя оптимизированные стратегии, вы будете эффективно управлять большими коллекциями изображений без перегрузки системных ресурсов.
Как сделать зернистый градиент на CSS
На примерах с CodePen показываем, как при помощи современного CSS и маленьких хитростей сделать зернистый градиент. Для этого мы вместе с автором CSS-Tricks применим SVG-турбулентность, также при помощи SVG и градиента создадим фон, увеличим яркость и контраст через filter и, наконец, смешаем градиенты.
11 малоизвестных, но полезных приемов по фронтенду
99% фронтенд-разработчиков не знают об этих приемах. Они помогут сделать код чище и эффективней, упростить и ускорить рабочий процесс, повысить удобство использования ваших приложений.
Знакомьтесь: безголовая WordPress без WordPress
После разгрома Мэтта Мулленвега и WPEngine автор этого материала заметил, что все больше и больше людей в Reddit (и других местах) просят альтернативы WordPress, не обязательно отказываясь от WordPress (по крайней мере, не сразу), но чтобы понять, какие варианты у них есть и насколько болезненной будет потенциальная миграция.
Связывание файла JavaScript с HTML: полное руководство
Научимся связывать JavaScript с HTML тегом
Об Apache Spark - интересно и со вкусом!
Возможно, многие из вас уже начинали изучать инженерию данных, но вскоре понимали, что осилить эту науку вам не под силу. То ли из-за сложной...
Лучшие практики JavaScript — производительность
Ограничение доступа к переменным и свойствам
Задача состоит в том, чтобы сократить время доступа к переменным и свойствам объектов в приложениях.
Причина заключается в том, что...
Автоматизируем задачи на Python с помощью ChatGPT
Используйте мощь искусственного интеллекта для построения графиков, отправки электронных писем и скрейпинга. Каждая из этих операций при участии ИИ займет всего несколько секунд.
Как использовать типы пересечения в TypeScript: советы от профессионала
Предлагаем подробное руководство по использованию типов пересечения в TypeScript. Освоение этих типов позволит реализовать некоторые пользовательские виды утилит. Например, при реализации утилиты PartialByKeys можно сделать опциональными значения ключей, указанные в типе объекта.
4 недооцененных API браузера
Познакомимся с 4 полезными API браузера, которые лучше всегда держать под рукой : Battery API, IndexedDB API, Clipboard API и Page Visibility API.