🔍 Как отследить событие закрытия браузера и вкладки с помощью JavaScript

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

#учись #javascript

👾 Как создать бота Discord с Node.js, Discord.js и OpenAI GPT-3

С помощью этого руководства Вы создадите бота Discord, который сможет отвечать на сложные вопросы и выполнять требуемые задания. Для этой цели потребуется Node.js, Discord.js и OpenAI API для GPT-3, одной из самых крупных и умных обученных нейронных сетей.

Мой совет заменить model: "text-davinci-002" на model: "text-davinci-003"

#учись #javascript

📱 Как создать многопользовательский чат с помощью WebSocket за 10 минут

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

#учись #javascript

🖼 3D Scrolling Gallery – галерея с прокручивающимися изображениями, которые появляются из центра экрана при скролле мышки. Подойдет для сайтов, где важна динамика.

#сниппет #css #javascript

🧠 Полное понимание асинхронности в браузере

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

#учись #javascript

🎥 Pixi.js красивые 2D анимации

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

#javascript #полезныйресурс

🗂 Интерактивная шпаргалка по HTML, CSS и JavaScript

Содержит полезные примеры кода HTML, CSS, JS и инструменты веб-разработчика. Для каждого примера есть объяснение. Например: CSS-градиент, генератор кнопок или теней для блоков, код для циклов или переменных JS.

#учись #полезныйресурс #шпаргалки #html #css #javascript

🖥 Code Basics. Бесплатная платформа для изучения основ программирования с нуля

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

#учись #полезныйресурс #html #css #javascript #python

🎮​ 10 игр для изучения JavaScript

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

#учись #игры #javascript

🖥 Code Basics. Бесплатная платформа для изучения основ программирования с нуля

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

#учись #полезныйресурс #html #css #javascript #python

🖇 ​Doka. Документация для веб-разработчиков

Это опенсорсный проект, который содержит практически всю необходимую информацию для веб-разработчиков. Здесь и объяснение HTML-тегов, и примеры работы с CSS-стилями, и обучение JavaScript, а также полезные инструменты и статьи.

#полезныйресурс #html #css #javascript #учись

🗂 Интерактивная шпаргалка по HTML, CSS и JavaScript

Содержит полезные примеры кода HTML, CSS, JS и инструменты веб-разработчика. Для каждого примера есть объяснение. Например: CSS-градиент, генератор кнопок или теней для блоков, код для циклов или переменных JS.

#учись #полезныйресурс #шпаргалки #html #css #javascript

🤖 ​Telegram-бот для управления ПК голосом

Автор планировал сделать бота для своих личных целей, чтобы отключать компьютер, свет и т.п., но в ходе разработки у него возникла мысль сделать из этого небольшой туториал, так как в интернете нет никакой информации по интеграции Yandex.SpeechKit с NodeJS и тем более Telegram.

#учись #полезныйресурс #javascript

Проблема: .sort() в JavaScript мутирует массив.

Решение: использовать .toSorted() — он возвращает новый отсортированный массив.

#javascript

Массово переключить CSS-классы, а потом сбросить прокрутку: две строки, которые заставляют браузер синхронно заблокировать главный поток.

Я задокументировал, как это отловить в панели производительности и почему одного requestAnimationFrame недостаточно, чтобы это исправить - https://joanleon.dev/en/forced-synchronous-layout/

#WebPerf #CSS #DevTools #JavaScript

@WebDev_Plus

Infinity в JavaScript используется нечасто.

Но array.flat(Infinity) неожиданно полезен при работе с глубоко вложенными массивами

#JavaScript