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

🖥 Sitefetch (https://github.com/egoist/sitefetch) — это инструмент для загрузки и сохранения содержимого веб-сайта в текстовом формате, который оптимизирован для взаимодействия с моделями искусственного интеллекта. 🌟 Он извлекает текст с выбранных страниц, преобразуя HTML в удобочитаемый текстовый файл. Это может быть полезно для обучения языковых моделей или анализа контента. 💡 Основные функции включают настройку выборки контента с помощью CSS-селекторов, фильтрацию страниц по шаблонам URL, а также управление количеством одновременных запросов для повышения производительности. Sitefetch легко устанавливается через пакетные менеджеры, такие как npm, pnpm или bun, и поддерживает как командную строку, так и API для интеграции в другие приложения. 🔐 Лицензия: MIT 🖥 Github (https://github.com/egoist/sitefetch)

Бесплатный курс «Атом.Порт – система управления конфигурациями». Узнайте, как мигрировать ПО на отечественное с помощью Атом.Порт. Практика на виртуальных стендах, полное освоение SaltStack! Курс при поддержке Росатома: освоение «Атом.Порт» и SaltStack. Пройдите путь от установки до управления безопасностью рабочих станций. Зарегистрируйтесь: https://clck.ru/3GPxYg Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🖥 PDF.js (https://github.com/mozilla/pdf.js?tab=readme-ov-file) — это библиотека с открытым исходным кодом, созданная Mozilla, которая позволяет просматривать PDF-документы прямо в веб-браузерах с использованием стандартов HTML5 и JavaScript. 🔐 Лицензия: Apache-2.0 🖥 Github (https://github.com/mozilla/pdf.js?tab=readme-ov-file)

👩‍💻 Puck (https://github.com/measuredco/puck) — это визуальный редактор для React, который разработала компания Measured Corporation Ltd! 🌟 Он даёт возможность разработчикам создавать и изменять компоненты React с помощью простого в использовании интерфейса, что делает процесс разработки пользовательских интерфейсов более удобным. Puck предлагает функции перетаскивания компонентов, настройки их свойств и визуального редактирования структуры приложения. 🔐 Лицензия: MIT 🖥 Github (https://github.com/measuredco/puck) @react_tg

🖥 NVM (Node Version Manager) — это инструмент для управления версиями Node.js, который можно устанавливать на уровне пользователя и использовать в каждой сессии терминала. 🌟 Он совместим с любыми оболочками, которые поддерживают стандарт POSIX, такими как sh, dash, ksh, zsh и bash, и работает на Unix, macOS и Windows WSL. 💡 С помощью NVM вы можете легко устанавливать и переключаться между разными версиями Node.js, что особенно полезно при работе над проектами с разными требованиями к версиям Node.js. Для установки или обновления NVM рекомендуется использовать скрипт установки, который доступен в официальном репозитории на GitHub. 🔐 Лицензия: MIT 🖥 Github

🌐 Эта статья объясняет, насколько важен HTTP-протокол для веб-разработчиков, особенно для тех, кто работает с API. 🌟 В ней рассматриваются основные моменты, такие как методы HTTP (GET, POST, PUT, DELETE), заголовки, аутентификация и цикл запроса/ответа. Также представлены практические примеры и лучшие практики для создания безопасных, масштабируемых и эффективных API. 🔗 Ссылка: *клик*

🖥 boardgame.io (https://github.com/boardgameio/boardgame.io) — это движок для разработки пошаговых многопользовательских игр на JavaScript! 🌟 Он автоматически управляет состоянием игры, обеспечивая синхронизацию между клиентами, сервером и хранилищем. В репозитории есть возможность создания матчмейкинга, генерации ботов, а также поддержка различных фаз игры с уникальными правилами. 🔐 Лицензия: MIT 🖥 Github (https://github.com/boardgameio/boardgame.io)

⭐️ Дорожная карта для веб-разработчиков Одна из самых впечатляющих дорожных карт, которые я когда-либо видел, была создана разработчиком из Дании. Он разработал интерактивную карту для веб-разработчиков. К каждому пункту добавлены ссылки на ресурсы, где можно изучить или освежить знания по соответствующей теме. Это отличный способ организовать свое обучение и отслеживать прогресс в веб-разработке. https://andreasbm.github.io/web-skills/ #roadmap #web #js #html #css

НОВИНКА: Kokoro v1.0 - 82 МБ, это открытая многоязычная модель TTS (преобразование текста в речь на другом языке), которая функционирует на WebGPU в браузере! 🔥 Это полностью автономная модель, 100% локальная, с поддержкой английского, испанского, французского, итальянского, японского и китайского языков! ⚡ Она работает прямо в браузере и обеспечивает удивительно быстрый вывод, поддерживаемый ONNXRuntimeWeb. Чтобы запустить, достаточно ввести команду: npm i kokoro-js. Лицензирование: Apache 2.0. ▪Github: https://github.com/hexgrad/kokoro/tree/main/kokoro.js ▪Demo: https://huggingface.co/spaces/webml-community/kokoro-webgpu

🌐 Эта статья рассматривает менее известные HTML-элементы, которые могут быть полезны в разработке веб-страниц, но часто остаются незамеченными. 🌟 Она объясняет, как и когда использовать такие элементы, как , , , , и другие, чтобы улучшить функциональность и семантику веб-страниц. 🔗 Ссылка: *клик*

🌐 Это пошаговое руководство по созданию личной блог-платформы! 🌟 Автор сосредоточен на разработке бэкенда с использованием REST API, созданных с помощью Encore.ts — фреймворка для разработки масштабируемых распределенных систем. В качестве базы данных для хранения информации блога применяется PostgreSQL. 🔗 Ссылка: *клик*

React 19: что нового в самой популярной библиотеке для создания интерфейсов? Узнайте первыми! Новые хуки, улучшения рефов, кастомные элементы — React становится ещё удобнее. И мы готовы рассказать, как использовать это на практике. Хотите быть на пике технологий? На открытом вебинаре 6 февраля в 19:00 мск разберём, как применять нововведения React 19 в реальных проектах. Все участники получат скидку на большое обучение «React.js Developer» — идеальный способ прокачать навыки. Записаться: https://clck.ru/3G6SoL Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🔥 Eko — это фреймворк на JavaScript, который помогает создавать эффективные агентные рабочие процессы с использованием естественного языка. 🌟 Он предлагает единый интерфейс для работы агентов как в браузере, так и на сервере, поддерживает выполнение сложных задач и интеграцию с разными платформами. 🔐 Лицензия: MIT 🖥 Github @machinelearning_ru

🔥 Курс по изучению Mistral AI с использованием JavaScript! 💡 Вы научитесь разрабатывать умные приложения, применяя модели Mistral AI с открытым исходным кодом. В этом курсе рассматриваются все аспекты, начиная с создания чата и до более сложных вариантов использования, таких как RAG и вызов функций. 🕞 Продолжительность: 1 час 24 минуты 🔗 Ссылка: *клик* #курс #машинноеобучение #javascript

🖥 Docsify (https://github.com/docsifyjs/docsify) — это генератор сайтов для документации, который в реальном времени преобразует файлы Markdown в веб-сайт без необходимости предварительной сборки. 🌟 Этот инструмент легкий, удобный в использовании и предлагает такие возможности, как полнотекстовый поиск, поддержку нескольких тем, плагины и эмодзи. 🌟 Docsify отлично подходит для тех, кто хочет быстро создать документацию без сложных настроек. Сайты, сделанные с его помощью, можно развернуть на GitHub Pages или использовать на любом статическом веб-сервере. 🔐 Лицензия: MIT 🖥 Github (https://github.com/docsifyjs/docsify?tab=readme-ov-file)

🖥 PGlite (https://github.com/electric-sql/pglite) — это облегченная версия PostgreSQL, которая работает в WebAssembly (WASM) и позволяет запускать Postgres в браузере или Node.js без установки дополнительных зависимостей. 🌟 Она поддерживает режим реального времени и реактивные привязки, позволяя использовать базу данных в памяти или сохранять данные на файловую систему или IndexedDB. Это решение отлично подходит для локальных приложений с минимальными ресурсами. 🔐 Лицензия: Apache-2.0 🖥 Github (https://github.com/electric-sql/pglite) @sqlhub

IT-специалист — это звучит впечатляюще! Но за этим впечатлением стоят сотни часов учёбы и практики, бессонные ночи и дни без обеда. Лавка, Практикум и Высшее образование от Практикума объединились в День студента, чтобы подарить вам время для отдыха. Время, когда вам не нужно покупать продукты и готовить еду. Мы разыгрываем многоразовый сертификат на доставку в Яндекс Лавке на сумму 50 000 рублей! А также подарки от Яндекс Практикума: кофе, шоппер и футболку. Чтобы участвовать в розыгрыше, перейдите по ссылке: https://t.me/+aPvogvrf5o85ZjVi Информация об организаторе конкурса, сроках, правилах проведения, количестве призов, сроках, месте и порядке получения призов доступна на сайте: https://docs.google.com/document/d/1d76Meb7Z3k-f8y-LI1T8I-E3f_7SOQM1kGqRZlCn5d8/edit?tab=t.0

Открытый урок «Оптимизация работы компонентов в React.js». Когда: 29 января в 20:00 мск. На вебинаре вы узнаете: - Как работать с оптимизацией в React.js - Особенности работы функциональных компонентов и хуков - Трюк с мемоизацией коллбеков для списка элементов Встречаемся в преддверии старта курса «React.js Developer» Otus. Все участники вебинара получат специальную цену на обучение! Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3Fz3ky Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🌐 Localtunnel (https://github.com/localtunnel/localtunnel) — это инструмент, который позволяет быстро создавать туннели для доступа к локальному серверу из интернета. 🌟 С его помощью можно легко получить публичный URL для вашего локального приложения, что упрощает тестирование и совместное использование. 💡 Localtunnel особенно полезен в разработке, например, при работе с инструментами, которые требуют обратных вызовов (такими как Twilio), или для демонстрации работы локального сервера клиентам. Его можно использовать через командную строку (CLI) или API, а настройка занимает всего одну команду. 🔐 Лицензия: MIT 🖥 Github (https://github.com/localtunnel/localtunnel)

🖥 pluggable.js (https://github.com/conversejs/pluggable.js) — это библиотека, которая позволяет расширять функциональность веб-приложений с помощью плагинов! 🌟 pluggable.js предлагает API для загрузки, активации, деактивации и удаления плагинов, что дает возможность не изменять основное приложение. Это может быть полезным для разработки гибких и настраиваемых веб-приложений, где функциональность можно добавлять и изменять без редактирования основной кодовой базы. 🔐 Лицензия: MIT 🖥 Github (https://github.com/conversejs/pluggable.js)