Иногда нам приходится поддерживать многоязычное приложение. Некоторые из них могут иметь другое направление, слева направо. Но как сохранить наши margins/padding одинаковыми? Я знаю, что для этого есть несколько инструментов, но на самом деле есть собственное решение.

#CSS

https://dev-gang.ru/article/sozdat-maket-s-dvunapravlennym-tekstom-escze-nikogda-ne-bylo-tak-prosto--5ukbl98c7i/

Привет! Сегодня я собираюсь показать вам, как мы можем добавить CSS-фреймворк в Angular, и для этого поста я использую Bootstrap.

#Angular #CSS

https://dev-gang.ru/article/dobavte-css-framework-v-angular-5189otbyka/

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

В этой статье давайте попробуем понять обратный прокси, необходимость в нем и пошаговое объяснение его достижения с помощью Nginx.

#NodeJS #Nginx #Linux

https://dev-gang.ru/article/nastroite-obratnyi-proksiserver-nginx-v-linux-s-pomosczu-prilozhenija-nodejs-y9zsqyw10d/

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

#JavaScript #React

https://dev-gang.ru/article/lubopytnyi-sluczai-peretaskivanija-ztpy2ui4lt/

Здесь в игру вступает Pandas — это замечательный инструмент, используемый в мире данных для очистки и предварительной обработки данных. В этой статье мы углубимся в основные концепции очистки и предварительной обработки данных с использованием мощной библиотеки Python Pandas.

#Python #Pandas

https://dev-gang.ru/article/kak-ispolzovat-pandas-dlja-oczistki-i-predvaritelnoi-obrabotki-dannyh-zpit94vc5n/

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

#Flask #Python

https://dev-gang.ru/article/sozdanie-vebprilozhenija-flask-todo-s-nulja-9jzded1tmn/

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

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

#CSS #HTML

https://dev-gang.ru/article/taina-raskryta--sposoba-centrirovat-div-14ihm8tcy3/

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

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

#PostgreSQL #NestJS

https://dev-gang.ru/article/sozdanie-failovogo-hraniliscza-s-pomosczu-nextjs-postgresql-i-minio-s-75ol4gxe7v/

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

Изначально я создал этот компонент для своего любимого проекта — игры 2048 в React, а теперь решил поделиться тем, как я это сделал.

#React #JavaScript

https://dev-gang.ru/article/kak-sozdat-komponent-mobilnogo-smahivanija-v-react-ssouk33vly/

В этой статье мы рассмотрим процесс создания расширенного списка дел с использованием HTML, CSS и JavaScript.

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

#JavaScript #CSS #HTML

https://dev-gang.ru/article/sozdanie-rasshirennogo-spiska-del-s-pomosczu-html-css-i-javascript-odwinsg5w4/

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

#React #JavaScript

https://dev-gang.ru/article/kak-realizovat-dinamiczeskie-segmenty-s-pomosczu-useparams-v-react-router-jz84zlgrxd/

В эпоху веб-разработки вовлечение пользователей играет решающую роль.
Одним из эффективных способов улучшить взаимодействие с пользователем в веб-приложениях являются веб-уведомления.
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/