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

#Firebase #NodeJS

https://dev-gang.ru/article/vebuvedomlenija-s-firebase-podrobnoe-rukovodstvo-k53welyxwq/

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

Здесь мы создадим всю игру с нуля! Сначала вы научитесь рисовать на элементе холста с помощью JavaScript. Вы увидите, как нарисовать фон, здания, горилл и бомбу. Мы не будем здесь использовать изображения — мы будем рисовать все с помощью кода.

#JavaScript #HTML

https://dev-gang.ru/article/uczebnoe-posobie-po-razrabotke-igr-na-javascript--sozdanie-gorillas-s-pomosczu-html-canvas--javascript-p7etdvhmnd/

Мне нравится SVG. Мне нравится Danganronpa. Здесь опишу попытку воссоздания эффект панорамирования камеры в стиле Danganronpa в SVG.

https://dev-gang.ru/article/ispolzovanie-svg-v-kaczestve-kamery-danganronpa-back-and-forth-7ppe0mrtva/

В этой статье вы создадите простой API расходов с помощью Nest.js и MongoDB для базы данных. Затем вы реализуете фильтрацию, сортировку, ограничение и нумерацию страниц, чтобы сделать ваш API более быстрым и простым в использовании.

#NestJS

https://dev-gang.ru/article/kak-dobavit-filtraciu-sortirovku-ograniczenie-i-numeraciu-stranic-v-vashe-prilozhenie-nestjs-eh9j3q2fa1/

Независимо от того, начинаете ли вы новый проект Nuxt или хотите улучшить существующий, Nx предлагает привлекательный набор инструментов и функций для оптимизации процесса разработки.

Используя возможности Nx при разработке Nuxt, вы не просто оптимизируете текущий рабочий процесс; вы готовите свой процесс разработки к будущему.

#JavaScript

https://dev-gang.ru/article/predstavljaem-nxnuxt-rasshirennaja-podderzhka-nuxtjs-v-nx-lgv3d8fchk/

На прошлой неделе я создал диапазон ввода, который выглядит как самолет, летящий к месту назначения (перемещайте самолет вправо и влево):

#CSS #HTML

https://dev-gang.ru/article/slaider-poleta-v-html--css-gyop57dbs6/

В CSS есть свойство box-sizing, позволяющее определить, как вычисляется ширина и высота элемента. Многие сбросы CSS изменяют модель блока по умолчанию с content-box на border-box, чтобы упростить работу с макетами.

Но что box-sizing: border-box на самом деле делает? В этой статье мы рассмотрим это box-sizing свойство и то, как оно влияет на макет ваших веб-страниц.

#CSS

https://dev-gang.ru/article/czto-takoe-razmer-okna-borderbox-v-css-546u1w976a/

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

#GraphQL

https://dev-gang.ru/article/sozdanie-api-graphql-s-pomosczu-hotchocolate-5jw7sr7uxk/

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

#JavaScript #Golang

https://dev-gang.ru/article/validacija-dannyh-issledovanie-otvetstvennosti-koda-bzinnijp2g/

В этом уроке я покажу вам, как создать простой ресайзер изображений с помощью Flask, React и Vite.

#JavaScript #React #Начинающим

https://dev-gang.ru/article/postroenie-ustroistva-dlja-izmenenija-razmera-izobrazhenija-s-pomosczu-flask-react-i-vite-oq6b1qc6ec/

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

#Python

https://dev-gang.ru/article/izvleczenie-dannyh-iz-zippapki-s-pomosczu-python-f1ewx0twqb/

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

#Python #Django #Testing

https://dev-gang.ru/article/vvedenie-v-testirovanie-s-pomosczu-django-dlja-python-ea27y1kngw/

В JavaScript вы можете использовать объект даты для эффективной работы с датами, временем и часовыми поясами в приложении.

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

#JavaScript

https://dev-gang.ru/article/kak-sravnit-dve-daty-v-javascriptpriemy-metody-i-luczshie-praktiki-httsk549gs/

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

#JavaScript #CSS #HTML

https://dev-gang.ru/article/kak-sozdat-polzovatelskii-htmlvideopleer-s-pomosczu-tailwindcss-i-javascript-m0calkymq2/

В JavaScript могут возникнуть ситуации, когда вам понадобится доступ к HTML-элементу. Метод querySelector представляет собой веб-API, который выбирает первый элемент, соответствующий указанному селектору CSS, переданному в него.

#JavaScript

https://dev-gang.ru/article/czto-takoe-metod-queryselector-i-kak-on-rabotaet-v-javascript-bueyudjbgx/

Если вы работали с React, держу пари, что у вас была возможность использовать хуки. Но пробовали ли вы когда-нибудь создать свой собственный хук?

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

#React

https://dev-gang.ru/article/kak-sozdat-sobstvennyi-react-hook--prakticzeskoe-rukovodstvo-zwf9eaoy9l/

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

Что ж, хорошие новости: в Angular есть много способов сделать это.

#Angular

https://dev-gang.ru/article/-sposoba-proslushivanija-sobytii-v-angular-rxtkbkalkj/

В динамичном мире веб-разработок обеспечение привлекательности вашего сайта для поисковых систем так же важно, как и сама разработка. Next.js, фреймворк React, предлагает мощные возможности для создания высокопроизводительных и SEO-дружественных веб-сайтов.

Здесь мы рассмотрим стратегии и примеры кодирования, чтобы оптимизировать ваши проекты на Next.js для лучшего ранжирования в поисковых системах.

#NextJS #SEO

https://dev-gang.ru/article/seo-s-nextjs-sovety-i-strategii-dlja-luczshego-ranzhirovanija-in7v9shlvh/

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

#JavaScript #React #Начинающим

https://dev-gang.ru/article/upravlenie-sostojanijami-v-react-obhod-lovushek-s-pomosczu-polzovatelskih-hukov-f2fzz1dmjq/

Flutter, инструментарий пользовательского интерфейса от Google, предлагает мощный способ реализации адаптивных тем благодаря своей гибкой архитектуре.

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

#Flutter #Начинающим

https://dev-gang.ru/article/osvoenie-adaptivnyh-tem-flutter-sozdanie-otzyvczivoi-stranicy-selektora-tem-v9920jbfba/

Улучшите внешний вид вашего веб-сайта, используя динамический значок с помощью JavaScript.

#React #JavaScript

https://dev-gang.ru/article/uluczshite-vneshnii-vid-vashego-saita-dinamiczeskii-znaczok-s-react-s67hya1dov/