🖥 Совет: используйте метод console.table() для отображения данных в виде таблицы!

@javascriptv

🖥 30-seconds-of-code — это коллекция полезных и коротких JavaScript сниппетов, предназначенных для выполнения различных задач. Каждый сниппет занимает всего несколько строк кода и решает часто встречающиеся проблемы или упрощает рутинные операции, что делает его удобным инструментом для быстрого освоения и применения JavaScript в проектах

🔐 Лицензия: CC-BY-4.0

🖥 Github

@javascriptv

🔍 OmniParser — это инструмент от Microsoft, предназначенный для разбора и анализа интерфейсов приложений на основе скриншотов

OmniParser - инструмент для анализа скриншотов пользовательского интерфейса, разработанный для улучшения работы агентов UI на основе LLM.

Он преобразует скриншоты в структурированный формат, выделяя интерактивные области и описывая функции элементов(кнопки, иконки, значки и т.д) и не требует исходного HTML или иерархии представлений.

OmniParser состоит из двух моделей:

🟢Модель обнаружения интерактивных элементов, основанная на YOLOv8 и обученная на датасете из 67 тысяч скриншотов веб-страниц с аннотациями кликабельных областей.

🟢Модель описания функций элементов UI, основанная на BLIP-2, обученная на 7 тысячах пар "элемент-описание", созданных с помощью GPT-4o.

OmniParser был протестирован в бенчмарках ScreenSpot, Mind2Web и AITW, где превзошел агентов на основе GPT-4V и модели, обученные на данных графических интерфейсов (SeeClick, CogAgent и Fuyu).

⚠️ OmniParser может испытывать трудности с распознаванием повторяющихся элементов, текста и с определением точных границ кликабельных областей.

▶️Локальная установка и запуск в Gradio UI :

# Create conda env
conda create -n "omni" python==3.12
conda activate omni

# Install requirement
pip install -r requirement.txt

# Run Gradio UI
python gradio_demo.py

📌Лицензирование: MIT License.


🟡Страница проекта
🟡Набор моделей
🟡Arxiv
🖥Github


#AI #ML #Microsoft #YOLO8 #BLIP #OmniParser


🖥 Github

🖥 Полный курс по JavaScript! (2024)

🕞 Продолжительность: 12:00:00

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

@javascriptv

🔥 Как создать динамические маршруты API в Next.js?

🌟 Next.js — это фреймворк на основе React, который позволяет разработчикам создавать полнофункциональные веб-приложения, расширяя новейшие функции React

🌟 В этой статье вы узнаете о динамических маршрутах API в Next.js: что они собой представляют, как их создавать и как расширять их функциональные возможности

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

@javascriptv

🔥 Курс по созданию аутентификации пользователей в приложениях Next.js!

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

🌟 Курс начинается с основ NextAuth, проводя вас через настройку среды и создание проекта. Затем вы узнаете, как использовать NextAuth для страниц, отрисованных на сервере и клиенте, что даст вам целостное понимание процессов аутентификации

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

#курс #nextjs

@javascriptv

🖥 Glassmorphism Generator — полезный сайт для любого фронтендера! Здесь вы можете быстро создать стеклянный эффект для вашего элемента и сразу же увидеть результат!

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

@javascriptv

🖥 Awesome-javascript — коллекция популярных библиотек, фреймворков, инструментов и ресурсов, связанных с JavaScript!

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

🖥 Github

@javascriptv

🖥 Как защитить приложения JavaScript: распространенные уязвимости и лучшие практики!

💡 JavaScript — широко используемый язык программирования для создания клиентских и серверных приложений. Его варианты использования выходят за рамки веб-разработки, поскольку JavaScript также используется в разработке мобильных приложений и искусственном интеллекте. Это делает JavaScript универсальным языком.

🌟 Но такая универсальность влечет за собой риски. Широкое использование JavaScript также делает его основной целью для атак

❗️ Эта статья познакомит вас с важностью безопасности вашего приложения. Вы также узнаете распространенные уязвимости безопасности JavaScript и способы предотвращения атак и защиты вашего кода JavaScript!

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

@linuxkalii

🖥 Эта статья объясняет концепцию "мёртвой зоны" в JavaScript!

🌟 Мертвая зона — фаза исполнения кода, когда переменная существует, но недоступна до инициализации, что вызывает ошибку ReferenceError. В статье рассматриваются причины мёртвой зоны, особенности let и const в отличие от var, и методы, позволяющие избежать связанных с этим проблем

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

@javascriptv

🖥 Совет по JavaScript:

🌟 Используйте URLSearchParams для простого управления параметрами запроса!

@javascriptv

🖥 В этом видеоуроке вы научитесь создавать адаптивное боковое меню с использованием HTML CSS и JavaScript с темным и светлым режимом!

🕞 Продолжительность: 37:17

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

@javascriptv

🖥 Uptime Kuma — это платформа для мониторинга состояния серверов и сервисов, предлагающая визуальные отчеты и уведомления о простоях и ошибках. Она поддерживает различные виды мониторинга, включая HTTP, TCP, и DNS, а также уведомления через Telegram, Discord и другие каналы. Интерфейс интуитивен и ориентирован на удобство использования, позволяя легко отслеживать статус работы сервисов.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

🖥 Большая книга по JavaScript! (100+ глав!)

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

@javascriptv

🖥 Stagehand — это фреймворк для упрощенной автоматизации веб-браузинга, разработанный с акцентом на модульность и гибкость.

🌟 Фреймворк позволяет пользователям программировать последовательности действий, таких как навигация и взаимодействие с веб-страницами, интегрируя AI для управления сценариями и анализа контента. Благодаря своей структуре, Stagehand дает возможность легко добавлять кастомные модули, расширять функциональность и использовать AI для адаптивного веб-скрейпинга, тестирования и других задач.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

❓ Что выведет этот код и почему?

❗️ Ответ:

31
31

🔍 **Объяснение:**

1. **Создание объекта `person1`:** Объект `person1` создаётся со свойствами `name` и `age`.
2. **Присвоение `person2 = person1`:** Здесь не создаётся копия объекта `person1`, а создаётся ссылка на тот же объект в памяти. Таким образом, `person1` и `person2` указывают на один и тот же объект.
3. **Изменение свойства `age` у `person2`:** При изменении `person2.age` это изменение влияет и на `person1.age`, так как оба идентификатора указывают на один и тот же объект.
4. **Вывод `person1.age` и `person2.age`:** Оба значения будут равны `31`, поскольку изменение `person2.age` также изменило `person1.age`.

@javascriptv