В процессе разработки веб-приложений часто возникают ситуации, когда требуется выполнить один из многих вариантов кода в зависимости от значения конкретного выражения или переменной. Написание длинной цепочки if...else if...else if делает…
При загрузке «тяжелого» контента – высокораздельных картинок, кастомных шрифтов или скриптов аналитики – пользователь часто видит полупустой экран со сломанной версткой (Layout Shift). Это создает ощущение медленной работы ресурса и…
Вы внесли правки в CSS, исправили критический баг в JavaScript, загрузили файлы на сервер и радостно сообщаете клиенту: «Готово!«. А в ответ слышите: «Ничего не изменилось, все поехало!» — Знакомая…
Если вы до сих пор ищете ошибки в коде с помощью echo, var_dump() или бесконечных console.log(), пора перейти на новый уровень. Дебаггер (или отладчик) – это инструмент, отличающий любителя от…
Довольно часто у программистов возникает соблазн написать какую-нибудь обширную функцию, которая должна решать определенную задачу. Этот соблазн похвальный, но не тогда, когда он ведет к «изобретению колеса». Ведь существует много…
Консоль браузера (также известная как консоль JavaScript или веб-консоль) — это мощный инструмент для разработчиков, интегрированный практически в каждый веб-браузер. Консоль, в частности, позволяет разработчикам взаимодействовать с кодом и настраивать…
Если вы хотите добавить на свой сайт возможность переключения между светлым/темным цветовым режимом, тогда вы попали по адресу. Хотя такая фича может и не пользоваться спросом, но с ее наличием…
Массивы не только в JavaScript являются фундаментальной структурой данных, но и практически во всех языках программирования. Они позволяют разработчикам сохранять и эффективно управлять несколькими значениями в одной переменной. Массивы —…
Элемент <canvas> появился только в HTML5 и используется для динамического рисования графики на веб-странице с помощью JavaScript. Сам тег фактически представляет собой контейнер (хранилище) для графики, которая прорисовывается непосредственно в…
В сегодняшнем практическом уроке мы рассмотрим пример добавления на свой сайт карты от сервиса Google Maps. Поскольку API Google Карт позволяет настраивать (кастомизировать) показ карт на своих веб-сайтах, мы воспользуемся…
Объекты являются одной из самых важных и мощных функций JavaScript, и во многих встроенных функциях объекты используются по умолчанию. По сути, объект — это совокупность свойств, а свойство состоит из…
jQuery — это быстрая и довольно таки небольшая библиотека JavaScript. Она упрощает создание интерактивных и потрясающих веб-страниц, анимации и взаимодействия, с меньшими усилиями по написанию JavaScript кода. Эта библиотека становится…
Часто программистам ставят задачу создать таймер обратного отсчета, например, когда у клиента намечается важное мероприятие, распродажа или он хочет запустить рекламную акцию. С точки зрения маркетинга, с таймерами обратного отсчета…
Ленивая (или отложенная) загрузка (Lazy loading) – это популярный метод асинхронного обращения к адресу ресурса, по мере необходимости его загрузки, а не сразу после того, как HTML страницы был проанализирован…
Для браузера не все ресурсы обладают одинаковой степенью важности и приоритета. Каждый браузер имеет свою своеобразную эвристику, согласно которой он определяет, какие ресурсы загружать в первую очередь, а какие –…