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

🖥 Это подробное руководство по основам 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)

🖥 es-toolkit (https://github.com/toss/es-toolkit?tab=readme-ov-file) — это современная и производительная утилита для JavaScript с небольшим размером и качественными типовыми аннотациями. 🌟 Она предлагает множество функций, таких как debounce, delay, chunk, sum и pick, с улучшенной производительностью, которая в 2-3 раза выше и размером до 97% меньше по сравнению с другими библиотеками, например, lodash. Библиотека поддерживает Tree Shaking и TypeScript, что обеспечивает высокую надежность и тестовое покрытие. 🔐 Лицензия: MIT 🖥 Github (https://github.com/toss/es-toolkit?tab=readme-ov-file)

🖥 APIHub (https://github.com/hiteshchoudhary/apihub?tab=readme-ov-file) — это платформа, предназначенная для удобного взаимодействия с API. 🌟 Она помогает разработчикам находить, структурировать и управлять различными API, которые можно использовать в своих приложениях. APIHub предлагает функции для поиска и применения публичных API, а также позволяет интегрировать их в проекты для повышения эффективности работы. 🔐 Лицензия: MIT 🖥 Github (https://github.com/hiteshchoudhary/apihub)

🚀Приглашаем на бесплатный урок «Bun – быстрый альтернативный рантайм для Node.js» от онлайн-курса Node.js Developer 05 марта 20:00 (мск). Что будет на вебинаре? 1️⃣Разбор возможностей Bun: быстрый сервер, менеджер пакетов и тестирование. 2️⃣Сравнение Bun с Node.js: плюсы, минусы, производительность. 3️⃣Практическое применение Bun в реальных проектах. Кому вебинар будет полезен? - Фронтент, - Фуллстэк, - Бэкенд разработчикам на Node.js - И других языках для web'а. Что узнают участники вебинара? ✅ Как использовать Bun для запуска серверов и выполнения JavaScript-приложений. ✅ Как переходить с Node.js на Bun и какие сценарии использования подходят лучше всего. ⏰ Успейте зарегистрироваться на бесплатный вебинар 05 марта 20:00 (мск). Запись ограничена: https://clck.ru/3GkxKC Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

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