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

⚡️ Отличный гайд по тому, как прокачать навык работы с дейтпикерами в 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