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

Прислать задачу/вопрос в дар: @cyberJohnny
Сотрудничество: @cyberJohnny
Download Telegram
🔥 doom-captcha — это капча, которую можно пройти, если уничтожить троих монстров в игре Doom на уровне сложности Nightmare!

🌟 Пока не существует лучшей защиты от ботов...

🖥 Github (https://github.com/rauchg/doom-captcha)
👍6🔥1
🖥 node-express-boilerplate (https://github.com/hagopj13/node-express-boilerplate) — это шаблон для создания REST API-приложений на Node.js с использованием Express.js и MongoDB!

🌟 Он представляет собой готовую структуру проекта, которая включает основные функции, такие как аутентификация с помощью JWT, обработка ошибок, логирование с использованием модуля Winston, маршрутизация и шаблоны для написания тестов с помощью Jest.

🌟 Шаблон особенно полезен для разработчиков, которые хотят быстро развернуть серверную часть приложения, избегая необходимости вручную настраивать и интегрировать базовые компоненты. В нем реализованы лучшие практики, такие как разделение кода на модули и использование переменных окружения для конфигурации, что делает его отличным выбором как для начинающих, так и для опытных разработчиков.

🔐 Лицензия: MIT

🖥 Github (https://github.com/hagopj13/node-express-boilerplate)
🔥1
🖥 graphql-starter-kit (https://github.com/kriasoft/graphql-starter-kit) — это шаблон для начала разработки приложений с использованием GraphQL и Node.js!

🌟 Он является минималистичным и гибким, что позволяет быстро приступить к созданию серверной части на GraphQL, применяя лучшие практики и современные инструменты.

🌟 В этом репозитории вы найдете готовую структуру проекта с интеграцией GraphQL, а также настройки для работы с такими популярными инструментами, как Express.js, Apollo Server и Sequelize (для работы с базами данных). Шаблон идеально подходит для разработчиков, желающих быстро запустить проект на GraphQL с возможностью легкого расширения и настройки под свои нужды.

🔐 Лицензия: MIT

🖥 Github (https://github.com/kriasoft/graphql-starter-kit)
🔥2
Вышел новый бесплатный инструмент для создания любой инфографики (https://infografix.app/app/) – он отлично подходит для подготовки презентаций на работе или к сессии.

- Удобный интерфейс: достаточно загрузить данные, и система выполнит всю работу за вас.
- Широкая библиотека шаблонов: от списков до диаграмм связей, интеллект-карт, схем вопросов и ответов, а также генеалогических деревьев.
- Доступен онлайн через браузер на компьютерах и планшетах.
- Готовые графики легко экспортировать в форматах JPEG, PDF, PNG или SVG, либо поделиться ими по ссылке.
- Полностью бесплатно!

Не забудьте сохранить эту ссылку (https://infografix.app/app/) – она вам еще пригодится!
👍1
🖥 node-express-realworld-example-app (https://github.com/gothinkster/node-express-realworld-example-app) — это пример создания серверной части на Node.js с использованием Express.

🌟 Это учебное приложение является частью проекта RealWorld, который предлагает демонстрационные версии для разработки полнофункциональных приложений с REST API. В репозитории реализован набор функций, включая регистрацию, аутентификацию, управление статьями, комментариями и профилями. Пример соответствует архитектурным и кодовым стандартам, подходящим для реальных проектов. Это отличный ресурс для изучения разработки серверных приложений на Node.js.

🖥 Github (https://github.com/gothinkster/node-express-realworld-example-app)
🌐 Astro — это современный фреймворк для создания веб-сайтов, который акцентирует внимание на производительности.

🌟 Он позволяет создавать статические сайты, проводить серверный рендеринг и использовать гибридные подходы. Astro уменьшает загрузку JavaScript, отправляя только HTML по умолчанию. Также поддерживаются интеграции с такими фреймворками, как React, Vue, Svelte и другими. Этот фреймворк предназначен для быстрого создания сайтов, ориентированных на контент.

🔐 Лицензия: MIT

🖥 Github
🎉1
🌐 Flint (https://github.com/phillip-england/flint) — это генератор статических сайтов, который не зависит от языка программирования приложения!

🌟 Он создает статические ресурсы, анализируя приложения, работающие локально. Для его настройки нужен файл flint.json, в котором указываются такие параметры, как хост, маршруты, статические файлы и директория для вывода. Этот инструмент особенно полезен для преобразования многостраничных приложений (MPA) в статические сайты с оптимизированными ссылками и ресурсами.

🖥 Github (https://github.com/phillip-england/flint)
🔥1
🌐 Playwright от Microsoft — это мощный инструмент для автоматизированного тестирования веб-приложений!

🌟 Он поддерживает браузеры Chromium, Firefox и WebKit, работая с ними через API. Playwright используется для тестирования пользовательских интерфейсов, выполнения сценариев end-to-end и работы с современными веб-технологиями. Особенности включают поддержку языков программирования JavaScript, Python, Java и C#, а также возможности работы с тестами как в локальных, так и в облачных средах.

🔐 Лицензия: Apache-2.0

🖥 Github
🖥 Метод pop() :

🌟 Данный метод убирает последний элемент из массива и возвращает его.
👍3
Руководство о миграции парсера YQL с ANTLR3 на ANTLR4 доступно по ссылке.

В статье от выпускника и ментора Школы анализа данных Яндекса описаны этапы и особенности перехода SQL-диалекта для YDB и YTsaurus с ANTLR3 на ANTLR4. Основное решение заключается в генерации protobuf-схем, что упрощает работу с AST и адаптацию специальных шаблонов (stg-файлы). Новый парсер легко интегрируется в приложения на Node.js, а использование библиотеки protobuf.js сделает работу с protobuf-схемами более простой и повысит поддерживаемость кода.

Ссылка: *клик*
🖥 Ознакомьтесь с Three.js, реализовав пять проектов!

🌟 Three.js упрощает работу с WebGL (библиотека для веб-графики), что делает процесс создания и отображения анимированной 3D-графики на веб-страницах более доступным для разработчиков. С помощью Three.js можно создавать как простые 3D-модели, так и сложные интерактивные проекты.

🔗 Ссылка: *клик* (https://www.youtube.com/watch?v=UMqNHi1GDAE)
🖥 pluggable.js (https://github.com/conversejs/pluggable.js) — это библиотека, которая позволяет расширять функциональность веб-приложений с помощью плагинов!

🌟 pluggable.js предлагает API для загрузки, активации, деактивации и удаления плагинов, что дает возможность не изменять основное приложение. Это может быть полезным для разработки гибких и настраиваемых веб-приложений, где функциональность можно добавлять и изменять без редактирования основной кодовой базы.

🔐 Лицензия: MIT

🖥 Github (https://github.com/conversejs/pluggable.js)
👍1
🌐 Localtunnel (https://github.com/localtunnel/localtunnel) — это инструмент, который позволяет быстро создавать туннели для доступа к локальному серверу из интернета.

🌟 С его помощью можно легко получить публичный URL для вашего локального приложения, что упрощает тестирование и совместное использование.

💡 Localtunnel особенно полезен в разработке, например, при работе с инструментами, которые требуют обратных вызовов (такими как Twilio), или для демонстрации работы локального сервера клиентам. Его можно использовать через командную строку (CLI) или API, а настройка занимает всего одну команду.

🔐 Лицензия: MIT

🖥 Github (https://github.com/localtunnel/localtunnel)
🖥 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
🎉3
🖥 Docsify (https://github.com/docsifyjs/docsify) — это генератор сайтов для документации, который в реальном времени преобразует файлы Markdown в веб-сайт без необходимости предварительной сборки.

🌟 Этот инструмент легкий, удобный в использовании и предлагает такие возможности, как полнотекстовый поиск, поддержку нескольких тем, плагины и эмодзи.

🌟 Docsify отлично подходит для тех, кто хочет быстро создать документацию без сложных настроек. Сайты, сделанные с его помощью, можно развернуть на GitHub Pages или использовать на любом статическом веб-сервере.

🔐 Лицензия: MIT

🖥 Github (https://github.com/docsifyjs/docsify?tab=readme-ov-file)
🔥1
🔥 Курс по изучению Mistral AI с использованием JavaScript!

💡 Вы научитесь разрабатывать умные приложения, применяя модели Mistral AI с открытым исходным кодом. В этом курсе рассматриваются все аспекты, начиная с создания чата и до более сложных вариантов использования, таких как RAG и вызов функций.

🕞 Продолжительность: 1 час 24 минуты

🔗 Ссылка: *клик*

#курс #машинноеобучение #javascript
👎2🔥2🎉1
🔥 Eko — это фреймворк на JavaScript, который помогает создавать эффективные агентные рабочие процессы с использованием естественного языка.

🌟 Он предлагает единый интерфейс для работы агентов как в браузере, так и на сервере, поддерживает выполнение сложных задач и интеграцию с разными платформами.

🔐 Лицензия: MIT

🖥 Github

@machinelearning_ru
🎉1
🌐 Эта статья рассматривает менее известные HTML-элементы, которые могут быть полезны в разработке веб-страниц, но часто остаются незамеченными.

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

🔗 Ссылка: *клик*
👍2👎1