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

🖥 Hoppscotch (https://github.com/hoppscotch/hoppscotch) — это открытая платформа для разработки API, которая упрощает тестирование и взаимодействие с API. 💡 Она предлагает удобный и быстрый интерфейс для отправки HTTP-запросов и получения ответов в реальном времени. Поддерживаются различные HTTP-методы, такие как GET, POST, PUT, PATCH, DELETE и другие. Платформа также предоставляет настраиваемые темы и возможность установки в виде прогрессивного веб-приложения (PWA). 🔐 Лицензия: MIT 🖥 Github (https://github.com/hoppscotch/hoppscotch)

🌐 Novu (https://github.com/novuhq/novu) — это открытая платформа для управления уведомлениями, созданная для разработчиков. 🌟 Она предлагает единый API для отправки уведомлений через различные каналы, такие как встроенные уведомления в приложении (In-App), push-уведомления, электронная почта, SMS и чаты. С помощью Novu можно разрабатывать настраиваемые рабочие процессы и устанавливать условия для каждого канала, обеспечивая эффективную доставку уведомлений пользователям. 🔐 Лицензия: MIT 🖥 Github (https://github.com/novuhq/novu)

🖥 Эта статья посвящена настройке документации в формате «Документы как код» с использованием Docusaurus и GitHub Actions! 🌟 Автор подробно объясняет, как установить Docusaurus, создать репозиторий, настроить конфигурационный файл docusaurus.config.js, редактировать документацию и автоматизировать развертывание с помощью GitHub Actions. Цель статьи — продемонстрировать, как разработчики могут эффективно управлять документацией, используя инструменты, применяемые в разработке программного обеспечения, такие как системы контроля версий и CI/CD-пайплайны. 🔗 Ссылка: *клик* (https://www.freecodecamp.org/news/set-up-docs-as-code-with-docusaurus-and-github-actions/)

👩‍💻 react-learning-resources (https://github.com/nareshbhatia/react-learning-resources) — это тщательно собранный список ресурсов для быстрого освоения React и связанных технологий. 🌟 В него включены материалы по TypeScript, React Router, управлению состоянием, тестированию, созданию UI-компонентов и лучшим практикам разработки. Даны ссылки на видеоуроки, документацию и инструменты, такие как Jest, Cypress, Storybook и другие. 🖥 Github (https://github.com/nareshbhatia/react-learning-resources)

🖥 Это подробное руководство по основам TypeScript! 🌟 Оно охватывает ключевые темы, такие как преимущества использования TypeScript, установка и настройка проекта, базовые типы, интерфейсы, обобщения и другие важные концепции. 🔗 Ссылка: *клик*

Как создать чат, который работает в реальном времени? На открытом вебинаре 25 марта в 20:00 мск разберем WebSockets — технологию, которая делает общение мгновенным и позволяет строить интерактивные веб-приложения. За 1,5 часа напишем с нуля свой минималистичный, но функциональный чат. Разберем код, подключим сервер на Node.js, научимся отправлять и получать сообщения через WebSockets. Этот урок поможет фронтенд-разработчикам освоить real-time технологии, прокачать навыки работы с WebSockets и интегрировать их в свои проекты. Урок особенно полезен тем, кто хочет перейти на новый уровень в JavaScript. Регистрируйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://clck.ru/3JQo6b Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

p5.js — это библиотека на JavaScript, которая предназначена для творческого программирования. Она разработана с целью сделать кодирование доступным и инклюзивным для художников, дизайнеров, педагогов, новичков и всех желающих. Используя концепцию "наброска", p5.js предлагает широкий набор функций для рисования, а также возможности взаимодействия с другими элементами HTML5, такими как текст, ввод данных, видео, веб-камера и звук. Лицензия: LGPL-2.1 Ссылка на Github.

⚡️ Эффект подсветки карточки при наведении с использованием свойства background-attachment Мы применяем background-attachment, чтобы зафиксировать фон относительно области просмотра https://codepen.io/jh3y/pen/RwqZNKa

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

🖥 Requestly — это инструмент для перехвата и изменения HTTP-запросов и ответов, созданный для фронтенд-разработчиков! 🌟 Он позволяет редактировать заголовки, перенаправлять URL, заменять файлы, ограничивать скорость запросов и тестировать API прямо в браузере. В отличие от Charles Proxy и Fiddler, Requestly не требует настройки прокси или VPN, что делает его удобным для работы в реальном времени. 🔐 Лицензия: AGPL-3.0 🖥 Github

‍⚡️ AVHub — это многофункциональный инструмент для работы с аудио и видео, созданный для упрощения внедрения мультимедийных возможностей в ваши проекты. ▪ Универсальность: Проект включает в себя набор функций для обработки медиа — от конвертации форматов до извлечения аудиодорожек и транскодирования, что позволяет работать с различными типами файлов в одном решении. ▪ Легкость интеграции: AVHub имеет простой и интуитивно понятный интерфейс, что облегчает его подключение к существующим приложениям и рабочим процессам. ▪ Расширяемость: Благодаря модульной архитектуре инструмент легко адаптируется под специфические задачи, позволяя добавлять новые функции и расширять его возможности в зависимости от потребностей проекта. ▪ Высокая производительность: Оптимизированные алгоритмы и поддержка современных медиаформатов обеспечивают быструю и эффективную обработку аудио-видео данных. Если вы разрабатываете приложения, связанные с мультимедиа, и ищете мощное, но удобное решение для обработки аудио и видео, AVHub от levywang — отличный вариант для повышения эффективности вашей работы.

🔥 Excalidraw (https://github.com/excalidraw/excalidraw) — это виртуальная доска с открытым исходным кодом, предназначенная для создания диаграмм и набросков от руки. 🌟 Она предлагает бесконечный холст, разнообразные инструменты (прямоугольники, круги, стрелки, линии, свободное рисование, ластик и другие), поддержку изображений и библиотек форм, а также возможность экспорта в форматы PNG, SVG и в буфер обмена. Приложение поддерживает тёмный режим, локализацию на разные языки и настраиваемый интерфейс. 🔐 Лицензия: MIT 🖥 Github (https://github.com/excalidraw/excalidraw)

🖥 PairDrop (https://github.com/schlagmichdoch/PairDrop) — это кроссплатформенное приложение для обмена файлами, которое было разработано на основе AirDrop от Apple! 💡 С его помощью можно передавать файлы по локальной сети через веб-браузер или использовать временные публичные комнаты для передачи через интернет. PairDrop совместим со всеми устройствами, которые имеют современные браузеры, и не требует установки, настройки или регистрации. 🔐 Лицензия: GPL-3.0 🖥 Github (https://github.com/schlagmichdoch/PairDrop)

🖥 JavaScript знает явно больше нас.

⚡️ Клонирование любого интерфейса Теперь вы можете клонировать любой сайт одним нажатием кнопки благодаря новому ИИ-агенту Same.dev! Этот инструмент может создать практически точную копию веб-сайта всего лишь по ссылке. Вам нужно только вставить URL интересующего вас ресурса и немного подождать. Same.dev автоматически проанализирует исходный код и предоставит готовую копию, которую трудно отличить от оригинала. И это абсолютно бесплатно: https://same.dev/

🖥 Рекомендация: устанавливайте значения по умолчанию при уничтожении объектов или массивов!

👣 TypeScript станет значительно быстрее — компилятор Microsoft переписали на Go. Самые важные моменты: ▪ Компиляция будет в 10 раз (!) быстрее, а потребление памяти уменьшится в 2 раза. ▪ На видео показан тест нового компилятора: 0.63 секунды против 3.35 на старом. ▪ Проект разрабатывается с августа 2024 года, уже готово 80%. Полный переход займет несколько лет 😢. ▪ В версии на Go не будет работать «манкипатчинг», что сделает API TypeScript более безопасным. ⚫ Планируется интеграция с LLM (надеюсь, локальными). ⚫ Полный переход на TypeScript-Go не отменяет поддержку старой версии. ⚫ Кодовая база TypeScript на Go будет отличаться от оригинала, поэтому некоторые функции (например, JSDoc и JSX) могут не поддерживаться. Полное интервью с обновлениями можно посмотреть на YouTube (https://youtu.be/10qowKUW82U) ▪Github: https://github.com/microsoft/typescript-go ▪Microsoft blog: https://devblogs.microsoft.com/typescript/typescript-native-port/ #dotnet #golang #programming #typescript #webdev

🖥 Reubah (https://github.com/dendianugerah/reubah) — это веб-инструмент для редактирования изображений и конвертации документов! 💡 Он представляет собой универсальное решение, поддерживающее множество форматов изображений (JPG, PNG, WebP, GIF, BMP) и документов (PDF, DOCX, DOC, ODT, RTF, TXT). Инструмент создан с акцентом на простоту использования и доступен через веб-интерфейс. 🌟 Reubah предлагает функции, такие как пакетная обработка, оптимизация изображений, удаление фона (в разработке) и изолированная среда обработки данных. Инструмент можно быстро установить с помощью Docker, что делает его удобным для локального использования или интеграции в другие проекты. 🔐 Лицензия: MIT 🖥 Github (https://github.com/dendianugerah/reubah)

✈️ Cursor — это действительно мощный инструмент для работы с кодом. Один парень из Твиттера (https://x.com/levelsio) смог за несколько часов создать полностью многопользовательскую онлайн-игру, реализованную на HTML и JS (https://fly.pieter.com/#05fd306d-b041-4acb-86bb-fc66d49bc268), про самолётики. Весь процесс сопровождался тем, что он обучал ИИ принципам работы пропеллера, исправлял ошибки и добавлял новые функции по запросам пользователей, например, адаптацию под мобильные устройства. Похоже, что у Microsoft Flight Simulator теперь есть достойный конкурент 😁 За месяц это принесло ему 67 тысяч долларов 😱 Он нашёл отличную идею для монетизации — размещать в небе дирижабли с рекламой. Похоже, этот тренд набирает популярность: уже запущен аналогичный проект, но с кораблями (https://x.com/NicolaManzini/status/1897605082276925508), где можно арендовать целый остров для размещения рекламы. https://fly.pieter.com/#05fd306d-b041-4acb-86bb-fc66d49bc268

🖥 Runtipi (https://github.com/runtipi/runtipi) — это инструмент, который помогает настраивать и управлять локальным сервером. Он упрощает развертывание и управление саморазмещаемыми приложениями, делая этот процесс доступным для всех. 🌟 Runtipi основан на Docker и предлагает удобный веб-интерфейс, с помощью которого можно устанавливать и управлять популярными приложениями всего в один клик. 💡 Этот инструмент идеально подходит для тех, кто хочет запустить свои собственные сервисы, такие как медиасерверы, менеджеры паролей, облачные хранилища и многое другое. Благодаря простоте установки и использования, Runtipi помогает избежать сложностей, связанных с ручной настройкой сети и конфигурацией. 🔐 Лицензия: GPL-3.0 🖥 Github (https://github.com/runtipi/runtipi)