JavaScript задачи с собеседований
5.38K subscribers
523 photos
24 videos
9 files
267 links
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js

Прислать задачу/вопрос в дар: @cyberJohnny
Сотрудничество: @cyberJohnny
Download Telegram
🟦 High-fidelity 3D: новый уровень генерации с Sparc3D

Генерация качественных 3D-объектов остаётся сложнее, чем 2D-изображений — меши неструктурированы, а плотные воксельные сетки требуют огромных ресурсов. Обычные пайплайны VAE+диффузия теряют детали из-за неэффективных представлений и несовпадения форматов.

Sparc3D решает эти проблемы с помощью единого фреймворка:

• Sparcubes — sparse deformable marching cubes-репрезентация, превращающая любые меши в поверхности высокого разрешения (1024³), подходящие для оптимизации и обучения.
• Sparconv-VAE — первый вариационный автокодировщик на спарс‑сверточных сетях, согласованный с форматом данных и не теряющий мелкие детали.
• Фреймворк интегрируется с диффузионными моделями, обеспечивая точную, масштабируемую и эффективную генерацию сложных 3D-форм, включая открытые поверхности, разъединённые компоненты и мелкую геометрию.

Sparc3D устанавливает новый стандарт точности и детализации при генерации 3D-объектов, сокращая издержки на обучение и инференс.

Live demo 👉https://huggingface.co/spaces/ilcve21/Sparc3D
🏠 Homepage: https://lizhihao6.github.io/Sparc3D/
📄 Paper: https://arxiv.org/abs/2505.14521
This media is not supported in your browser
VIEW IN TELEGRAM
Хорошая возможность потрогать траву через JavaScript

