React JS

🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг18 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.Как это будет:📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью📂 В конце можно будет задать любой вопрос ВиталиюЭто бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_botРеклама. О рекламодателе.

Визуальное разделение группы связанных параметров с помощью <hr> внутри <select>Demo https://www.codewithshripal.com/playground/html/visually-breakup-options-in-select

JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.Ответ

🖥 Сервисы крутятся. Прод вроде живой. Но когда тимлид спрашивает: «почему здесь лучше ValueTask, а не Task?» или «как GC поведёт себя под нагрузкой?» - ты начинаешь плыть.И дело не в том, что ты плохо пишешь код. Просто большинство курсов заканчиваются ровно там, где начинается настоящий .NET.Этот курс про то, что обычно остаётся под капотом:- CLR- JIT- GC- Span- async state machine- Source Generators- lock-free подходы- OpenTelemetry- дампы в продеНа практике разбираем, как .NET реально работает внутри: что происходит с кодом после компиляции, как память живёт под нагрузкой, почему async иногда помогает, а иногда ломает производительность, как читать проблемы по дампам и метрикам, а не гадать по логам.Если хочешь дойти до уровня, где система для тебя не чёрный ящик, а инструмент, который ты понимаешь до IL, - велкам.Сейчас на stepik доступна скидка 55%: https://stepik.org/a/288694

⚡️ Linux Roadmap: подробный практический курс от нуля до уверенного администратораЭто пошаговый маршрут изучения Linux с упором на практику. Каждый раздел содержит объяснение «почему это устроено именно так», разбор команд и обязательные задания, которые нужно выполнить руками в терминале. Чтение без повторения навыка не даёт — держите терминал открытым рядом с этим текстом.Как работать с этим курсом: идите сверху вниз, не перепрыгивайте разделы; каждую команду набирайте руками, а не копируйте; в конце каждого блока выполняйте задание; специально ломайте систему в виртуалке и чините — это лучший способ учиться.https://github.com/justxor/linuxfullroadmap/

Gentle button 'explode'Визуальные эффекты при наведении мыши на кнопку. Использованы SCSS и JS.https://codepen.io/cassie-codes/pen/zYdxopE

Совет по CSS 💡Возможно, вы не знаете, что мы можем использовать псевдоэлемент ::marker, чтобы изменить стиль маркера/номера списка. 🤩Demo https://www.codewithshripal.com/playground/css/style-list-marker

🖼️✨ Упрощение создания динамических обоевDynamic Wallpaper Project Toolkit — это мощный инструмент для организации и управления проектами динамических обоев. Он предлагает стандартизированную структуру, шаблоны и утилиты для упрощения разработки и повышения эффективности.🚀 Основные моменты:- Стандартизированная структура проекта для упрощения навигации.- Шаблоны для различных типов динамических обоев.- Утилиты для управления активами и их синхронизации.- Скрипты для автоматизации рутинных задач.- Подробная документация и поддержка сообщества.📌 GitHub: https://github.com/alfiyahkamilah1239298/WallpaperDownloader-26

Коллекция текстильных паттерновВсе паттерны созданы при помощи CSS-градиентов, без каких-либо изображений. И они очень маленькие!https://codepen.io/thebabydino/pen/OJmpzya

✔️ Black Forest Labs запустила MCP-серверСервер доступен по адресу mcp.bfl.ai и позволяет создавать и редактировать изображения в чат-клиентах, поддерживающих этот протокол. Заявлена совместимость с Claude, Cursor, Codex, Windsurf и другими MCP-клиентами.MCP-сервер предоставляет несколько инструментов: генерацию до 8 изображений параллельно, создание вариаций на основе предыдущего результата, просмотр истории запросов и проверку остатка средств на счёте.Нужную модель клиент выбирает автоматически в зависимости от запроса. Доступно несколько моделей линейки FLUX.2: от быстрой Klein до топовой Мax. По умолчанию используется Flux2 Pro.Оплата, согласно документации, производится напрямую BFL: счёт выставляется той организации, которая была выбрана при авторизации.Актуальные тарифы - на странице bfl.ai/pricing.@ai_machinelearning_big_data#news #ai #ml

Button with rotating gradient borderКнопка с вращающейся градиентной рамкой – это эффектный веб-элемент, который был разработан и анимирован с использованием языков HTML и CSS. Этот элемент привносит интересное визуальное восприятие на веб-страницу и обращает на себя внимание пользователей благодаря своей креативной анимации.🌐Ссылка на код

Ring PrepulsionСоздано на canvas и JS.https://codepen.io/shubniggurath/pen/qeXRrW

🚀 Мощный панель управления для игровых серверовMCSManager — это современная веб-панель для управления серверами Minecraft, Steam и другими играми. Она позволяет легко управлять несколькими серверами с одного интерфейса, предлагая надежную систему разрешений для пользователей и поддержку многоязычности.🚀 Основные моменты:- Быстрая установка игровых серверов с помощью встроенного магазина приложений.- Поддержка множества игр, включая Terraria и Project Zomboid.- Настраиваемый интерфейс с возможностью перетаскивания элементов.- Поддержка Docker и коммерческого хостинга.- Легковесная архитектура на TypeScript.📌 GitHub: https://github.com/MCSManager/MCSManager

Совет по HTML 💡Знаете ли вы, что можно разместить кнопку отправки формы вне самой формы?

Cовет💡Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму внутреннего радиуса + отступы.