Если JavaScript у вас пока живёт в консоли и учебных задачках, самое время вытащить его в «настоящий мир». На открытом вебинаре соберём мини-приложение, которое очень похоже на реальный продуктовый интерфейс: каталог с карточками, фильтрами и поиском по данным с внешнего API.
Что будем делать на вебинаре:
- Подключим внешний API и загрузим реальные данные — без фейковых «заглушек».
- Построим каталог с карточками: изображение, название, описание — как в интернет-магазинах или сервисах подбора.
- Добавим поиск, фильтры и индикатор загрузки, чтобы интерфейс выглядел и вёл себя живо.
- Покажем, как обрабатывать ошибки и показывать корректные UI-состояния, а не просто «ничего не происходит».
- Разберём структуру приложения на чистом JS: где хранятся данные, где бизнес-логика, как устроен рендеринг.
9 декабря, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://vk.cc/cRSuQh
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Что будем делать на вебинаре:
- Подключим внешний API и загрузим реальные данные — без фейковых «заглушек».
- Построим каталог с карточками: изображение, название, описание — как в интернет-магазинах или сервисах подбора.
- Добавим поиск, фильтры и индикатор загрузки, чтобы интерфейс выглядел и вёл себя живо.
- Покажем, как обрабатывать ошибки и показывать корректные UI-состояния, а не просто «ничего не происходит».
- Разберём структуру приложения на чистом JS: где хранятся данные, где бизнес-логика, как устроен рендеринг.
9 декабря, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://vk.cc/cRSuQh
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Совет по Javascript 💡
Возможно, вы не знаете об этом простейшем способе таймаута запроса на выборку.
📲 Мы в MAX
👉 @frontend_1
Возможно, вы не знаете об этом простейшем способе таймаута запроса на выборку.
👉 @frontend_1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Используйте сгенерированный CSS clip-path, чтобы получить более тонкую форму 🤙
📲 Мы в MAX
👉 @frontend_1
.squircle {
clip-path: polygon(
100.00% 50.00%, 99.95% 62.53%, 99.80% 67.70%, ...
);
}
📲 Мы в MAX
👉 @frontend_1
👍4
event: VK Apps & Games Dev Night
date: 13.12
place: Санкт-Петербург, офис ВКонтакте у Красного моста
vibe: кинопремия, вечеринка и нетворк
🔊 Что будет:
• Расскажут о продуктовых и технологических изменениях VK Mini Apps
• Подведут итоги VK Dev Grants и наградят победителей
• Поделятся идеями, как делать мини-приложения лучше, быстрее и как развивать свои проекты;
+ Нетворк и вечеринка в стиле кинопремии ⭐️
📍 Один вечер, чтобы узнать всё самое важное и пообщаться с командой платформы. Присоединяйтесь онлайн или офлайн.
date: 13.12
place: Санкт-Петербург, офис ВКонтакте у Красного моста
vibe: кинопремия, вечеринка и нетворк
🔊 Что будет:
• Расскажут о продуктовых и технологических изменениях VK Mini Apps
• Подведут итоги VK Dev Grants и наградят победителей
• Поделятся идеями, как делать мини-приложения лучше, быстрее и как развивать свои проекты;
+ Нетворк и вечеринка в стиле кинопремии ⭐️
📍 Один вечер, чтобы узнать всё самое важное и пообщаться с командой платформы. Присоединяйтесь онлайн или офлайн.
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS 💡
Пользовательский Range Slider с всплывающей подсказкой
Всплывающая подсказка будет менять свою форму, чтобы оставаться в границах ползунка. Даже радиус будет меняться, когда подсказка будет приближаться к углам.
https://codepen.io/t_afif/pen/vYweZQa
📲 Мы в MAX
👉 @frontend_1
Пользовательский Range Slider с всплывающей подсказкой
Всплывающая подсказка будет менять свою форму, чтобы оставаться в границах ползунка. Даже радиус будет меняться, когда подсказка будет приближаться к углам.
https://codepen.io/t_afif/pen/vYweZQa
📲 Мы в MAX
👉 @frontend_1
👍6
Совет по Javascript 💡
Знаете ли вы, почему мы не можем создавать новые инстансы из arrow function?
📲 Мы в MAX
👉 @frontend_1
Знаете ли вы, почему мы не можем создавать новые инстансы из arrow function?
👉 @frontend_1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7