Direction aware hover effect

Код: https://codepen.io/electerious/pen/xeJPbB

Эффект подчеркивания ссылок при наведении с учетом направления курсора.

#css #js

@javascriptv

https://yangx.top/itchannels_telegram - подборка лучших ит-каналов по js и не только

React 18: новые хуки и как изменился рендеринг

В этом материале мы рассмотрим часть обновлений, которые для нас приготовил React 18 — разберем automatic batching, concurrent rendering, изменения в архитектуре приостановки рендеринга на стороне сервера и новые хуки.

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

https://tproger.ru/articles/react-18-novye-huki-i-kak-izmenilsja-rendering/

@javascriptv

Фрактал

Анимированный фрактал, выполненный на чистом JavaScript.

Код: https://codepen.io/strangerintheq/pen/poRpMMY

#css #js

@javascriptv

🤖 Создаем Telegram-бота с помощью Node.js за 3 минуты

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

Читать

@javascriptv

padStart JS

Читать

@javascriptv

Пишем 2D игру на чистом JavaScript

В этом пошаговом руководстве мы создадим простую игру MDN Breakout, написанную на чистом JavaScript и отрендеренную на HTML5 <canvas>.

Уроки

Полный код игр

@javascriptv

🔃 Асинхронные итераторы и генераторы

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

Давайте сначала рассмотрим простой пример, чтобы понять синтаксис, а затем – реальный практический.

Читать дальше

@javascriptv

📝 Подборка инструментов отладки JavaScript

https://zen.yandex.ru/media/javascript_react/podborka-instrumentov-otladki-javascript-627df93137af4e7363422d5d

@javascriptv

Интернет вещей — это глобальная сеть, которая соединяет не только компьютеры, но и другие электрические приборы, от кофе-машин до тостеров. Почему интернет вещей до сих пор не стал чем-то обыденным и насколько жизнь человека может стать комфортнее с развитием этой технологии? Узнайте в новом выпуске подкаста «ZIP. Архив техногенного мира» от команды Газпромбанка.

Слушайте и делитесь > https://vk.cc/cdtgPL

📌 Шпаргалка по работе с DOM деревом в JavaScript

#cheatsheet #Javascript

@javascriptv

☕ 5+5=? Преобразование значений в строку или число в JavaScript

https://proglib.io/p/5-5-preobrazovanie-znacheniy-v-stroku-ili-chislo-v-javascript-2022-05-15

@javascriptv

Neon Love

Анимированная сцена, выполненная с помощью CSS и JavaScript.

#html #css #js

https://codepen.io/al-ro/pen/BaaBage

Calendar and Clock

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

Код: https://codepen.io/mselmany/pen/kKOJVW

@javascriptv

Popper.js - JS библиотека, для реализации всплывающих подсказок на сайтах и web приложениях.

Особенности / преимущества:
✔️Легкая библиотека размером около 3 КБ
✔️Расширенная возможность настройки
✔️Легко интегрировать в проект
✔️Удобный API
✔️Открытый исходный код

Оф. сайт: https://popper.js.org/
Гит: https://github.com/popperjs/popper-core

#библиотеки #js

@javascriptv