Javascript

🏄‍♂️ Приближаем лето всем фронтенд-сообществом 23 мая Яндекс Вертикали и Авто.ру собирают разработчиков на Vertis JS, чтобы обменяться опытом, понетворкаться и зарядиться летним настроением — вне зависимости от погоды🌴 ♦️Приходите обсудить, как прокачать AI-агентов под реальные задачи и тестировать на телефоне без единого деплоя. Ребята из разных сервисов поделятся, как их команды выстраивают процессы, которые экономят время и снижают риски в продакшене. В программе не только доклады: будут живые дискуссии, командный квиз, стенды с активностями и афтепати! 🔖 Смотрите подробности и регистрируйтесь. Встречаемся только в офлайне, количество мест ограничено.

🎨 Создание диаграмм для вашего бренда Этот репозиторий предлагает инструмент для генерации стильных диаграмм, которые соответствуют вашему бренду. Всего 13 типов диаграмм, включая архитектурные схемы и потоки, которые можно быстро настроить под ваши цвета и шрифты, просто указав URL вашего сайта. 🚀 Основные моменты: - 13 типов диаграмм: от архитектуры до временных линий. - Быстрая настройка под ваш бренд за 60 секунд. - Доступны три варианта: минималистичный светлый, темный и полный редактор. - Генерация диаграмм без необходимости в сборке или внешних изображениях. - Легкий доступ к живой галерее для просмотра всех типов диаграмм. 📌 GitHub: https://github.com/cathrynlavery/diagram-design #javascript

Знаете ли вы, что можно изменить метод формы в HTML-форме, указав атрибут formMethod на кнопке?

🖥 Курс «Git Pro: от первого коммита до уровня senior» - на Stepik project_final_v2_FINAL_truly_final - знакомо? Значит, пора. Большинство разработчиков знают 5 команд Git и боятся шестую. Коммитят в main, гуглят «how to undo» и копируют папку «на всякий случай». Это не работа - это выживание. После курса вы: — делаете rebase, не задерживая дыхание; — разбираете конфликт на 200 файлов по алгоритму; — возвращаете «потерянные навсегда» коммиты за 30 секунд через reflog; — пишете историю, которую не стыдно показать на code review. Git Flow, trunk-based, Pull Request, защита веток, CI/CD-хуки — всё, что отличает джуна от senior в командной работе. Скидка 53%, 48 часов: https://stepik.org/course/284799/

🖥️✨ Hermes Web UI: Интуитивный веб-дашборд для управления AI чатами. Позволяет отслеживать использование, настраивать каналы и управлять заданиями через удобный интерфейс. 🚀Основные моменты: - Мультисессионное управление чатами с поддержкой различных платформ. - Аналитика использования токенов и отслеживание затрат. - Настройка и управление заданиями по расписанию. - Интегрированный терминал для работы с несколькими сессиями. 📌 GitHub: https://github.com/EKKOLearnAI/hermes-web-ui #javascript

Совет по Javascript 💡 Возможно вы не знаете об этом простом способе сортировки без учета регистра.

Timekeeping Небольшое приложение - таймер, созданный на Vue и анимированный библиотекой gsap. https://codepen.io/Sicontis/pen/qBVMzLj

⚡️ Claude Design: новая фича, которая делает лендинги и презентации по двум строкам промпта В Claude выкатили Claude Design - отдельный продукт для генерации сайтов, слайдов и анимированных видео. Живёт на claude.ai/design, под капотом Opus 4.7, статус research preview. Нужен Pro или Max. Как пользоваться. Заходите, выбираете Wireframe, Presentation или Animated video. Для wireframe сразу включайте High fidelity. В промпте указываете четыре вещи: цель, аудиторию, структуру и тон. Жмёте Create. Файл DESIGN.md с вашим бренд-стилем (шрифты, цвета, тон). Положили в проект, упомянули в промпте, и Claude применяет ваш брендинг ко всему, что генерит. Без этого результат красивый, но шаблонный. Рабочий шаблон промпта: «Создай [лендинг/презентацию/видео] для [продукта]. Тон: [бренд A] + [бренд B]». Главная ошибка - размытые формулировки. «Красивый лендинг» = шаблонный AI-результат. Всегда задавайте аудиторию, три референса по стилю и желаемый итог. Полезные команды после первого результата: покажи 3 альтернативных варианта структуры, проверь контраст по WCAG 2.1 AA, сгенерируй версии под desktop/tablet/mobile, предложи два A/B-варианта hero-блока. Экспорт в один клик: Canva, PPTX, PDF, HTML. Где реально экономит время: pricing-страницы, sales deck по брифу, превращение статьи в 30-секундное видео, hero-варианты для A/B-тестов, посты в Instagram под бренд-кит. Час на страницу вместо дня.

Header With Slide Bar Появляющийся заголовок с ползунком. Написан на чистом CSS. https://codepen.io/kamciu/pen/xxbJzBv

Совет по использованию инструментов Chrome Dev Tools 💡 Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?

