📕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 у вас пока живёт в консоли и учебных задачках, самое время вытащить его в «настоящий мир». На открытом вебинаре соберём мини-приложение, которое очень похоже на реальный продуктовый интерфейс: каталог с карточками, фильтрами и поиском по данным с внешнего 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

Пишете на JavaScript, но всё ещё завязаны на фреймворки и готовые компоненты? Хотите понимать, как работает браузер, и создавать свои элементы, а не только использовать чужие?

На открытом уроке разберём, как JavaScript взаимодействует с DOM, как с помощью классов и ООП собирать структурированные компоненты и что такое Web Components на практике. Шаг за шагом создадим кастомный HTML-тег с нуля и подключим его к странице так, чтобы элемент можно было переиспользовать.

Урок будет полезен начинающим фронтенд-разработчикам и тем, кто хочет уйти от фреймворков к осознанному пониманию браузерного API. Вебинар проходит в преддверие старта курса «JavaScript Developer. Basic».

Встречаемся 22 декабря в 20:00 МСК.

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

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