Если JavaScript у вас пока живёт в консоли и учебных задачках, самое время вытащить его в «настоящий мир». На открытом вебинаре соберём мини-приложение, которое очень похоже на реальный продуктовый интерфейс: каталог с карточками, фильтрами и поиском по данным с внешнего API.

Что будем делать на вебинаре:
- Подключим внешний API и загрузим реальные данные — без фейковых «заглушек».
- Построим каталог с карточками: изображение, название, описание — как в интернет-магазинах или сервисах подбора.
- Добавим поиск, фильтры и индикатор загрузки, чтобы интерфейс выглядел и вёл себя живо.
- Покажем, как обрабатывать ошибки и показывать корректные UI-состояния, а не просто «ничего не происходит».
- Разберём структуру приложения на чистом JS: где хранятся данные, где бизнес-логика, как устроен рендеринг.

9 декабря, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».

Регистрация открыта: https://vk.cc/cRSuQh

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Используйте сгенерированный CSS clip-path, чтобы получить более тонкую форму 🤙

.squircle {
  clip-path: polygon(
    100.00% 50.00%, 99.95% 62.53%, 99.80% 67.70%, ...
  );
}

📲 Мы в MAX

👉 @frontend_1

event: VK Apps & Games Dev Night

date: 13.12

place: Санкт-Петербург, офис ВКонтакте у Красного моста

vibe: кинопремия, вечеринка и нетворк

🔊 Что будет:
• Расскажут о продуктовых и технологических изменениях VK Mini Apps
• Подведут итоги VK Dev Grants и наградят победителей
• Поделятся идеями, как делать мини-приложения лучше, быстрее и как развивать свои проекты;

+ Нетворк и вечеринка в стиле кинопремии ⭐️

📍 Один вечер, чтобы узнать всё самое важное и пообщаться с командой платформы. Присоединяйтесь онлайн или офлайн.

Совет по CSS 💡

Пользовательский Range Slider с всплывающей подсказкой

Всплывающая подсказка будет менять свою форму, чтобы оставаться в границах ползунка. Даже радиус будет меняться, когда подсказка будет приближаться к углам.

https://codepen.io/t_afif/pen/vYweZQa

📲 Мы в MAX

👉 @frontend_1