⬇️ Этот текст видят только те, кто пишет на JavaScript ⬇️ Проходите бесплатный курс по JS, чтобы прокачать навыки Бесплатный курс Академии Selectel поможет освоить базу по синтаксису и конструкциям языка. На финальных модулях вы создадите веб-приложение с интерактивным менеджером задач, который станет частью вашего портфолио. Во время курса вы: ✔️ освоите архитектуру простых веб-приложений, ✔️ поработаете с продвинутыми шаблонами и библиотеками, ✔️ напишете скрипты и научитесь изменять интерфейс веб-страниц. Бонусом вас ждет промокод на работу с IT-инфраструктурой Selectel для практики. А после прохождения вы получите именной сертификат. Начните обучение сейчас ➡️ https://slc.tl/bpoad Больше материалов по фронтенд-разработке ищите в профиле @selectel_academy Реклама. АО "Селектел". erid:2W5zFHujLed

DOOM ЧЕРЕЗ CURL. ДА, ПРОСТО HTTP ЗАПРОС Разработчик запустил Doom прямо в терминале без установки и GUI. Работает через обычный curl. Под капотом сервер стримит кадры игры как ANSI-графику, а ввод с клавиатуры уходит обратно по тому же соединению. По сути это полноценная игра поверх HTTP, без клиента, без зависимостей. Только bash и сеть. Сюрреализм в том, что это не демка, а реально играбельная штука. Хочешь попробовать - открываешь терминал и играешь. https://github.com/xsawyerx/curl-doom

🚀 SEO теперь можно разбирать через ИИ, а не вслепую Появился мощный инструмент для SEO-оптимизации, который быстро показывает, почему сайт не добирает позиции в поиске и что именно нужно исправить. Сервисы на базе Claude и ChatGPT проводят полный аудит: проверяют AI-видимость, качество контента, SEO-метрики, структурированные данные и техническое состояние сайта. На выходе вы получаете итоговый скор и понятный план действий, а не просто набор сухих замечаний. То есть инструмент не только находит проблемы, но и подсказывает, что делать дальше, чтобы реально подтянуть выдачу. Отдельно есть PDF-отчёт для брендов. В нём собирается анализ упоминаний компании на популярных площадках, чтобы можно было быстро оценить цифровое присутствие и понять, где усиливать маркетинг. Удобная штука для тех, кто хочет не гадать, почему сайт просел, а сразу получить внятную карту роста. https://github.com/zubair-trabzada/geo-seo-claude

🚀 AI-Управляемый Поиск Работы Career-Ops — это интеллектуальная платформа для поиска работы, использующая Claude Code. Она автоматизирует процесс оценки предложений, генерации резюме и отслеживания заявок, позволяя сосредоточиться на наиболее подходящих вакансиях. 🚀Основные моменты: - Оценка предложений с использованием системы баллов A-F. - Генерация адаптированных резюме в формате PDF. - Автоматическое сканирование порталов для новых вакансий. - Параллельная обработка нескольких предложений. - Интегрированная система отслеживания заявок. 📌 GitHub: https://github.com/santifer/career-ops #javascript

Pure CSS Hamburger fold-out menu Раскладывающееся меню Гамбургер. Написано на чистом CSS. https://codepen.io/erikterwan/pen/EVzeRP

🚀 Скорость и интеллект — два ключевых требования к современным сервисам. Но большинство разработчиков продолжают работать по старым подходам, не используя новые среды выполнения и возможности искусственного интеллекта. На открытом уроке разберём, как меняется разработка серверной части уже сегодня. Покажем, чем Bun отличается от Node.js, как выстроить быстрый сервер, подключить модель искусственного интеллекта и создать интеллектуальный API. Разберём архитектуру, производительность и реальные ограничения. Вы получите понимание современных технологий и увидите, какие навыки становятся востребованными. 📆 Урок пройдет 22 апреля в 20:00 МСК в преддверии старта курса «Node.js-разработчик». Зарегистрируйтесь и начните создавать сервисы нового уровня: https://otus.pw/su646/?erid=2W5zFGKQbPf Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

⚡️ Вы слышали про Rust. Знаете, что он быстрый, безопасный и что за ним будущее. Осталось одно: сесть и выучить. Этот курс со Stepik- кратчайший путь от «знаю что такое Rust» до «пишу на нём». 6 модулей, 50 уроков, 143 теста. Ownership, borrowing, traits, async, Tokio, Axum, макросы, WASM — всё разложено по полочкам и закреплено практикой. Никакого видео на 40 минут ради одной мысли. Подробный текст, много кода, реальные задачи после каждого урока. На выходе — портфолио из 10+ проектов: от CLI-утилит до REST API с базой данных. 48 часов действует скидка 55 процентов: stepik.org/course/269250

🎨 Создайте идеальные скелетоны загрузки с Boneyard Boneyard генерирует пиксельно-точные скелетоны загрузки, извлекая данные из вашего реального DOM. Просто оберните компонент в и получите автоматические заполнители без ручных настроек. 🚀 Основные моменты: - Автоматическое извлечение размеров элементов с помощью getBoundingClientRect() - Поддержка нескольких точек прерывания для адаптивного дизайна - Анимация пульсации для визуального эффекта - Легкая интеграция в React-приложения 📌 GitHub: https://github.com/0xGF/boneyard #javascript

Rounded Box - Matcap texture Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js https://codepen.io/vcomics/pen/JjpgBwY

🚀 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.