Исследуем современный веб: графика, архитектура, браузерные API и AI-интерфейсы.
Главное изменение здесь даже не в отдельном API. Постепенно меняется сам подход к 3D-контенту в браузере: для некоторых сценариев разработчику уже необязательно начинать с canvas, Three.js и собственного render loop.
Еще несколько лет назад выбор рендеринга в веб-приложении часто сводился к простому вопросу: нам нужен SPA или SSR? Современный frontend – это уже не один режим рендеринга на весь проект, а архитектурный набор стратегий: где-то страница должна быть статической, где-то – обновляться по расписанию, где-то – рендериться на каждый запрос, а где-то – совмещать статические и динамические пользовательские блоки.
2025 год стал для веб-разработки не очередным этапом эволюции, а моментом формирования новой структуры.
CSS-гриды уже изменили верстку, но у них был один болезненный недостаток:
вложенные элементы не могли наследовать сетку родителя.
Проблема большинства анимаций в вебе в том, что они создаются под конкретный layout.
Современный веб давно вышел за рамки стандартных div и button элементов. Сегодня разработчики всё чаще создают собственные HTML-элементы, которые ведут себя как нативные – с инкапсуляцией, переиспользуемостью и чистым API.
Объект в JavaScript – это коллекция пар «ключ: значение», где ключи – строки (или символы), а значения могут быть чем угодно: числа, строки, массивы, функции, другие объекты.
Веб-приложения становятся всё более «тяжёлыми»: сложные анимации, обработка больших массивов данных, работа с изображениями и видео.
image-set() – это «CSS-аналог» srcset для фоновых картинок и любых свойств, где необходимо показать изображение.
Мир веб-анимаций давно вышел за пределы простых fade-in и slide-out. Сегодня мы всё чаще стремимся к естественным, реалистичным взаимодействиям, вдохновлённым законами физики.
С появлением Declarative Shadow DOM веб-разработка сделала еще один шаг вперед к простоте и гибкости. Теперь можно использовать Shadow DOM и стилизовать компоненты прямо в HTML, не прибегая к JavaScript.
Работа с числами неотъемлемая часть любой frontend-разработки. Рассмотрим полезные и часто используемые функции для работы с числами в JavaScript.