javascriptv | Unsorted

Telegram-канал javascriptv - Javascript

18660

По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945

Subscribe to a channel

Javascript

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

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

@javascriptv

Читать полностью…

Javascript

🖥 Это же одно и то же, ведь да?..

@javascriptv

Читать полностью…

Javascript

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

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

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

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

@javascriptv

Читать полностью…

Javascript

🔍 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

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

@javascriptv

Читать полностью…

Javascript

⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pythonl
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
АНАЛИЗ Данных: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Linux: t.me/linuxacademiya
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Angular: /channel/+qIJAuSEb2MQyMDJi

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

Читать полностью…

Javascript

⚡️ Web Dev полый курс с нуля. Урок 1. Введение. План разработки

https://www.youtube.com/watch?v=l0Lq4p_ozhw

@javascriptv

Читать полностью…

Javascript

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

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

@javascriptv

Читать полностью…

Javascript

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

@javascriptv

Читать полностью…

Javascript

Бесплатный вебинар «Как стать аналитиком: полное руководство к действию» ↗️

Хотите узнать как выглядит типичный день аналитика, познакомиться с задачами и решить, подходит ли вам профессия?

Спикер Ия Зотова, ментор и тимлид направления аналитики в Сбере, на бесплатном вебинаре даст стратегию поиска работы и расскажет, как осознанно и эффективно начать карьеру в сфере.

Что будем делать на вебинаре?
выясним, чем занимаются аналитики и какими они бывают
поговорим о том как находить в данных инсайты и визуализировать результаты
обсудим карту компетенций и разберем актуальные инструменты
рассмотрим тренды в аналитике: AI/ML и BigData
поймем, как выбрать pet-проект и найти крутую работу

Встречаемся в 23 октября в 19:00 по мск. Регистрируйтесь и погружайтесь в аналитику по ссылке 🔗

Читать полностью…

Javascript

🖥 Копирование текста из блока input с помощью JavaScript!

🌟 Примечание: В Firefox для корректной работы этого примера ваш сайт должен быть запущен под https:// !

@javascriptv

Читать полностью…

Javascript

🔎 social-analyzer — платформа для анализа профилей в социальных сетях и получения информации из открытых источников (OSINT). Он поддерживает множество социальных сетей, платформ и поисковых механизмов. С помощью этого инструмента можно автоматизировать сбор данных о профилях пользователей для мониторинга активности, анализа упоминаний и проверки цифрового следа.

🌟 Social Analyzer может быть полезен для задач, связанных с кибербезопасностью, расследованиями и маркетинговым анализом.

🔐 Лицензия: AGPL-3.0

▪️GitHub

@javascriptv

Читать полностью…

Javascript

🖥 Эффект мыши с цветными частицами на JavaScript!

@javascriptv

Читать полностью…

Javascript

Быстрый совет по Javascript 💡

Простой, но не самый популярный способ сортировки без учета регистра.

@javascriptv

Читать полностью…

Javascript

Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript!

🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний.

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

💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности.

Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉

Читать полностью…

Javascript

Хотите изучить востребованный стек и гарантированно выйти на 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.

Читать полностью…

Javascript

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

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

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

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

#курс #nextjs

@javascriptv

Читать полностью…

Javascript

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

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

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

@javascriptv

Читать полностью…

Javascript

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

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

🖥 Github

@javascriptv

Читать полностью…

Javascript

⚡️ Наглядная памятка: 12 рекомендаций по обеспечению безопасности при создании API

Чтобы обеспечить защиту ваших API, следуйте этим 12 советам:

- используйте HTTPS;
- применяйте OAuth 2;
- внедрите веб-аутентификацию;
- разграничьте доступ с помощью ключей API;
- реализуйте авторизацию;
- ограничьте скорость запросов;
- управляйте версиями API;
- создайте белый список;
- проверьте риски безопасности API согласно OWASP;
- используйте API-шлюз;
- обрабатывайте ошибки;
- проверяйте вводимые данные.

Сохраните эти рекомендации и используйте их в работе.

Читать полностью…

Javascript

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

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

▪️GitHub

@javascriptv

Читать полностью…

Javascript

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

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

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

@javascriptv

Читать полностью…

Javascript

True Tech Hub в Иннополисе

Приходи на митап для ИТ-специалистов: аналитиков, продакт-менеджеров, ML-инженеров, DS-инженеров и не только. Встречаемся в Иннополисе 26 октября.

Поговорим про метрики, помогающие оптимизировать Agile-процессы команды разработки, покажем, как подружить отдел аналитики с остальной командой, и поделимся своим видением того, как User Stories упрощает жизнь аналитикам и владельцам продуктов.

Во второй части коснемся более хардовых историй: углубимся в тему экстремальной оптимизации моделей машинного обучения и векторных данных, расскажем как в МТС проверяют гипотезы в задачах генеративного искусственного интеллекта для потребностей бизнеса. А наши коллеги из red_mad_robot на примере разработанной

Для участия нужно зарегистрироваться по ссылке. Количество мест ограничено.

Читать полностью…

Javascript

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

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

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

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

@javascriptv

Читать полностью…

Javascript

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

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

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

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

#курс #nextjs

@javascriptv

Читать полностью…

Javascript

Быстрый совет💡

Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму внутреннего радиуса + отступы.

@javasscriptv

Читать полностью…

Javascript

🖥 Если навести мышь на изображение, то можно увидеть, что за ним скрывается текст.

#hover #карточки

https://codepen.io/tatimblin/pen/pbYOMe

@javascriptv

Читать полностью…

Javascript

Как получить реальный опыт во фронтенд-разработке за 7 дней?

А именно:

- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.

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

Такой опыт можно получить на бесплатном практикуме от Айтилогии с поддержкой от опытных разработчиков на каждом этапе.

👉 Приходи на бесплатное обучение и зови с собой друзей

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

Читать полностью…

Javascript

🖥 Курс по JavaScript для начинающих!

💡 Описание: Вы постоянно взаимодействуете с кодом JavaScript — вы просто можете этого не осознавать. Он обеспечивает динамическое поведение на веб-сайтах (например, этом) и играет важную роль во многих областях, таких как front-end и back-end разработка, разработка игр и мобильных приложений, виртуальная реальность и многое другое. В этом курсе вы изучите основы JavaScript, которые будут полезны при более глубоком погружении в более сложные темы

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

@javascriptv

Читать полностью…

Javascript

⚡️ Полезная шпаргалка по относительным единицам измерения CSS.

Здесь наглядно видно, чем отличается em от rem. Сохраните её, чтобы не забыть.

#шпаргалка #css

@javascriptv

Читать полностью…
Subscribe to a channel