Javascript

🚀 GigaChat 3.1 Ultra и GigaChat 3.1 Lightning в опенсорс под MIT лицензией! Обе модели • Обучены с нуля — без инициализации зарубежными весами • MoE + MTP + MLA • Совместимы с HuggingFace, llama.cpp / vLLM / SGLang Код и веса уже на платформе GitVerse. Это не просто релиз весов, а результат большой инженерной работы над качеством, alignment и стабильностью модели. В блоге команда поделилась результатами и своими наработками. В релизе: высокие результаты на аренах, улучшенный function calling, решённая проблема циклов, DPO в нативном FP8, найденный и зарепорченный баг в SGLang при dp > 1.

Aseprite Анимированный редактор спрайтов и инструмент для пиксель-арта (Windows, macOS, Linux) ▫️Поддержка цветовых профилей и различных цветовых режимов ▫️Средства анимации с предварительным просмотром в реальном времени ▫️Экспорт/импорт анимации в/из листов спрайтов, файлов GIF или последовательности файлов PNG ▫️Специальные инструменты для пиксельной графики ▫️Одновременное преобразование нескольких кадров/слоев ▫️Возможности Lua-скриптинга ▫️CLI — интерфейс командной строки для автоматизации задач https://github.com/aseprite/aseprite

Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊 section { filter: url(#​knockout); } section h1 { animation: shrink; } @​keyframes shrink { 0% { scale: 36; }} - Анимация изменения масштаба текста на видео-оверлее ✅ - Выбивание текста с использованием SVG-фильтра ✅ - Управление прокруткой ✅

Server Actions создают публичные конечные точки, поэтому не забудьте защитить их, как и маршруты API.

🧑‍💻 Realtime-сервисы требуют от бэкенд-разработчика большего, чем знание REST API. Чаты, уведомления и live-обновления строятся на других архитектурных подходах. 📆 9 апреля в 20:00 МСК пошагово реализуем WebSocket-сервер на Node.js и разберём, как устроен обмен сообщениями в realtime. На открытом уроке покажем, как типизация событий делает код надёжнее, и обсудим, почему простого решения недостаточно для рабочей системы. Разберём авторизацию, масштабирование и работу нескольких экземпляров приложения. Урок проходит в преддверии старта курса «Node.js-разработчик». ⚡️Если вы хотите глубже разобраться в бэкенде и понять, как строятся современные realtime-сервисы, зарегистрируйтесь на урок. Это практическое занятие поможет разобрать тему на уровне кода и архитектуры: https://otus.pw/JPxG/?erid=2W5zFGkc3UM Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

🎮 Interactive Super Mario - анимация Super Mario, выполненный с помощью SCSS и JavaScript. Управление осуществляется с помощью клавиатуры https://codepen.io/merchedev/pen/BaYqyNx

🌟 DOOM на CSS Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без применения элемента canvas и WebGL. Всё что выводится на экран, включая спрайты, текстурированные стены, уровни и эффекты, оформлено через стилизованные при помощи CSS элементы <div>, размещаемые в 3D-пространстве при помощи CSS-свойств "transform" и"transform-style: preserve-3d". Игровая логика написана на JavaScript, используя в качестве эталона оригинальный код игры DOOM, открытый компанией id Software. Наработки проекта опубликованы под лицензией GPLv2. https://cssdoom.wtf/

⚡️ Open-source NVR интерфейс для IP-камер camera.ui — это open-source веб-интерфейс уровня NVR для управления камерами, поддерживающими RTSP-стриминг. Что умеет: • смотреть live-видео с камер прямо в браузере • удобный Camview — плиточная панель всех камер • детекция движения через video analysis, MQTT, HTTP, FTP или SMTP • сохранение фото и видео, когда обнаружено движение • pre-buffer — можно увидеть несколько секунд до события • уведомления через Telegram, Webhook, Alexa и WebPush • поддержка Apple HomeKit через Homebridge • PWA-приложение с push-уведомлениями • тёмная тема и несколько цветовых тем интерфей • https://github.com/seydx/camera.ui

Совет по CSS 💡 Знаете ли вы, что свойство gap можно использовать и для макета flexbox? ✨

MWS Cloud Platform приглашает на сеньорский митап Что обсудим: → Почему vhost-user обходит virtio-net → Когда писать свой балансировщик вместо HAProxy → Почему нельзя выбрать один язык для платформы Поспорим на дебатах Go vs Kotlin — все желающие могут присоединиться и задавать вопросы из зала. 📅 9 апреля, 18:00 📍 Место Санкт-Петербург, Конногвардейский бульвар, 4, Mishka Bar Для кого: сеньоров-разработчиков, сетевых инженеров и архитекторов облачных платформ Сложность докладов: 8/10 Места ограничены, регистрация обязательна. 👉

⚡️ CSS Spinners. - 3 разных анимации загрузки для сайта. https://codepen.io/timhilton/pen/ZEVzRgG

📚🚀 Siftly: AI-управляемый менеджер закладок для Twitter/X Siftly позволяет организовать ваши закладки из Twitter/X в удобную и визуально привлекательную базу знаний. Все данные остаются на вашем устройстве, а AI помогает в поиске и категоризации контента. 🚀Основные моменты: - Импорт закладок без расширений - AI-теги и семантический поиск - Визуальная карта закладок - Фильтрация по категориям и типам медиа - Экспорт данных в CSV/JSON/ZIP 📌 GitHub: https://github.com/viperrcrypto/Siftly #typescript

🧩 Collaborator: Инновационная среда для разработки с агентами Collaborator — это приложение для macOS, которое объединяет терминалы, файлы и код на одном бесконечном холсте. Упрощает работу, устраняя необходимость в переключении между вкладками. Приложение активно разрабатывается и предназначено для локального использования. 🚀 Основные моменты: - Интуитивно понятный интерфейс с многофункциональным холстом - Поддержка нескольких рабочих пространств - Интерактивные терминалы и редакторы кода - Локальное хранение данных без необходимости в учетных записях 📌 GitHub: https://github.com/collaborator-ai/collab-public #javascript

Как за 2 года стать разработчиком, за которого конкурируют компании? ⚡️ 8 апреля ИТМО в партнёрстве с Яндекс Практикумом проведут День открытых дверей онлайн-магистратуры «Фронтенд- и бэкенд-разработка». Поговорим про фронтенд и бэкенд, разницу между ними и уровень знаний на старте. Обсудим, какие навыки нужны для поступления, как магистратура помогает быстрее выйти на рынок — и быть на нём конкурентоспособным. Отдельно разберём сценарии для тех, кто уже работает в IT: как сменить стек, углубиться в текущий или перейти в новые направления, включая работу с ИИ.

На встрече обсудим: — какой трек выбрать и как выстроить карьеру в разработке — какую роль играет ИИ в программировании — как устроена программа и чему вы научитесь — как проходит обучение и как его совмещать с работой — как поступить: вступительные испытания и ключевые даты

Подключайтесь онлайн 8 апреля в 19:00 мск. → Зарегистрироваться на ДОД

✔️ DeepMind сделала браузер-генератор сайтов на Gemini 3.1 Flash-Lite. Концепт, который работает внутри AI Studio, пишет HTML и CSS прямо в процессе серфинга вместо загрузки готовых страниц с серверов. Внешний вид и контент формируются на основе промптов, кликов и контекста навигации. Технология органично вписывается в концепцию автономных ИИ-агентов, которым может понадобиться быстро собрать временный дашборд или вспомогательный инструмент для текущей задачи. До идеала еще очень далеко. Поскольку верстка и контент полностью генерируются на не лучшей версии Gemini, браузер уязвим, склонен немного галлюцинировать, искажать стили и тратит прорву токенов на инференс. @ai_machinelearning_big_data #news #ai #ml

💻Сегодня большинство современных веб-сервисов строятся вокруг серверной логики, которая отвечает за обработку данных и устойчивую работу всей системы. Приглашаем на открытые уроки перед стартом курса «Node.js-разработчик»: 📆26 марта в 20:00 МСК Разберём, как строится современная серверная архитектура. Узнаете, почему одного чистого Node.js часто недостаточно для коммерческой разработки и какие задачи решает NestJS. 📆9 апреля в 20:00 МСК Пошагово реализуем WebSocket-сервер на Node.js и разберём, как устроен обмен сообщениями в realtime. Покажем, как типизация событий делает код надёжнее, и обсудим, почему простого решения недостаточно для рабочей системы. 📆22 апреля в 20:00 МСК Поговорим о Bun, его отличия от Node.js и преимущества по производительности. Обсудим архитектуру backend-сервиса, интеграцию ИИ и работу с API. ⚡️Подробности и регистрация: https://otus.pw/81XL/?erid=2W5zFJkRpZP Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Мигающие маяки Карта показывает маяки, запрашивая информацию из Overpass API. Написано на JS. https://github.com/geodienst/lighthousemap

#вопросы_с_собеседований Идентичный алфавит Напишите функцию, принимающую две строки и возвращающую true в случае если строки состоят из одинаковых букв (порядок не важен). Иначе верните false. isEqualSymbols('кит', 'тик'); // => true isEqualSymbols('мда', 'да я'); // => false Решение на картинке. Для ускорения мы сразу отбрасываем вариант, когда строки не равны по длине, далее делаем из строк массивы и сортируем по символам, затем склеиваем обратно и проверяем готовые строки на равенство.

Animated Upload Modal Автор создает модальное окно для загрузки файлов на веб-странице. Модальное окно позволяет пользователю выбрать файл для загрузки, отслеживает процесс загрузки с помощью прогресс-бара и отображает различные состояния загрузки, такие как успешная загрузка или ошибка. Для реализации данной функциональности используются HTML, CSS и JavaScript. В частности, HTML используется для создания структуры модального окна, CSS - для стилизации иконок и оформления окна, а JavaScript - для обработки действий пользователя, отслеживания состояний загрузки и визуализации этих состояний. Нет использования фреймворков, но код использует библиотеку crypto в классе Utils для генерации случайных чисел. 🌐Ссылка на код