Записи в разделе: JavaScript

Как добавить анимацию загрузки (preloader) на сайт

При загрузке «тяжелого» контента – высокораздельных картинок, кастомных шрифтов или скриптов аналитики – пользователь часто видит полупустой экран со сломанной версткой (Layout Shift). Это создает ощущение медленной работы… читать... →

206

19

24/09/2026

Пошаговая инструкция использования дебаггера (отладчика) для начинающих (VS Code + PHP / JS)

Если вы до сих пор ищете ошибки в коде с помощью echo, var_dump() или бесконечных console.log(), пора перейти на новый уровень. Дебаггер (или отладчик) – это инструмент, отличающий… читать... →

1312

24

31/07/2025

Уроки JavaScript — Краткие функции на замену большому объемному коду

Довольно часто у программистов возникает соблазн написать какую-нибудь обширную функцию, которая должна решать определенную задачу. Этот соблазн похвальный, но не тогда, когда он ведет к «изобретению колеса». Ведь… читать... →

814

25

26/06/2025

Уроки JavaScript — Шпаргалка для разработчиков по работе с консолью в браузере

Консоль браузера (также известная как консоль JavaScript или веб-консоль) — это мощный инструмент для разработчиков, интегрированный практически в каждый веб-браузер. Консоль, в частности, позволяет разработчикам взаимодействовать с кодом… читать... →

1102

27

24/06/2025

Как создать простое переключение цветового оформления сайта (CSS и JavaScript)

Если вы хотите добавить на свой сайт возможность переключения между светлым/темным цветовым режимом, тогда вы попали по адресу. Хотя такая фича может и не пользоваться спросом, но с… читать... →

1336

21

30/04/2025

Уроки JavaScript — Массивы: основы использования и основные функции

Массивы не только в JavaScript являются фундаментальной структурой данных, но и практически во всех языках программирования. Они позволяют разработчикам сохранять и эффективно управлять несколькими значениями в одной переменной.… читать... →

890

23

11/04/2025

Что такое тег canvas в HTML5 и зачем он нужен?

Элемент <canvas> появился только в HTML5 и используется для динамического рисования графики на веб-странице с помощью JavaScript. Сам тег фактически представляет собой контейнер (хранилище) для графики, которая прорисовывается… читать... →

1728

28

10/05/2024

Как добавить карту от Google Maps на свой сайт (с маркером и текстом)

В сегодняшнем практическом уроке мы рассмотрим пример добавления на свой сайт карты от сервиса Google Maps. Поскольку API Google Карт позволяет настраивать (кастомизировать) показ карт на своих веб-сайтах,… читать... →

2200

25

02/05/2024

Уроки JavaScript — как начать работать с объектами

Объекты являются одной из самых важных и мощных функций JavaScript, и во многих встроенных функциях объекты используются по умолчанию. По сути, объект — это совокупность свойств, а свойство… читать... →

1474

28

17/02/2024

25 полезных советов и решений jQuery, которые вы должны знать

jQuery — это быстрая и довольно таки небольшая библиотека JavaScript. Она упрощает создание интерактивных и потрясающих веб-страниц, анимации и взаимодействия, с меньшими усилиями по написанию JavaScript кода. Эта… читать... →

9421

231

09/02/2022

Как создать таймер обратного отсчета с помощью JavaScript, CSS и SVG (4 способа)

Часто программистам ставят задачу создать таймер обратного отсчета, например, когда у клиента намечается важное мероприятие, распродажа или он хочет запустить рекламную акцию. С точки зрения маркетинга, с таймерами… читать... →

2626

31

28/12/2021

Уроки JavaScript – Все, что нужно знать о переменных

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

2082

34

29/03/2020

Детальное описание техники ленивой загрузки изображений (Lazy Load)

Ленивая (или отложенная) загрузка картинок – это популярный метод асинхронного обращения к адресу изображения, по мере необходимости его загрузки, а не сразу после того, как HTML страницы был… читать... →

4308

158

21/03/2020

Уроки JavaScript – примеры использования случайности

В JavaScript довольно часто нужно использовать случайность или случайное поведение. Самым простым примером будет получение случайного числа для проведения жеребьевки. Или, например, представить возможный результат броска монеты. Но… читать... →

2490

66

17/12/2019

Что такое ключевое слово this в JavaScript

Если вас смущает ключевое слово this в JavaScript, знайте, что вы не одиноки. Вначале это смущает всех программистов. Но это не значит, что вам не нужно разобраться в… читать... →

3286

60

25/11/2019