JavaScript задачи с собеседований

Кнопка оживает и радостно пульсирует при наведении курсора мыши #hover #кнопки https://codepen.io/danielsitek/pen/reoJqK

Всплывающие скроллеры изображений с анимацией, управляемой прокруткой 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

😎 Хотите стать Fullstack-разработчиком и развиваться в IT? У вас есть шанс освоить профессию с нуля и работать с современными технологиями! 💻На курсе «Fullstack Developer» вы научитесь создавать фронтенд и бэкенд приложений, работать с React, TypeScript, Node.js, PostgreSQL и многим другим. Мы обучаем с нуля, шаг за шагом — от верстки до серверной части. 💪 В результате обучения у вас будут 3 проекта в портфолио, которые можно использовать на собеседованиях, а также актуальные знания, которые соответствуют требованиям современного рынка. Все уроки проводятся опытными практиками, а диплом OTUS ценится среди крупнейших IT-компаний. ❗️Набор на курс закрывается, осталось всего несколько мест! Оставьте заявку и получите скидку на обучение по промокоду FULLSTACK_6 : https://clck.ru/3MiSsa Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🧑‍💻 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.

Митап для 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)

🧑‍💻 Google Closure Compiler — мощный инструмент для оптимизации JavaScript. Этот компилятор не просто минифицирует код, а глубоко анализирует его, удаляя мёртвые ветки и переписывая логику для максимальной эффективности. В отличие от обычных минификаторов, он проверяет типы, синтаксис и предупреждает о потенциальных ошибках, что делает его полезным для крупных проектов. В компиляторе есть ADVANCED-режим, который агрессивно оптимизирует код, переименовывая переменные и свойства для уменьшения размера. Однако для его использования код должен быть написан с учётом специфики компилятора, включая модульную систему goog.module и аннотации. 🤖 GitHub (https://github.com/google/closure-compiler)

🎨 DeepSite V2 — сервис для генерации сайтов по текстовому описанию Особенности 🔹 ИИ хорош в генерации UI-дизайна 🔹 Поддержка новой модели DeepSeek-R1 🔹 Можно вносить точечные изменения в любой элемент 🔹 Полный редизайн существующих сайтов 🔹 100% open-source 💡 Если ты экспериментируешь с LLM + UI + фронтом — DeepSite V2 это must-try. Vibe Coding выходит на новый уровень. https://deepsite.hf.co/projects/new

🧾 Easy Invoice PDF — простая генерация PDF-счётов на Python Easy Invoice PDF — это лёгкий в использовании инструмент для генерации аккуратных и адаптируемых счетов в формате PDF. 📌 Основные возможности: • Генерация PDF-счётов с логотипом, таблицей и общей суммой • Поддержка произвольного количества строк и позиций • Настраиваемые поля: клиент, номер счёта, дата, валюта и т.д. • Не требует сложных зависимостей — только fpdf и datetime 🔗 GitHub: https://github.com/VladSez/easy-invoice-pdf

🚀 Cloudflare Workers SDK — инструментарий для разработки серверных приложений на edge-платформе Cloudflare. Он позволяет развертывать код в глобальной сети Cloudflare без необходимости управления инфраструктурой. Этот проект будет особенно интересен fullstack-разработчикам, так как поддерживает различные языки и интегрируется с другими сервисами. Главный инструмент в нем — это Wrangler CLI, предоставляющий все необходимое для сборки, тестирования и деплоя Workers. Для локальной разработки доступен Miniflare, эмулирующий работу production-окружения. 🤖 GitHub (https://github.com/cloudflare/workers-sdk)

🙌🙌🙌🙌 15+ документов для тех, кто в диджитал В преддверии новой активности мы собрали в одну папку 18 Telegram-каналов известных профессионалов и попросили их авторов подготовить для вас документы, которые помогут: 🔴Создать рабочий лид-магнит; 🔴Подготовить сайт к требованиям РКН; 🔴Подготовиться к любому выступлению; 🔴Удержать проект в сроках и рамках бюджета; 🔴Организовать эффективное участие в тендерах; 🔴Чек-лист сдачи этапов разработки; 🔴и еще много много всего! ❗️ Сохранив единожды папку «Документы для тех, кто в диджитал», вы сможете спокойно пройтись по всем каналам и скачать множество авторских документов, которые точно пригодятся в работе.

⏰ 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)

Эффект перетекания освещения от карточки к карточке при наведении курсора мыши #hover #карточки https://codepen.io/Hyperplexed/pen/MWQeYLW

🧩 GenAIScript — библиотека для программирования промптов и работы с LLM. Проект предлагает необычный подход: вместо написания статичных текстовых запросов, вы конструируете их программно, используя JavaScript. Скрипты поддерживают работу с файлами, валидацию данных через схемы и интеграцию с внешними API. Инструмент имеет встроенную поддержку различных провайдеров (OpenAI, Anthropic, GitHub Copilot) и возможность запуска локальных моделей через Ollama. 🤖 GitHub (https://github.com/microsoft/genaiscript)

Хорошая возможность потрогать траву через JavaScript Summer Afternoon (https://summer-afternoon.vlucendo.com/)

🟦 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

🔧 Postman + JavaScript: быстрый старт в автоматизированном тестировании Хотите научиться уверенно тестировать API и запускать автоматизированные проверки с нуля? ⏺19.06 апреля в 20.00 мск. приходите на бесплатный вебинар и разберите пошагово, как использовать Postman и JavaScript для автоматизации тестирования! На вебинаре вы узнаете: – Как создавать API-запросы в Postman с нуля – Как писать автотесты и работать с jwt-авторизацией – Как использовать коллекции, переменные и окружения – Как писать скрипты на JavaScript прямо в Postman ➡️ Регистрация на вебинар: https://clck.ru/3Maebo Урок приурочен к старту курса "JavaScript QA Engineer", на котором вы научитесь организовывать комплексное автоматизированное тестирование веб-приложений. Успей воспользоваться 🏷10% скидкой и 🎁 бонусным промокодом QA_JS5 . Выгодные условия действуют с 12 по 15 июня включительно! Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

⚙️ Проверяй совместимость JavaScript-кода за секунды 🔍 Runtime-compat — это удобный инструмент, который быстро подскажет, какие JS-фичи из вашего проекта поддерживаются в разных средах выполнения, а какие могут сломаться. Просто запусти его — и получишь отчёт о том, что будет работать в Node.js, Deno, Bun, Cloudflare Workers и других рантаймах. Отлично помогает ещё до деплоя понять, что нужно переписать или полифилить. 📦 Поддерживает: - Node.js - Deno - Bun - Cloudflare Workers - и другие Если ты пишешь кросс-рантайм код — это must-have инструмент. https://runtime-compat.unjs.io/ #инструменты #javascript

💻 Хотите освоить основы веб-разработки с нуля? Откройте для себя важнейшие инструменты HTML На открытом вебинаре вы подробно разберетесь: ▸ С основными HTML-тегами. ▸ Научитесь применять их атрибуты для стилизации и функциональности. ▸ Мы покажем, как правильно структурировать контент с использованием семантической разметки. ▸ Что поможет вам улучшить SEO и доступность веб-страниц. 🔹 Вы узнаете, как создавать веб-страницы, которые не только выглядят красиво, но и эффективно работают на поисковики и доступны для пользователей с ограниченными возможностями. 📅 Урок 17 июня в 19:00 МСК проходит в преддверие старта курса «Fullstack Developer», все участники получат скидку 5% на обучение по промокоду FULLSTACK_6 🔴 Регистрация открыта: https://clck.ru/3MYCB6 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🤖 Пройди тест по Flutter и проверь свои знания, готов ли ты к обучению на курсе. Ответишь — пройдешь на курс "Flutter Mobile Developer" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса За 5 месяцев обучения вы научитесь создавать современные кроссплатформенные приложения с помощью Flutter, а также создадите свой аналог Telegram, CoinMarketCap, Todoist. Вас ждут практические домашние задания, которые помогут вам не только применить знания на практике, но и помочь в реализации проектной работы. ➡️ ПРОЙТИ ТЕСТ: https://clck.ru/3MWyDe Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576