WebDev+ | Веб-разработка
8.33K subscribers
503 photos
241 videos
10 files
699 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
🖇Doka. Документация для веб-разработчиков

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

#полезныйресурс #html #css #javascript #учись
❤‍🔥8👍21👎1
🗂 Интерактивная шпаргалка по HTML, CSS и JavaScript

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

#учись #полезныйресурс #шпаргалки #html #css #javascript
🔥8👍2
🤖Telegram-бот для управления ПК голосом

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

#учись #полезныйресурс #javascript
🔥9👍2
🖥 Code Basics. Бесплатная платформа для изучения основ программирования с нуля

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

#учись #полезныйресурс #html #css #javascript #python #начинающему
Please open Telegram to view this post
VIEW IN TELEGRAM
9
📎Doka. Документация для веб-разработчиков

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

#полезныйресурс #html #css #javascript #учись #начинающему
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7💯1
Проблема: .sort() в JavaScript мутирует массив.

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

#javascript
⚡️ Про-тип: используйте .at(-1) для более чистого доступа к последнему элементу в JavaScript

#JavaScript

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
Массово переключить CSS-классы, а потом сбросить прокрутку: две строки, которые заставляют браузер синхронно заблокировать главный поток.

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

#WebPerf #CSS #DevTools #JavaScript

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

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

#JavaScript
Знаете, что в языке JavaScript можно писать тесты прямо в исходниках

Rstest поддерживает тесты прямо в коде — тесты пишутся рядом с реализацией. При сборке для продакшена тестовый код вырезается. Нулевые издержки на бандл.

Подход в стиле Раста для удобства разработки, теперь в тулчейне JavaScript 🦀

https://rstest.rs/config/test/include-source

#JavaScript #Rstest #Rspack

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM