Совет по CSS 💡
Возможно, вы не знаете об этом новом и самом простом способе вертикального центрирования содержимого в box layout
📲 Мы в MAX
👉 @frontend_1
Возможно, вы не знаете об этом новом и самом простом способе вертикального центрирования содержимого в box layout
👉 @frontend_1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Генератор паролей на тему хакеров с использованием HTML, CSS и JavaScript 🚀
https://learning.atheros.ai/ui-components/password-checker-12
📲 Мы в MAX
👉 @frontend_1
https://learning.atheros.ai/ui-components/password-checker-12
👉 @frontend_1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
📕Angular SSR за час: превращаем SPA в ракету
👤Подходит разработчикам JavaScript/TypeScript, Junior/Middle разработчикам, желающим освоить Angular, Frontend-разработчикам на других фреймворках (React, Vue)
На открытом уроке 2 декабря в 20:00 мск мы освоим внедрение SSR в приложение: серверный рендеринг, SEO-метаданные, работа с API и базовое понимание hydration:
📗 На вебинаре разберем:
1. Понимание базовой архитектуры SSR в Angular.
2. Понимание поведения приложения до и после hydration.
📘 В результате на практике изучите и освоите умение подключить SSR к существующему приложению, работу с серверным рендерингом данных и настройку SEO-метаданных.
👉 Регистрация на урок и подробности о курсе Angular Developer: https://vk.cc/cRMPnv
Все участники открытого урока получат скидку на курс "Angular Developer" с промокодом ANGULAR12
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
👤Подходит разработчикам JavaScript/TypeScript, Junior/Middle разработчикам, желающим освоить Angular, Frontend-разработчикам на других фреймворках (React, Vue)
На открытом уроке 2 декабря в 20:00 мск мы освоим внедрение SSR в приложение: серверный рендеринг, SEO-метаданные, работа с API и базовое понимание hydration:
📗 На вебинаре разберем:
1. Понимание базовой архитектуры SSR в Angular.
2. Понимание поведения приложения до и после hydration.
📘 В результате на практике изучите и освоите умение подключить SSR к существующему приложению, работу с серверным рендерингом данных и настройку SEO-метаданных.
👉 Регистрация на урок и подробности о курсе Angular Developer: https://vk.cc/cRMPnv
Все участники открытого урока получат скидку на курс "Angular Developer" с промокодом ANGULAR12
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
This media is not supported in your browser
VIEW IN TELEGRAM
Отзывчивый инвертированный раскрывающийся скроллер с CSS 🤙
📲 Мы в MAX
👉 @frontend_1
img {
position: fixed;
animation: clip;
animation-timeline: --section;
animation-range: exit;
}
@keyframes clip { to { clip-path: inset(100% 0 0 0); }👉 @frontend_1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Если 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
Совет по Javanoscript 💡
Возможно, вы не знаете об этом простейшем способе таймаута запроса на выборку.
📲 Мы в 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
Совет по Javanoscript 💡
Знаете ли вы, почему мы не можем создавать новые инстансы из 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
👍6