Советы по HTML 💡

Знаете ли вы, зачем мы пишем <meta charset=«utf-8»> в HTML-документе?

Реальные кейсы AI во фронтенде: что происходит в Яндексе

Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашает на Yet Another Frontend Night 29 ноября. Закрытая встреча полностью посвящена внедрению нейросетевых инструментов во фронтенд. Коллеги из Яндекса обсудят, какие AI-технологии работают у них, как изменился разработческий цикл и с какими трудностями пришлось столкнуться на практике.

Темы экспертов Яндекса:

— Иван Артамонов, руководитель группы конверсионных инструментов в Яндекс Бизнесе, расскажет про преимущества AI-ассистентов
— Павел Осташкин, старший разработчик интерфейсов в международной Рекламе, объяснит, как он со своей командой написал и встроил MCP в рабочие процессы и что из этого получилось
— Валерий Баранов, AI-оптимист и тимлид группы технологий фронтенда в Яндекс 360, разберет инструменты управления контекстом во фронтенде и покажет, как MCP-серверы снижают галлюцинации и делают дизайн-систему AI-ready
— Александр Иванков, руководитель группы развития инфраструктуры поисковых интерфейсов в Яндекс Поиске, поделится опытом разработки AI-помощника и подходами промпт-инжиниринга под разные роли
— Андрей Дегтярев, разработчик интерфейсов в Яндекс Браузере, рассмотрит в докладе агентские сценарии по частям, чтобы наглядно показать, какие реальные задачи пользователя они решают

Где и когда: 29 ноября, 15:00, Москва, офис Яндекса на Льва Толстого
Yet Another Frontend Night пройдет только в offline-формате, трансляция не планируется.
Регистрация и подробная программа

🚀 Креативные подсказки для Nano Banana Pro

Собрание уникальных и креативных подсказок для работы с Google Nano Banana Pro. Идеально подходит для вдохновения и генерации идей, этот репозиторий предлагает разнообразные варианты для создания визуального контента.

🚀 Основные моменты:
- Более 500 тщательно отобранных подсказок
- Поддержка динамических аргументов для Raycast
- Разнообразные стили генерации: от фотореалистичных до художественных
- Регулярные обновления и возможность участия в сообществе

📌 GitHub: https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts

#javascript

Будьте осторожны и предупредите коллег

⚡️ Отличный гайд по тому, как прокачать навык работы с дейтпикерами в JavaScript.

В нём есть примеры, ясные объяснения и наглядный формат, который помогает быстро разобраться во всех нюансах создания собственных дейтпикеров на чистом JS.

Читать здесь 👍

````typescript
type Status = "draft" | "published" | "archived";
type ActiveStatus = // как исключить статус archived?
````
Задумался? Или сразу ответил "Omit"? Если так – этот пост для тебя 😉

Эта задача с реального собеседования в крупную госкорпорацию в сфере атомной энергетики.
На таком собесе даже небольшая заминка может стоить тебе оффера. Всё из-за тонкостей TypeScript, которые не всегда встречаются в повседневной работе.

Чтобы быть в тонусе и щёлкать такие задачки как орешки — заходи в JavaScript Portal. Каждый день там публикуются новые задачи по JS и TS, которые точно прокачают твои практические и теоретические навыки. Подписывайся и будешь готов к любому собесу!

👉 P.S. Правильный ответ и разбор уже ждут тебя тут

🎨 Инструменты для создания и редактирования изображений

Kims — это мощный инструмент для работы с изображениями, позволяющий легко редактировать и создавать графику. Он предлагает интуитивно понятный интерфейс и множество функций, которые делают процесс редактирования простым и эффективным.

🚀 Основные моменты:
- Поддержка различных форматов изображений
- Интуитивно понятный пользовательский интерфейс
- Множество инструментов для редактирования и фильтров
- Возможность создания графики с нуля
- Активное сообщество и регулярные обновления

📌 GitHub: https://github.com/kimkulling/kims

#javascript

