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

📝 OpenSign – это инструмент с открытым исходным кодом, который предлагает полный набор возможностей для безопасного подписания документов. Проект предоставляет не просто функцию добавления подписи в PDF, а целый рабочий процесс: он поддерживает множество подписантов, предлагает шаблоны документов, OTP-верификацию и даже возможность отклонения подписания с комментарием. При этом OpenSign не требует подписок и скрытых платежей, что позволяет развернуть систему как локально, так и в облаке. 🤖 GitHub (https://github.com/OpenSignLabs/OpenSign)

Пример анимированного подчеркивания с градиентной заливкой. #ссылки #hover https://codepen.io/cultofgeek/pen/RJRdVO

📊 Phantomas — это мощный инструмент для анализа производительности веб-сайтов. Он собирает множество метрик, включая количество запросов, сложные CSS-селекторы и события jQuery. Проект имеет модульную архитектуру, что позволяет легко добавлять новые функции. Его можно запустить с помощью npm, Docker или как модуль в проекте на Node.js. Кроме того, инструмент позволяет эмулировать мобильные устройства и даже добавлять кастомные метрики прямо в код страницы. 🤖 GitHub (https://github.com/macbre/phantomas)

Хотите собрать первое приложение на React за 60 минут? Присоединяйтесь к открытому уроку от OTUS. Без скучных теорий и банальных todo-листов: только практика, код и живое общение. Вы узнаете, зачем нужны хуки и как компоненты делают интерфейс «живым», и самостоятельно создадите интерактивную игру. Урок пройдет в преддверии старта курса «React.js Developer». Каждый участник вебинара получит скидку на обучение. Встречаемся 7 мая в 20:00 МСК, регистрируйтесь прямо сейчас, чтобы не пропустить: https://clck.ru/3LeW4V Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🚀 Запустился новый ИИ-сервис Adaptive — генератор веб-приложений, который создает не только прототипы, но и полностью готовые к запуску проекты. 💡 Возможности: ▪️ Добавление ИИ-функций ▪️ Настройка регистрации и оплаты подписки ▪️ Всё это — без кода и без подключения сторонних API По сути — no-code в режиме turbo. 🎁 В бесплатном плане — до 10 приложений. https://adaptive.ai/

Цвет фона карточки изменяется на цвет текста при наведении на неё. #карточки #hover https://codepen.io/himais/pen/eYOzrzJ

📁 Meriyah — это JS-парсер, предназначенный для строгого синтаксического разбора. В отличие от многих других, этот проект не стремится быть универсальным: в нем нет поддержки TypeScript или Flow, но акцент сделан на стабильности и предсказуемости. Для анализа кода он создает AST, совместимое с ESTree, с подробной информацией о позициях узлов, а гибкие настройки позволяют интегрировать парсер в инструменты для линтинга или транспиляции. Инструмент избегает алгоритмов обратного поиска, что уменьшает нагрузку на память, а интеграция с JSX и функциями Annex B делает его удобным для веб-разработки. 🤖 GitHub (https://github.com/meriyah/meriyah)

🧑‍💻 Faast.js — это библиотека, которая берет на себя всю рутинную работу: она упаковывает код, настраивает роли IAM и разворачивает ресурсы, а затем автоматически их удаляет после выполнения. Таким образом, отсутствуют постоянные кластеры, долгие деплои или ручное управление зависимостями. При этом Faast.js остается легковесным и не привязывает вас к определенным сервисам. Например, чтобы запустить функцию локально в оффлайн-режиме, достаточно изменить всего одну строку, а возможность масштабирования до тысяч ядер за секунды встроена прямо "из коробки". 🤖 GitHub (https://github.com/faastjs/faast.js/)

Как стать профи в JavaScript? Вебинар для разработчиков, которые хотят расти JavaScript — это не только язык программирования. Это целый мир, где важно уметь выбирать правильные инструменты и фреймворки, которые действительно помогут вам двигаться вперед. На открытом вебинаре 21 апреля в 20:00 мск мы разберемся, как стать профессионалом, а не просто джуном. Обсудим: — Почему одного знания JavaScript недостаточно для роста. — Как фреймворки (React, Vue, Angular, Svelte) влияют на вашу карьеру и как выбрать тот, который подходит именно вам. — Почему Node.js полезен фронтенд-разработчикам и как он ускоряет ваш путь в мире технологий. — Как научиться быстро осваивать новые фреймворки и не бояться перемен. Этот вебинар — не о коде, а о том, как осознанно развивать свою карьеру. Присоединяйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://clck.ru/3LWb5s Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

📦 OSS JS SDK — это библиотека, которая предлагает удобный интерфейс для взаимодействия с облачным хранилищем Alibaba OSS из Node.js и браузера. Проект включает готовые методы для работы с файлами, начиная от multipart-загрузки и заканчивая управлением правами доступа через ACL. Версия инструмента для браузера имеет ограниченный набор функций, но даёт возможность генерировать подписанные URL для безопасной загрузки файлов без раскрытия ключей доступа. Для использования в production-среде разработчики рекомендуют применять временные токены STS. 🤖 GitHub (https://github.com/ali-sdk/ali-oss)

🌐 Plate (https://github.com/udecode/plate?tab=readme-ov-file) — это мощный редактор WYSIWYG, разработанный на базе React и Slate, который поддерживает интеграцию с ИИ! 🌟 Он предлагает гибкую платформу для создания настраиваемых редакторов, которые можно расширять с помощью плагинов. Plate подходит для различных задач, таких как редактирование документов в стиле Notion, работа с Markdown и коллаборативные инструменты. 🔐 Лицензия: MIT 🖥 Github (https://github.com/udecode/plate?tab=readme-ov-file)

🖥 Masonry (https://masonry.desandro.com/) — это библиотека, которая позволяет создавать динамические сеточные макеты, где элементы располагаются в зависимости от доступного пространства, как в кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS. 🔗 Ссылка: *клик* (https://masonry.desandro.com/)

🧠 Задача по JavaScript: Асинхронность и замыкания Что выведет следующий код? for (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i); }, 100); } Варианты ответа: A) 1 2 B) 3 3 C) 1 2 (в случайном порядке) D) --- ✅ Правильный ответ: B Почему: Переменная i объявлена с помощью var, поэтому она является общей для всех итераций. К моменту выполнения setTimeout цикл уже завершился, и значение i равно 3. Каждая отложенная функция видит одно и то же значение.

