DevGang
Авторизоваться

Учебное пособие по разработке игр на JavaScript — создание Gorillas с помощью HTML Canvas + JavaScript

В этом уроке по игре на JavaScript вы узнаете, как создать современную версию классической игры Gorillas 1991 года, используя простой JavaScript и элемент холста HTML.

В этой игре две гориллы бросают друг в друга взрывные бананы, и побеждает тот, кто первым ударит другого.

Как реализовать динамические сегменты с помощью useParams в React Router

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

Веб-уведомления с Firebase: подробное руководство

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

Тайна раскрыта: 3 способа центрировать div

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

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

Преобразуйте все данные div в изображение и сохраните его в каталоге с помощью JavaScript ft html2canvas.js.

Создание расширенного списка дел с помощью HTML, CSS и JavaScript

В мире веб-разработки понимание того, как создавать интерактивные и динамические пользовательские интерфейсы, имеет решающее значение. В этой статье мы рассмотрим процесс создания расширенного списка дел с использованием HTML, CSS и JavaScript. Этот проект не только поможет вам понять основы этих технологий, но и познакомит с более продвинутыми концепциями, такими как локальное хранилище. Давайте погрузимся!

Как создать компонент мобильного смахивания в React

Сегодня каждый хочет иметь доступ к Интернету со своих мобильных телефонов. Поэтому важно учитывать доступность вашего веб-приложения на Android и iPhone.

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

В этом уроке я научу вас, как создать собственный компонент мобильного смахивания в React. Вы можете сделать это в 50 строках JavaScript.

Создание файлового хранилища с помощью Next.js, PostgreSQL и Minio S3

Это вторая часть серии статей о создании файлового хранилища с помощью Next.js, PostgreSQL и Minio S3. В первой части мы настроили среду разработки с помощью Docker Compose. В этой части мы создадим полнофункциональное приложение с использованием Next.js, PostgreSQL и Minio S3.

На заре веб-разработки файлы, такие как изображения и документы, хранились на веб-сервере вместе с кодом приложения. Однако с увеличением пользовательского трафика и необходимостью хранить большие файлы облачные сервисы хранения, такие как Amazon S3, стали предпочтительным способом хранения файлов.

Создание веб-приложения Flask todo с нуля

Добро пожаловать 👋 в этот блог. Если вы хотите создать веб-приложение todo с помощью Flask, то вы находитесь в правильном блоге. В этом руководстве мы создадим веб-приложение Todo Flask полностью с нуля. Приступим к созданию веб-приложения. Еще одна вещь, в конце вы также получите ссылку на репозиторий GitHub, чтобы вы могли сосредоточиться только на концепциях.

Любопытный случай перетаскивания

Перетаскивание может выглядеть как простое взаимодействие с пользователем, при котором вы берете элемент и помещаете его в другое место, аналогично организации элементов на доске Trello или в любом интерфейсе в стиле Kanban, где карточки или информацию можно легко переставлять с помощью щелчка и перетаскивания.

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

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу