👍 Нашёл отличную статью на Хабре: «Настройка Jest и React Testing Library: пошаговое руководство для React и Next.js проектов»

В статье вы:
• Установите и настроите Jest;
• Подключите React Testing Library;
• Организуете структуру тестов (SCSS, SVG, компоненты);
• Настроите Jest в окружении Next.js для unit‑тестирования компонентов.


🔊 Продолжай читать на Habr!

📣 Code Ready | #статья

👩‍💻 Разберем атрибут step — контроль точности ввода чисел!

Он используется в <input> для указания шага изменения значения. Задаёт, на сколько увеличивается или уменьшается значение при вводе или при нажатии стрелок.

Можно применить со следующими значениями type:

• date — значение по умолчанию 1 день;
• month — значение по умолчанию 1 месяц;
• week — значение по умолчанию 1 неделя;
• time — значение по умолчанию 60 секунд;
• datetime-local — значение по умолчанию 1 секунда;
• number — значение по умолчанию 1;
• range — значение по умолчанию 1.

Для удобства пользователя с <input step> добавляйте инструкции через <label> или aria-describedby.

📣 Code Ready | #атрибут

👩‍💻 Знал ли ты, что можно открыть браузер прямо в VS Code?

Даже скачивать ничего не нужно, ведь всё уже встроено в редактор. Как и что можно настроить показано на видео выше от Miguel Ángel Durán

📣 Code Ready | #vscode

📂 Напоминалка по сетевым портам!

Например, порт 22 используется для SSH-подключений, а 443 — для защищённого HTTPS-трафика. Порты — основа любого взаимодействия между клиентом и сервером.

На картинке — 18 основных портов.

Сохрани, чтобы не забыть!

📣 Code Ready | #ресурсы

😎 App Ideas — готовые идеи для ваших проектов и портфолио!

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

Оставляю ссылочку: GitHub 📱

📣 Code Ready | #репозиторий

👩‍💻 Можно ли сделать подчёркивания аккуратнее, чтобы они не заезжали на буквы с хвостиками, вроде g и y?

Свойство text-decoration-skip-ink управляет внешним видом верхнего и нижнего подчёркиваний.

Возможные значения:

• none — линия рисуется под текстом сквозь глифы.

• auto — линия может рисоваться так, что не касается глифов (значение по умолчанию).

• all — линия будет рисоваться, не касаясь глифов.

Если текст нужно перечеркнуть, то это свойство будет проигнорировано.

📣 Code Ready | #свойство

👍 MDN Web Docs — актуальный ресурс по фронтенду!

HTML, CSS, JavaScript, Web APIs, производительность, доступность - всё в одном месте. Структурированная программа обучения - от «что такое фронтенд» до продвинутых приемов, с задачами, тестами и "реплейсом" прямо в браузере.

📌 Оставляю ссылочку: mdvwebdocs.org

📣 Code Ready | #ресурсы

Кибербезопасность теперь в Telegram!

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

⚡️ Пакет Безопасности – @package_security

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