Как создать эффективное REST API или оптимизировать его? Что сделать для ускорения Redis? Какие секреты скрываются под капотом Android? Что делать при конфликте стилей в микрофронтендах? Что поможет провести продуктивное кросс-ревью в команде?

Своим опытом в самых разных сферах делятся frontend-разработчики, системные аналитики, разработчики под Android и iOS из команды ПСБ.
Читайте в блоге ПСБ на Хабре, делитесь в комментариях своим мнением и опытом!

🌍 Twitter Location Flags Extension

Расширение для Chrome, которое добавляет флаги стран к именам пользователей на Twitter/X, основываясь на их местоположении. Оно автоматически определяет пользователей и запрашивает информацию о местоположении через GraphQL API Twitter.

🚀Основные моменты:
- Отображает флаги стран рядом с именами пользователей
- Работает с динамически загружаемым контентом
- Кэширует данные о местоположении для снижения нагрузки на API
- Не требует передачи данных третьим лицам

📌 GitHub: https://github.com/RhysSullivan/twitter-account-location-in-username

#javascript

⚡️ Крупное обновление легендарной библиотеки иконок для фронтенда

Для фронтенд-разработчиков вышло масштабное обновление одной из самых известных библиотек иконок. Экосистема заметно выросла и теперь включает:

- 63 119 иконок и 30 стилей — от минимализма до детальной графики;
- полноценную SVG-библиотеку и шрифтовые лигатуры, которые работают как обычный текст;
- обновлённый дизайн и новые тематические наборы;
- официальные NPM-пакеты для React и других фреймворков;
- удобные варианты поставки: CDN, SVG-пакеты, шрифты;
- полностью переработанную архитектуру без legacy-зависимостей.

Инструмент стал универсальным решением: подходит для интерфейсов, дизайн-систем, прототипов и продакшн-приложений.


https://github.com/FortAwesome/Font-Awesome

@javascriptv

🖨️🎨 Sticker Dream: голосовой принтер наклеек

Создайте наклейки с помощью голосовых команд! Просто нажмите кнопку, опишите желаемое, и получите черно-белую раскраску, готовую к печати на термопринтере. Проект использует транскрипцию речи и генерацию изображений через Google Imagen.

🚀Основные моменты:
- Голосовое управление для создания наклеек
- Генерация раскрасок на основе описаний
- Поддержка USB термопринтеров
- Быстрая печать без чернил
- Возможность расширения на другие платформы

📌 GitHub: https://github.com/wesbos/sticker-dream

#javascript

Приглашаем на открытый вебинар “Использование декораторов в Backend (Nest.js, TS.ed) приложениях”
📅 8 декабря в 20:00

Если вы пишете backend на Node.js и хотите понять, как устроена современная архитектура на Nest.js - этот вебинар нельзя пропускать.

Декораторы - не «магия», а мощный инструмент TypeScript, который делает backend-код чище, структуру понятнее, а разработку быстрее. На занятии разберём, как они работают внутри, какие бывают типы декораторов и как их правильно применять в Nest.js и TS.ed.

Разберём на практике:
- что такое декораторы и зачем они нужны
- классовые, методные, property
- и parameter-декораторы- декораторы в Nest.js и TS.ed
- создание собственных декораторов
- типичные ошибки и как их избежать

Вебинар проходит на основе курса «Node.js Developer» - отличная возможность познакомиться с подходом обучения и примерить курс под свои задачи.

🎓 Регистрация открыта - подключайтесь и разберите декораторы по-настоящему, без мифов и магии: https://tglink.io/66e8c4949fcc?erid=2W5zFHLeqnQ



Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Совет по CSS! ✨

Вы можете сделать стили компонентов портативными с помощью контейнерных запросов 😎

Изменение макета карты в зависимости от размера 🔥
Удаление текста кнопки, если она маленькая 🤏

.card {container-type: inline-size;}
@ container (min-width: 50ch) {.info { grid-column: 2; }}

https://codepen.io/jh3y/pen/JjZavRJ

@javascriptv