🖥 Анимированный контур кнопки для HTML-элемента, который останавливается при наведении на неё.

Эффект неонового свечения, подойдет для темной темы приложения.

#hover #кнопки #градиент #html

https://codepen.io/shshaw/pen/RwJwJJx

@javascriptv

🖥 Лайфхак: вы можете создать футер с "копирайтом" таким образом, чтобы год на нем обновлялся автоматически!

@javascriptv

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

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

@javascriptv

🖥 Elevator Saga — это интерактивная онлайн-игра, которая позволяет пользователям решать задачи по управлению лифтами с помощью программирования на языке JavaScript. Основная цель игры — оптимизировать работу системы лифтов, чтобы как можно быстрее перемещать пассажиров между этажами!

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

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

@javascriptv

🥷 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

Хотите изучить востребованный стек и гарантированно выйти на 200-230 тыс. дохода? 🚀

Тогда обратите внимание на новую программу от онлайн-школы IT Mentor — Node.js с нуля до Middle. 👀 Помимо возможности учиться в сопровождении опытных менторов, вы получаете уникальную возможность обучения по постоплате.

В течение 6-8 месяцев вы будете изучать ключевые технологии и получать опыт на реальном проекте, а платите за это только после трудоустройства. Если не нашли работу — ничего не должны 🔥

Что вы будете изучать:
— JavaScript, TypeScript,
— Основы WEB, Backend Архитектура,
— Nest.JS, Docker, Express.JS,
— работа с Gitом, интеграции

👆А еще пройдете большой блок подготовки к собеседованиям, который поможет уверенно чувствовать себя на интервью и найти работу уже через 1-2 месяца после выпуска.

Программа по Node.js подойдет как тем, кто только начинает свой путь в IT, так и опытным разработчикам, которые хотят сменить стек или вырасти до fullstack-программиста.

Не упустите возможность начать обучение уже в этом году! Чтобы оставить заявку и подробнее ознакомиться с программой, переходите на сайт 👨‍💻 https://clck.ru/3EPWKh

Реклама. ИП Тюльников ИНН 526223159257.

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

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

@javascriptv

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

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

🖥 Github

@javascriptv