Блог

97 публикаций
Сначала популярное
Сначала свежее Сначала популярное Сначала обсуждаемое
Сбросить фильтры
Простое бургер-меню на чистом JavaScript

Простое бургер-меню на чистом JavaScript

В этой статье я покажу, как сделать несложное бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Наше меню адаптируется под мобильные устройства. При нажатии на иконку-бургер, слева направо выпадает меню.

Frontend
4 года назад
16 48k
Создаем корзину товаров на JavaScript

Создаем корзину товаров на JavaScript

Корзина товаров - один из самых главных компонентов любого интернет-магазина. Корзина показывает все выбранные товары в одном месте, считает скидку и общую стоимость заказа.
Frontend
3 года назад
9 40k
Форма обратной связи: отправка формы на почту без перезагрузки

Форма обратной связи: отправка формы на почту без перезагрузки

В заключительной статье мы сделаем отправку формы на почту. Важно, что отправляться данная форма будет без перезагрузки страницы (асинхронно). После отправки формы пользователь получит уведомление, что данные отправлены, либо сообщение со статусом ошибки.
Frontend
4 года назад
21 27k
Маска для ввода телефона на JavaScript

Маска для ввода телефона на JavaScript

Маска телефонного номера — это строка символов, которая используется для представления реального телефонного номера. Маска используется для того, чтобы облегчить пользователям ввод номера телефона в поле формы.
Frontend
4 года назад
4 21k
Создаем слайдер карусель для сайта

Создаем слайдер карусель для сайта

Карусельный слайдер — это тип слайдера, который позволяет пользователям прокручивать серию изображений или другой контент. Карусельные слайдеры обычно имеют элементы управления навигацией со стрелками или точками, которые позволяют пользователю прокручивать содержимое.
Frontend
4 года назад
2 15k
Создаем аккордеон на JavaScript

Создаем аккордеон на JavaScript

Всем привет! Мы продолжаем создавать элементы пользовательского интерфейса (UI). Сегодня коснемся такой темы, как аккордеоны. Аккордеон позволяет скрывать часть контента и при нажатии на бокс у нас плавно раскрывается весь контент.
Frontend
4 года назад
2 11k
Игра "Угадай число" на JS

Игра "Угадай число" на JS

Рассмотрим создание игры "Угадай число" на JS. Компьютер загадывает простое число - от 1 до 100, наша задача его угадать. Есть подсчет попыток и подсказка (больше число или меньше).
GameDev
4 года назад
3 10k
Форма обратной связи: валидация формы на JS

Форма обратной связи: валидация формы на JS

Мы напишем универсальный скрипт на JS для валидации полей формы. Данный скрипт будет сам определять, что поле проверяется на валидность. Для этого достаточно добавить в HTML-разметке кастомный атрибут в input.
Frontend
4 года назад
1 9,2k
Лучшие книги по JavaScript в 2023 году

Лучшие книги по JavaScript в 2023 году

Веб-разработка и JavaScript неразрывно связаны. В 2023 году JavaScript продолжает наращивать свою популярность и оставаться в центре внимания разработчиков со всего мира.
Обзоры
3 года назад
0 9,1k
Делаем кнопку наверх на JavaScript

Делаем кнопку наверх на JavaScript

При скролле страницы на сайте часто возникает потребность вернутся наверх. Например, в контентных сайтах при прочтении статьи необходимо вернуться обратно в меню.
Frontend
4 года назад
1 8,2k
Создаем полноэкранный слайдер с помощью Swiper.js

Создаем полноэкранный слайдер с помощью Swiper.js

Swiper.js — один из самых мощных и гибких инструментов для создания слайдеров. Он легкий, адаптивный и поддерживает массу функций, включая кастомные анимации, ленивая загрузка изображений и гибкую настройку управления.
Frontend
1 год назад
0 8,2k
UI-компоненты. Модальное окно на JavaScript

UI-компоненты. Модальное окно на JavaScript

Создадим простое модальное окно на JavaScript. Этот код создает модальное окно, которое появляется при нажатии кнопки «Открыть модальное окно». Модальное окно содержит некоторый текст и имеет кнопку закрытия (представленную символом «x») в правом верхнем углу.
Frontend
4 года назад
1 7,8k