Summer Afternoon (https://summer-afternoon.vlucendo.com/)
🧩 GenAIScript — библиотека для программирования промптов и работы с LLM. Проект предлагает необычный подход: вместо написания статичных текстовых запросов, вы конструируете их программно, используя JavaScript.

Скрипты поддерживают работу с файлами, валидацию данных через схемы и интеграцию с внешними API. Инструмент имеет встроенную поддержку различных провайдеров (OpenAI, Anthropic, GitHub Copilot) и возможность запуска локальных моделей через Ollama.

🤖 GitHub (https://github.com/microsoft/genaiscript)
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект перетекания освещения от карточки к карточке при наведении курсора мыши

#hover #карточки

https://codepen.io/Hyperplexed/pen/MWQeYLW
Croner — кросс-платформенный планировщик задач для JavaScript/TypeScript. Этот инструмент предлагает свежий взгляд на работу с cron-выражениями, поддерживая Node.js, Deno, Bun и даже браузеры. Croner имеет уникальные возможности вроде вычисления следующих N запусков и контроля временных зон через `Europe/Stockholm`-формат.

Что выделяет проект:
— Поддержка сложных выражений с модификаторами L (последний день месяца) иенный(N-й день недели)
— Встроенная защита от наложений
— Гибкое управление задачами через pause/resume/stop
— Работа с датами через ISO 8601 и JS Date
— Полная TypeScript-поддержка

🤖 GitHub (https://github.com/Hexagon/croner)
🙌🙌🙌🙌 15+ документов для тех, кто в диджитал

В преддверии новой активности мы собрали в одну папку 18 Telegram-каналов известных профессионалов и попросили их авторов подготовить для вас документы, которые помогут:

🔴Создать рабочий лид-магнит;
🔴Подготовить сайт к требованиям РКН;
🔴Подготовиться к любому выступлению;
🔴Удержать проект в сроках и рамках бюджета;
🔴Организовать эффективное участие в тендерах;
🔴Чек-лист сдачи этапов разработки;
🔴и еще много много всего!

❗️ Сохранив единожды папку «Документы для тех, кто в диджитал», вы сможете спокойно пройтись по всем каналам и скачать множество авторских документов, которые точно пригодятся в работе.
Please open Telegram to view this post
VIEW IN TELEGRAM
🚀 Cloudflare Workers SDK — инструментарий для разработки серверных приложений на edge-платформе Cloudflare. Он позволяет развертывать код в глобальной сети Cloudflare без необходимости управления инфраструктурой.

Этот проект будет особенно интересен fullstack-разработчикам, так как поддерживает различные языки и интегрируется с другими сервисами. Главный инструмент в нем — это Wrangler CLI, предоставляющий все необходимое для сборки, тестирования и деплоя Workers. Для локальной разработки доступен Miniflare, эмулирующий работу production-окружения.

🤖 GitHub (https://github.com/cloudflare/workers-sdk)
🧾 Easy Invoice PDF — простая генерация PDF-счётов на Python

Easy Invoice PDF — это лёгкий в использовании инструмент для генерации аккуратных и адаптируемых счетов в формате PDF.

📌 Основные возможности:
• Генерация PDF-счётов с логотипом, таблицей и общей суммой
• Поддержка произвольного количества строк и позиций
• Настраиваемые поля: клиент, номер счёта, дата, валюта и т.д.
• Не требует сложных зависимостей — только fpdf и datetime


🔗 GitHub: https://github.com/VladSez/easy-invoice-pdf
This media is not supported in your browser
VIEW IN TELEGRAM
🎨 DeepSite V2 — сервис для генерации сайтов по текстовому описанию

Особенности
🔹 ИИ хорош в генерации UI-дизайна
🔹 Поддержка новой модели DeepSeek-R1
🔹 Можно вносить точечные изменения в любой элемент
🔹 Полный редизайн существующих сайтов
🔹 100% open-source

💡 Если ты экспериментируешь с LLM + UI + фронтом — DeepSite V2 это must-try.

Vibe Coding выходит на новый уровень.

https://deepsite.hf.co/projects/new
🧑‍💻 Google Closure Compiler — мощный инструмент для оптимизации JavaScript. Этот компилятор не просто минифицирует код, а глубоко анализирует его, удаляя мёртвые ветки и переписывая логику для максимальной эффективности. В отличие от обычных минификаторов, он проверяет типы, синтаксис и предупреждает о потенциальных ошибках, что делает его полезным для крупных проектов.

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

🤖 GitHub (https://github.com/google/closure-compiler)
Митап для QA-инженеров от MТС Web Services

📍 3 июля | 19:00
📍 Офлайн в Москве | Онлайн

О чем поговорим:
— О создании отечественного браузерстека MWS SunQ;
— Об автотестах на естественном языке;
— Об идеальном фреймворке для автоматической генерации тестов;
— О предиктивной оценке качества.

На True Tech QA выступят эксперты из MTC Web Services, Альфа-Банка и BugBuster.

Для участия зарегистрируйся по ссылке (https://mts-digital.ru/events/details?id=38460650?utm_source=tg_seeding&utm_medium=cpm&utm_campaign=true_tech_QA25&utm_content=javascriptv&erid=2VfnxwQbtqv)
This media is not supported in your browser
VIEW IN TELEGRAM
🧑‍💻 Browsh — браузер для терминала с поддержкой HTML5, JS и даже видео

Browsh — это современный текстовый браузер, который работает прямо в терминале. Он использует headless Firefox и отображает веб‑страницы в виде ASCII‑графики.

🔹 Поддержка HTML5, CSS3, JS, WebGL
🔹 Работает через SSH или Mosh — идеален для слабого интернета
🔹 Можно смотреть YouTube прямо в терминале
🔹 Есть HTTP‑режим и Docker‑образ
🔹 Лёгкий, кроссплатформенный и минималистичный

📦 Установка:

brew install browsh # macOS
apt install browsh # Debian/Ubuntu
docker run -it browsh/browsh


🔗 GitHub (https://github.com/browsh-org/browsh)

Подходит пользователям со слабыми ПК, для работы по SSH и когда нужен браузер без GUI.
😎 Хотите стать Fullstack-разработчиком и развиваться в IT?

У вас есть шанс освоить профессию с нуля и работать с современными технологиями!

💻На курсе «Fullstack Developer» вы научитесь создавать фронтенд и бэкенд приложений, работать с React, TypeScript, Node.js, PostgreSQL и многим другим. Мы обучаем с нуля, шаг за шагом — от верстки до серверной части.

💪 В результате обучения у вас будут 3 проекта в портфолио, которые можно использовать на собеседованиях, а также актуальные знания, которые соответствуют требованиям современного рынка. Все уроки проводятся опытными практиками, а диплом OTUS ценится среди крупнейших IT-компаний.

❗️Набор на курс закрывается, осталось всего несколько мест! Оставьте заявку и получите скидку на обучение по промокоду FULLSTACK_6 : https://clck.ru/3MiSsa

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
This media is not supported in your browser
VIEW IN TELEGRAM
Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙

.pop {
view-timeline-name: --pop;
}
img {
animation: slide both;
animation-timeline: --pop;
animation-range: entry 100% cover 50%;
}
.skateboarder {
--x: 0;
--y: -45%;
}
@ keyframes slide {
to { translate: var(--x) var(--y); }
}


https://codepen.io/jh3y/pen/abPgrGR
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка оживает и радостно пульсирует при наведении курсора мыши

#hover #кнопки

https://codepen.io/danielsitek/pen/reoJqK
🧑‍💻 Google Closure Compiler — мощный инструмент для оптимизации JavaScript. Этот компилятор не просто минифицирует код, а глубоко анализирует его, удаляя мёртвые ветки и переписывая логику для максимальной эффективности. В отличие от обычных минификаторов, он проверяет типы, синтаксис и предупреждает о потенциальных ошибках, что делает его полезным для крупных проектов.

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

🤖 GitHub (https://github.com/google/closure-compiler)
Хотите освоить JavaScript и собрать свой проект за полтора месяца?

Присоединяйтесь к Интенсиву — проекту Т-Образования. Учитесь очно в Москве или онлайн из любого города России.

Что вас ждет:
— 4—5 занятий в день: теория и практика вместе, каждый день вы пишете код;
— программа от техлидов и разработчиков Т-Банка — никакой воды, только рабочие инструменты;
— упор на JavaScript для фронтенд- и бэкенд-разработки;
— ускоренный формат с полным погружением;
— выпускной проект, который можно положить в портфолио и показать на собеседовании;
— обучение летом без пересечений с вузом.
Программа делится на два этапа:
— с 14 июля по 3 августа — основа языка, практика каждый день;
— с 4 по 24 августа — углубленные темы, командная работа, защита проекта.

Финал — не просто сертификат: лучшие участники смогут пройти собеседование в команду Т-Банка.

Для тех, кто будет учиться очно, интенсив это еще и комьюнити: экскурсии по офису, квизы, настольные игры и общение с теми, кто тоже хочет расти в ИТ.

Кому подойдет: студентам 2—4 курсов, которые готовы поработать летом и вырасти до реальных задач.

Регистрируйтесь уже сейчас (https://education.tbank.ru/academy/intensive/javascript/?utm_source=telegram&utm_medium=ntv.fix&utm_campaign=edu-ac-intensive_partners_0625&utm_term=javascriptv&erid=2VtzqvkJfJe)
🌐 Cockpit — веб-интерфейс для администрирования Linux-серверов, который превращает сложные системные задачи в интуитивные операции. Этот инструмент позволяет управлять контейнерами, настраивать сеть, мониторить логи и ресурсы прямо из браузера, сохраняя полную совместимость с терминалом.

Инструмент интегрируется на уровне реальной сессии: изменения, сделанные через веб-интерфейс, сразу отражаются в системе, а ошибки из терминала видны в журнале Cockpit. Поддерживает работу с удалёнными серверами по SSH.

🤖 GitHub (https://github.com/cockpit-project/cockpit)
This media is not supported in your browser
VIEW IN TELEGRAM
💎 Liquid Glass для React — современный UI-эффект в духе Apple

liquid-glass-react — это эффект "жидкого стекла", теперь как компонент для React. Поддерживает преломление, размытие, хроматическую аберрацию и реакцию на курсор. Стильно, плавно и нативно выглядит в интерфейсе.

🧪 Что умеет:
• Преломление и искажение (`displacementScale`, blurAmount, `saturation`)
• Хроматическая аберрация и глянцевый блик
• Эффект "жидкой реакции" на курсор (`elasticity`)
• Реалистичный визуальный стиль как у macOS/iOS
• Кастомизация: cornerRadius, padding, onClick, mouseContainer

📦 Установка:

npm install liquid-glass-react


📍Пример:


Click Me



⚠️ Браузеры: Chrome и Chromium-based — идеально. Safari и Firefox — частичная поддержка без полного displacement.

🔗 GitHub: https://github.com/rdev/liquid-glass-react

@react_tg