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

Прислать задачу/вопрос в дар: @cyberJohnny
Сотрудничество: @cyberJohnny
Download Telegram
🖥 js-stack-from-scratch (https://github.com/verekia/js-stack-from-scratch) — это проект, который показывает, как создать полноценный стек для разработки веб-приложений на JavaScript с нуля.

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

🌟 Проект предназначен для разработчиков, которые хотят лучше понять работу современной экосистемы JavaScript и научиться создавать собственные инструменты и настройки для своих приложений.

🔐 Лицензия: MIT

🖥 Github (https://github.com/verekia/js-stack-from-scratch)
👍3👎1
🔍 servers (https://github.com/modelcontextprotocol/servers) — это реализация протокола ModelContext, который создан для стандартизации взаимодействия между сервером контекста моделей и клиентскими приложениями.

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

🌟 В репозитории представлены примеры серверов, которые реализуют основные функции, такие как управление моделями, обработка запросов и обеспечение совместимости с различными типами LLM.

🔐 Лицензия: MIT

🖥 Github (https://github.com/modelcontextprotocol/servers)
🖥 Руководство: Как создать интерактивный сайт-портфолио в стиле терминала!

🌟 В этой статье вы узнаете, как сделать интерактивное портфолио и резюме на JavaScript, используя библиотеку jQuery Terminal и несколько других инструментов. Мы создадим веб-сайт, который будет выглядеть как настоящий терминал.

🔗 Ссылка: *клик*
🔥2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 firew0rks — это увлекательная библиотека, которая позволяет создавать фейерверки и другие анимации в вашем терминале.

🖥 Github (https://github.com/addyosmani/firew0rks)
👍1
🔍 Серверы (https://github.com/modelcontextprotocol/servers) — это реализация протокола ModelContext, который предназначен для стандартизации взаимодействия между сервером контекста моделей и клиентскими приложениями.

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

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

🔐 Лицензия: MIT

🖥 Github (https://github.com/modelcontextprotocol/servers)
🖥 TypeScript-Node-Starter (https://github.com/microsoft/TypeScript-Node-Starter) — это шаблон для создания серверных приложений на TypeScript с использованием Node.js.

🌟 Он предлагает готовую структуру проекта, в том числе примеры реализации REST API, базовые настройки для аутентификации с помощью Passport, работу с MongoDB и использование Express. Шаблон также включает в себя настройки для тестирования, автоматической сборки и деплоя.

🔐 Лицензия: MIT

🖥 Github (https://github.com/microsoft/TypeScript-Node-Starter)
🔥1
🔥 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