WebDEV
@webb_dev
9.44K subscribers
2.02K photos
10 videos
2.52K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
About
Blog
Apps
Platform
Join
WebDEV
9.44K subscribers
WebDEV
🗒️ Ответ
Anonymous Quiz
12%
Ошибка JavaScript, возникающая при неправильной настройке DOM
49%
Временное отображение нестилизованного содержимого до загрузки CSS
25%
Технология оптимизации загрузки изображений
14%
Методика ускорения взаимодействия с API
154 voters797 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
804 views
WebDEV
🗒️ Ответ
Anonymous Quiz
8%
Установка display: inline для всех блоков
74%
Использование CSS-свойства will-change для элементов с ожидаемой анимацией
9%
Увеличение количества JavaScript-файлов для удобства разработки
9%
Отключение кеширования браузера для более частых обновлений
160 voters868 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
865 views
WebDEV
🗒️ Ответ
Anonymous Quiz
48%
aspect-ratio
35%
grid-auto-flow
5%
minmax()
12%
fr
165 voters840 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
888 views
WebDEV
🗒️ Ответ
Anonymous Quiz
3%
Для остановки выполнения функции
75%
Для предотвращения выполнения действия, связанного с событием
21%
Для остановки всплытия события
1%
Для удаления слушателя события
173 voters884 views
WebDEV
Адаптивная верстка сайта CSS, HTML 2025. Макет Bodyshape. Подробный урок CSS Grid

Адаптивная HTML CSS верстка сайта из Figma лендинга спорт фитнес клуба BodyShape.

📺 YouTube

WebDEV #видео
YouTube
Адаптивная верстка сайта CSS HTML 2025. Макет BodyShape. Подробный урок. CSS Grid
Адаптивная HTML CSS верстка сайта из Figma лендинга спорт фитнес клуба BodyShape.

Макет, материалы и готовый код: https://tttttt.me/+9XtDDNBdHAk4Yjhi (пост за 13.01.2025)

Верстка по пакету из Figma, CSS, переменные, fexbox и css grid. Медиазапросы и адаптивная…
892 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
819 views
WebDEV
🗒️ Ответ
Anonymous Quiz
11%
Использование WebP для изображений
15%
Уменьшение количества HTTP-запросов
53%
Использование CDN и серверного кеширования
22%
Сжатие CSS и JavaScript
171 voters839 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
842 views
WebDEV
🗒️ Ответ
Anonymous Quiz
69%
Обеспечивает синхронизацию анимации с частотой обновления экрана
9%
Уменьшает объем используемой памяти
13%
Позволяет анимации запускаться только в фоновом режиме
9%
Полностью исключает необходимость JavaScript
127 voters833 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
848 views
WebDEV
🗒️ Ответ
Anonymous Quiz
8%
Использование только локальных шрифтов
40%
Применение свойства font-display: swap;
46%
Предварительная загрузка шрифтов через <link rel="prefetch">
6%
Сжатие шрифтов до формата WOFF2
154 voters854 views
WebDEV
💡Шпаргалка по HTML

WebDEV #советы
800 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
760 views
WebDEV
🗒️ Ответ
Anonymous Quiz
6%
Использование большого количества JavaScript на странице
79%
Отсутствие размеров для изображений и встроенных объектов
8%
Применение анимаций с использованием transform
7%
Использование Web Fonts без предзагрузки
136 voters741 views
WebDEV
💡Добавляйте прогресс-бары на сложных страницах

Визуализация прогресса. Если ваш сайт включает длинные формы или много шагов (например, процесс оформления заказа), добавьте прогресс-бар. Это помогает пользователям видеть, сколько шагов осталось, и уменьшает ощущение нагрузки

WebDEV #советы
751 views
WebDEV
Все про модули в JavaScript. Как делать import и export. Пример с кодом

Модули в JavaScript. Разбираемся на простом примере. Подключение модулей, export default дефолтный экспорт по умолчанию, именованный экспорт named export, импорт дефолтных и именованных значений. Экспорт с переименованием, экспорт всех значений под один объект. JS modules.

📺 YouTube

WebDEV #видео
YouTube
Все про модули в JavaScript. Как делать import и export. Пример с кодом
↓↓↓ Таймкоды и ссылки на код в описании под видео ↓↓↓

Модули в JavaScript. Разбираемся на простом примере. Подключение модулей, export default дефолтный экспорт по умолчанию, именованный экспорт named export, импорт дефолтных и именованных значений. Экспорт…
779 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
731 views