Javascript
18.1K subscribers
767 photos
106 videos
2 files
1.18K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
Интересное исследование производительности анимации на основе скролла страницы

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

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

#javascript #api #css #web

@javascriptv
This media is not supported in your browser
VIEW IN TELEGRAM
Создайте крутой проект для портфолио

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

По итогу вы получите клон действующего сервиса по выбору цветов:

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

#javascript #туториал

@javascriptv
Использование FileReader для чтения файлов в JavaScript

Нашли для вас туториал о том, как использовать FileReader для чтения содержимого файлов в браузере. Автор статьи на практике рассмотрел несколько примеров, как с использованием элемента input, так и Drag'n'Drop:

https://itchief.ru/javascript/filereader

#javascript #туториал

@javascriptv
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Variable font animation — анимация переменных шрифтов. Реализован с помощью CSS и JavaScript.

#анимация #css #javascript #текст

https://codepen.io/michellebarker/pen/bPEWGK

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Frantic maze — безумный лабиринт. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/Dillo/pen/jOQPWMe

@javascriptv
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ List Styles — список. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/yexx/pen/OJzQNVN

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 Work scroll — изящная реализация прокрутки страницы. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/Zuraavl/pen/jOQEmzM

@javascriptv
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Slider — красивый слайдер с различными блюдами. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/kristen17/pen/BaGOOMm

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Shopping UI - красивый каталог товаров и корзина, сделанные при помощи JS библиотеки - Vue.js

https://codepen.io/mo-ro/pen/jObjGJm

#код #css #javascript

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Button pushed inside style — изящная анимация иконок при наведении курсора. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/Juxtopposed/pen/jOKqXMJ

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Loading — красивая загрузка в виде анимированного шара. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/ma77os/pen/JjMRmLP

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥JavaScript нужен не везде!

Возможно, вы думаете: "везде, где я использую JS - это единственный верный вариант". Возможно, это и так, но полезно знать, что и разработчики браузеров, и авторы спецификаций переносят на CSS и HTML многие функции, для которых еще несколько лет назад требовался JS. Именно об этом и пойдет речь в этой статье.

https://www.htmhell.dev/adventcalendar/2023/2/

#html #css #javascript

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🤖🧠 Проект chatgpt-web-midjourney-proxy на GitHub — это прокси-сервер для интеграции возможностей ChatGPT в веб-приложения.

Это позволяет разработчикам легко включать искусственный интеллект ChatGPT в свои проекты. Интересно, не правда ли, как можно расширять возможности чат-ботов?

Последнее обновление вышло всего три дня назад, а текущая версия проекта — v2.19.6.

📍Github
📍Readme на русском

#js #javascript #nodejs #chatgpt #midjourney #proxy

@javascriptv
👌🏻🤞🏼Классная библиотека JS, о которой возможно ты никогда не слышал

Hammer.js — это библиотека для распознавания жестов 🤲🏻 на сенсорных устройствах. Чтобы добавить её в проект, можно использовать NPM:
npm install --save hammerjs

Yarn:
yarn add hammerjs

, или подключить напрямую через CDN. Она позволяет легко реагировать на такие жесты, как тапы, двойные тапы, удержания и свайпы, делая интерфейс более дружелюбным и интерактивным.

Hammer.js предлагает удобные инструменты для работы с жестами, что особенно актуально для мобильных приложений и сайтов.

📍Github
📍Docs

#js #javascript #nodejs #css #html

@javascriptv
🎞 YouTube Addiction Rehab — это расширение для Chrome, разработанное для помощи пользователям в контроле их привычек просмотра видео на YouTube с помощью ИИ.

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

Ключевые функции включают AI Focus Filter, блокирующий нерелевантные рекомендации, AI Smart Blocker, предотвращающий доступ к отвлекающим видео, и возможность скрытия коротких роликов из рекомендованной ленты.

Установка расширения немного отличается для браузеров Chrome, Firefox и Safari, и для каждого из них предоставлены детальные инструкции.

Github

#TypeScript #JavaScript

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 annyang — мини библиотека JS распознавания речи, которая позволяет вашим пользователям управлять вашим сайтом с помощью голосовых команд.

🖥 GitHub

#javascript #js

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Sturdy-Doodle — интересная идея компактного сайта-портфолио с интерактивными игровыми элементами, созданного с помощью HTML, CSS и JavaScript .

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

🖥 GitHub

#js #javascript

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Курс — Создайте анимированную физическую игру с помощью JavaScript!

🌟 Вас интересует разработка игр, но вы не знаете, с чего начать? Хотите создать уникальную и увлекательную игру с интересной физикой и механикой искусственного интеллекта? Если да, то этот видеокурс — это то, что вам нужно!

🕞 Продолжительность: 3:09:52

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

#курс #javascript

freecourses
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Курс по изучению Mistral AI с JavaScript!

💡 Научитесь создавать интеллектуальные приложения с использованием моделей Mistral AI с открытым исходным кодом. Этот курс охватывает все: от создания чата до расширенных вариантов использования, таких как RAG и вызов функций.

🕞 Продолжительность: 1:24:04

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

#курс #machinelearning #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Курс: Разработка игр на JavaScript с помощью библиотеки Klay!

🕞 Продолжительность: 3:52:18

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

#курс #javascript

freecourses
Please open Telegram to view this post
VIEW IN TELEGRAM