🥷 youtube-incognito-mode — расширение для браузера Chrome, которое позволяет пользователю решать, будут ли просмотренные видео влиять на рекомендации на YouTube. Оно блокирует просмотры от влияния на будущие рекомендации, хотя ваш поиск все еще может на это влиять

👀 Хорошее расширение для параноиков

▪️GitHub

@javascriptv

🖥 Совет: используйте метод 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