В первой части
мы разобрали базовые методы. Во второй — шаг глубже: перебор свойств, удаление, сравнение, прототипы и скрытые ключи. Эти техники важны при работе с динамическими структурами, формами, валидацией и кастомной логикой.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22❤14🤝7
This media is not supported in your browser
VIEW IN TELEGRAM
Git Graph — мощный плагин, который показывает древовидную структуру коммитов в виде наглядной граф-схемы: ветки, слияния, история — всё как на ладони.
Особенно удобен, если работаете в нескольких ветках или сопровождаете чужой проект — сразу видно, что где происходило.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21❤8🔥7🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Свойство
touch-action
управляет взаимодействием с сенсорным экраном и напоминает более распространённое свойство pointer-events, которое регулирует взаимодействие мышкой.Примеры использования:
• none — запрещает все типы взаимодействий.
• auto — разрешает все типы взаимодействия.
• manipulation — элемент можно сдвигать и зумить.
• pan-down — элемент можно смещать только если начать движение снизу вверх.
• pan-up — элемент можно смещать только если начать движение сверху вниз.
• pinch-zoom — элемент можно зазумить щипком.
Он может пригодится, например, чтобы отключить обработку прикосновений браузером по умолчанию на сенсорных экранах.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25❤14🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
frontendchecklist — удобный чеклист всего, что нужно учесть при разработке фронтенд-проекта.
Подходит как для самопроверки, так и в командной работе над продакшн-сборкой.
📌 Оставляю ссылочку: frontendchecklist.io
📣 Code Ready | #ресурсы
Подходит как для самопроверки, так и в командной работе над продакшн-сборкой.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥7❤5
Привет! В этом гайде создадим поле ввода пароля с цветной полоской-индикатором, которая показывает его безопасность во время ввода.
Ключевые моменты:
• HTML: компактная и понятная структура формы.
• CSS: плавная визуализация — от красного до зелёного.
• JavaScript: минимальный, но точный анализ длины, регистра, цифр и символов.
Простой, но полезный элемент UX, который улучшает безопасность и вовлечённость пользователя.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27❤15🔥8🤝4
This media is not supported in your browser
VIEW IN TELEGRAM
Темы: как работает React под капотом, как писать масштабируемый JS-код, зачем нужен suspense и как проектировать компоненты.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤6🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Это атрибут для screen reader’ов, который задает текстовое описание элемента для пользователей с нарушениями зрения.
Есть теги и роли, для которых его точно нельзя использовать:
<caption> и роль caption.
<code> и роль code.
<dd> и роль definition.
<dt>, <dfn> и роль term.
<del> и роль deletion.
<em> и роль emphasis.
<ins> и роль insertion.
<mark> и роль mark.
и др.
Когда у элемента должно быть видимое для всех имя, используйте
aria-labelledby
.Please open Telegram to view this post
VIEW IN TELEGRAM
❤18👍14🔥5👎1
В этом посте покажем, как зафиксировать заголовок таблицы при прокрутке — просто и надёжно, без JavaScript и библиотек.
Как работает:
• С помощью position: sticky и top: 0 заставляем <thead> залипать к верхней границе.
• Добавляем background, чтобы шапка не сливалась при скролле.
• Ограничиваем высоту tbody и включаем overflow-y: auto — получаем прокручиваемое тело таблицы.
Это идеально подойдет для админок, дашбордов, таблиц со сводками и логами.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22❤8🤝6😁1
В первой части
мы рассмотрели основы: переменные, this, async, return. Во второй — фокус на управлении потоком: условия, обработка ошибок, классы и наследование. Эти конструкции лежат в основе логики приложений, контроллеров и архитектуры компонентов.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27❤20👍9🤝7