🎶 Glicol — это экспериментальная платформа для live-кодинга, где звуки создаются путем соединения узлов, как в модульном синтезаторе. Созданный на языке Rust, он может работать в любом месте: в браузере, как VST-плагин или даже на аппаратуре, такой как Bela. Вы можете начать с простых ритмов и затем перейти к более сложным сэмплерным синтезам — без необходимости установки дополнительных компонентов. Основная особенность Glicol заключается в том, что он доступен для новичков, но при этом не имеет ограничений для профессионалов. 🤖 GitHub (https://github.com/chaosprint/glicol)

🖥 Masonry (https://masonry.desandro.com/) — это библиотека, которая помогает создавать динамичные сеточные макеты, где элементы располагаются в зависимости от доступного пространства, как в кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS. 🔗 Ссылка: *клик* (https://masonry.desandro.com/)

🖥 Шпаргалка по видам циклов в Javascript!

📞 RevShells (https://www.revshells.com/) — это сервис, который позволяет пользователям быстро создавать команды для обратных оболочек и соответствующие слушатели для разных операционных систем и сценариев. 🌟 Сайт поддерживает генерацию команд для Linux, Windows и Mac, а также предлагает выбор между различными типами оболочек и методами кодирования. Кроме того, RevShells.com интегрируется с инструментом HoaxShell, что предоставляет дополнительные возможности для создания нестандартных обратных оболочек. 🔐 Лицензия: MIT 🖥 Github (https://github.com/0dayCTF/reverse-shell-generator) 🔗 Веб-версия (https://www.revshells.com/)

🖥 В этой статье рассказывается о том, как разработать простой клон игры Crossy Road, используя библиотеку Three.js! 🌟 Автор подробно объясняет, как создать трехмерную игру в браузере с помощью JavaScript, охватывая ключевые этапы: создание сцены, настройка камеры, освещение, работа с материалами и текстурами, а также добавление анимации. 🔗 Ссылка: *клик* (https://www.freecodecamp.org/news/how-to-code-a-crossy-road-game-clone-with-threejs/)

🖥 Yaak (https://github.com/mountain-loop/yaak) — это приложение для работы с API (REST, GraphQL, SSE, WebSocket, gRPC), созданное с использованием Tauri, Rust и ReactJS! 🌟 Оно позволяет импортировать коллекции из Postman, OpenAPI, Swagger и других инструментов, а также предлагает удобные функции для авторизации (OAuth 2.0, JWT и др.), фильтрации ответов (JSONPath, XPath), организации рабочих пространств и использования переменных окружения. 🔐 Лицензия: MIT 🖥 Github (https://github.com/mountain-loop/yaak)

🌸 Typed Japanese Для любителей технологий: энтузиасты решили изучать языки с помощью TypeScript. Проект Typed Grammar (https://typedgrammar.com/) обучает грамматике (например, английскому или японскому) с использованием типов и структур программирования. И никаких зелёных сов! 🔗 GitHub (https://github.com/typedgrammar/typed-japanese)