Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать

Статья представляет собой подробный чек-лист для проверки качества HTML/CSS вёрстки. Основная цель этого чек-листа — создание формальных критериев оценки вёрстки, которые гарантируют надёжность и удобство поддержки кода. Для базовой приемки клиенту достаточно выполнения первых пяти пунктов: соответствие макету, кроссбраузерность, валидность кода, независимость CSS-блоков и корректное отображение на разных разрешениях. Также представлены пункты для продакшена.

🌐 Читать статью

Made in HTML/CSS

Оптимизируй фронтенд: 24 проверенных способа

Статья посвящена эффективным методам ускорения загрузки и работы веб-страниц. Основное внимание уделяется техническим аспектам, влияющим на производительность, и практическим рекомендациям по оптимизации.

🌐 Читать статью

Made in HTML/CSS

Текст, который «вау»: 28 CSS-хаков для создания залипательных эффектов

Эта статья — сборник 28 креативных CSS-эффектов, которые превращают обычный текст в динамичный, интерактивный и визуально впечатляющий элемент интерфейса. Автор, разбирает примеры с кодом, объясняя технологии и принципы их работы.

🌐 Читать статью

Made in HTML/CSS

ТОП-38 Hover-эффектов для современного веб-дизайна в 2025 году

В этой статье представлена подборка крутых CSS hover-эффектов, которые превратят ваш сайт из скучного в увлекательный интерактивный опыт. Голографические карточки, плавные морфинговые переходы и динамичные 3D-кубы — всё это заставит пользователей не только задержаться на сайте, но и захотеть вернуться снова!

🌐 Читать статью

Made in HTML/CSS

Пиши на JavaScript правильно: лучшие практики разработки

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

🌐 Читать статью

Made in HTML/CSS

Можете ли вы объяснить, что такое CSS-спрайты?

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

Цель использования CSS-спрайтов — сократить количество отдельных изображений и уменьшить количество HTTP-запросов, необходимых для загрузки. Это приводит к улучшению производительности веб-страниц

Made in HTML/CSS

Что такое indexOf?

Метод indexOf() в JavaScript — это встроенная функция, которая ищет указанный элемент в массиве или строке и возвращает его индекс. Если значение не найдено, метод возвращает -1.

Некоторые ограничения метода indexOf():
- Регистрозависимость. Метод ищет точное соответствие указанной строке, включая регистр.
- Обработка NaN. Если в массиве или строке ищется NaN, метод вернёт -1.
- Пустая строка или массив — метод также вернёт -1

Made in HTML/CSS

Как тестируют фронтенд?

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

Как именно происходит тестирование и какие компоненты используется для этого процесса рассмотрены

🌐 Читать статью

Made in HTML/CSS

ИИ-инструменты замедляют опытных разработчиков: результаты исследования METR

Исследование METR показало, что опытные разработчики работают на 19% медленнее с ИИ-инструментами, хотя сами считают, что ускорились на 20%.

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

🌐 Читать статью

Made in HTML/CSS

LambdaTest — это полноценная облачная платформа для тестирования веб-приложений и сайтов. Она предоставляет разработчикам и тестировщикам возможность проводить кросс-браузерное тестирование, автоматизированное тестирование и отладку веб-приложений на различных устройствах, браузерах и операционных системах.

Made in HTML/CSS

Remote - SSH — это расширение для популярного редактора кода Visual Studio Code (VS Code) , которое позволяет разработчикам подключаться к удаленным серверам через протокол SSH и работать с файлами и проектами, расположенными на этих серверах, как если бы они находились локально.

Made in HTML/CSS

Jest Runner — это расширение для VS Code, которое упрощает работу с фреймворком для тестирования JavaScript-приложений Jest . Jest активно используется в экосистеме JavaScript/TypeScript для модульного тестирования (unit testing), интеграционного тестирования и других видов проверок кода.

Made in HTML/CSS

Что такое Coercion в JS?

Coercion (приведение типов) в JavaScript — это автоматическое или явное преобразование значения из одного типа в другой.

JavaScript — язык со слабой типизацией, поэтому он часто пытается "угадать" нужный тип и преобразует значения неявно. Это может приводить к неожиданным результатам, если не понимать, как это работает.

Виды приведения типов
Явное (Explicit Coercion) – программист сам указывает преобразование.
Неявное (Implicit Coercion) – JavaScript делает это автоматически в определённых операциях.

Made in HTML/CSS