Javascript
18.2K subscribers
779 photos
111 videos
2 files
1.2K links
По всем вопросам - @workakkk

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

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

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
Введение в JavaScript Temporal API

Реализация объекта Date() в JavaScript была скопирована непосредственно из Java в 1995 году. Два года спустя Java отказалась от неё, но в JavaScript она осталась для обратной совместимости. При этом Date() крайне неудобен и часто непредсказуем, а API оставляет желать лучшего.

К счастью, есть Temporal API, которое решает эту проблему. Подробнее о нём:

https://webdevblog.ru/vvedenie-v-javascript-temporal-api/

#javascript
Чистые функции в JavaScript: руководство для начинающих

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

Давайте более подробно рассмотрим, что такое чистые функции и почему они полезны:

https://dmitripavlutin.com/javascript-pure-function/

#javascript
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