DevGang
121 subscribers
1.99K photos
1.6K links
Статьи по программированию и не только!
Публикуем горячие новости, статьи и переводы из мира IT.
Сайт проекта: https://dev-gang.ru
Download Telegram
Несколько лет назад я сделал веб-приложение на Django. Я также добавил в него пагинацию. Но чего-то не хватало...

Да, это была бесконечная пагинация прокрутки!

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

Кроме того, пагинатор будет работать, даже если у пользователя отключен Javascript.

#HTML #Python #Django

https://dev-gang.ru/article/paginacija-s-beskonecznoi-prokrutkoi-v-django-s-pomosczu-htmx-y0qpz9loou/
Возможно, вы недавно слышали о Bun и Appwrite.

Bun — новая, более быстрая альтернатива NodeJS и NPM. А Appwrite только что выпустил свою облачную версию, которая является классной и простой в настройке альтернативой Firebase.

Итак, давайте посмотрим, как создать действительно быстрое и современное полностековое приложение с помощью: NextJS, Bun, Appwrite и TailwindCSS

#NestJS

https://dev-gang.ru/article/polnofunkcionalnoe-prilozhenie-s-bun-appwrite-i-nextjs-quk4mrrk1l/
Привет! Новичку в django_restframework сложно работать с токенами без предварительного создания модели учетной записи BaseUserManager и абстрагирования ее, чтобы иметь возможность доступа к функциям AuthToken restframework. Я имею в виду следующее:

#Django

https://dev-gang.ru/article/python-sozdanie-tokenov-bez-modelei-autentifikacii-django-i987f08oiz/
В этой статье мы собираемся создать приложение React, которое отправляет пользователям напоминание о перерывах в работе. Пользователи могут указать продолжительность своей работы и перерыва, и когда их рабочий сеанс будет завершен, приложение автоматически отправит уведомление, предлагая действия на запланированное время перерыва.

#JavaScript #React

https://dev-gang.ru/article/kak-dobavit-uvedomlenija-v-realnom-vremeni-v-vashe-prilozhenie-dk2u8v846r/
Возможно, вы знакомы с так называемыми WYSIWYG-редакторами (What You See Is What You Get) (Что видишь, то и получаешь") или редакторами Rich Text. Они являются основной частью популярных приложений, таких как Notion, позволяя пользователям видеть и редактировать форматирование и содержимое документа.

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

https://dev-gang.ru/article/wysiwyg-dlja-mdx-gibridnyi-redaktor-vrite-7q0bhh11wz/
Сегодня давайте поговорим о JSX, отношениях любви и ненависти всех разработчиков React. Многие его ненавидят, многим он нравится, но задумывались ли вы когда-нибудь, как можно максимально эффективно использовать возможности JSX вне обычного контекста React?

#JavaScript #React

https://dev-gang.ru/article/jsx-unchained-sozdaite-shablonizator-bez-react-dwtqwszag3/
В этой статье мы обсудим недостатки протокола HTTP, а также рассмотрим концепцию связи в реальном времени и способы ее реализации с помощью протокола WebSocket при создании базового клиентского приложения для связи.

#JavaScript #PostgreSQL #NodeJS

https://dev-gang.ru/article/kak-nastroit-soedinenie-websocket-s-nodejs-i-reactjs-kn5m3hsmbt/
В этой статье мы рассмотрим ключевые различия между анимацией CSS и JavaScript, предоставим примеры кода и подскажем, когда лучше выбрать одну из них.

#JavaScript #CSS

https://dev-gang.ru/article/metody-vebanimacii--css-protiv-javascript-zqxlbues18/
В этом руководстве я расскажу вам о настройке приложения Node.js с инструментарием OpenTelemetry и интеграции Tracetest для улучшения сквозных (E2E) и интеграционных тестов с помощью тестирования на основе трассировки.

#JavaScript #NodeJS

https://dev-gang.ru/article/povyshenie-urovnja-nodejs-ee-i-integracionnogo-testirovanija-s-pomosczu-opentelemetry-16izbwui3u/
Здесь подробно рассмотрим критические изменения и предложим вам дополнительные решения, позволяющие их избежать.

#API

https://dev-gang.ru/article/kak-obrabatyvat-kriticzeskie-izmenenija-v-api-i-shemah-sobytii-jh6snucuqm/
Цель этой статьи - продемонстрировать, как настраивать SVG-изображения с помощью Next.js и Tailwind, не прибегая к внешним конфигурациям или использованию вспомогательных библиотек типа svgr/webpack.

#JavaScript #CSS #React

https://dev-gang.ru/article/kak-nastraivat-svg-s-pomosczu-nextjs-i-tailwind-css-d3l6l2hw8h/
PDF-файлы являются широко распространенным форматом для обмена документами и информацией. В веб-приложениях часто возникает необходимость интегрировать программу просмотра PDF-файлов для отображения этих документов.

В этом руководстве мы рассмотрим процесс создания простой программы просмотра PDF-файлов с помощью React и библиотеки @react-pdf-viewer. Мы также покажем, как настроить его в приложении Next.js.

#JavaScript #React

https://dev-gang.ru/article/sredstvo-prosmotra-pdf-v-nextjs--s-ispolzovaniem-reactpdfviewer-ctoq13ovyx/
В этой статье вы узнаете, как создать и интегрировать базу данных MySQL с приложением Flask с помощью драйвера PyMySQL, который обеспечивает удобный доступ к базам данных MySQL в рамках Flask.

#Flask #HTML #Python #MySQL

https://dev-gang.ru/article/cozdaite-i-integriruite-bazu-dannyh-mysql-s-prilozheniem-flask-crtxa617qe/
В мире разработки программного обеспечения поддержание качества кода является первостепенной задачей. Линтеры, такие как ESLint, стали незаменимым инструментом, обеспечивающим соответствие кода заранее определенным стандартам кодирования. Когда дело доходит до поддержания читаемости и организации кода, одним из наиболее эффективных инструментов в вашем арсенале ESLint является eslint-plugin-simple-import-sort. Этот удобный плагин упрощает задачу сортировки импортируемых данных, предлагая многочисленные преимущества с точки зрения ясности кода и удобства сопровождения.

#React #TypeScript

https://dev-gang.ru/article/uprostite-svou-kodovuu-bazu-s-pomosczu-avtomaticzeskoi-sortirovki-linter-ispolzuja-eslintpluginsimpleimportsort-1647atakwc/
Данные, основанные на местоположении, окружают нас повсюду, от карт на наших смартфонах до GPS-навигации и геопространственного анализа. В основе многих геопространственных приложений лежит PostgreSQL, реляционная база данных с открытым исходным кодом, которая доказала свое мастерство в обработке и анализе данных о местоположении.

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

#PostgreSQL

https://dev-gang.ru/article/postgresql-v-geoprostranstvennyh-prilozhenijah-raskrytie-vozmozhnostei-dannyh-o-mestopolozhenii-e5rql4dbfj/
Django - это мощный веб-фреймворк для Python, позволяющий быстро создавать веб-приложения. В этом руководстве мы создадим базовое приложение Django с нуля.

#Python #Django

https://dev-gang.ru/article/sozdanie-vebprilozhenija-s-pomosczu-django-x9dnzy0gh3/
Погружение в мир функционального программирования иногда может показаться ошеломляющим. Переход от понимания основных концепций к их фактическому применению в реальных сценариях может оказаться непростым. Если вы знакомы с некоторыми методами функционального программирования, но не знаете, когда и как их использовать, вы попали по адресу.

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

#JavaScript #React

https://dev-gang.ru/article/deklarativnyi-javascript-kn5nq33msh/
Отправной точкой является поиск изображения текстуры наложения шума, которое мы можем использовать. Лучше всего подойдет что-то тонкое с прозрачным фоном.

Это тот, который я собираюсь использовать. Просто щелкните правой кнопкой мыши и сохраните изображение, чтобы использовать его со мной

#CSS #HTML #Design

https://dev-gang.ru/article/sdelaite-nalozhenie-shuma-ispolzuemoe-na-otmeczennyh-nagradami-saitah-za--shaga-m0p2efdiws/
В этой статье мы ознакомим вас, как можно заменить любой объект на фотографии с помощью Stable Diffusion Python SDK

#Python

https://dev-gang.ru/article/zamenite-luboi-obekt-na-fotografii-s-pomosczu-stable-diffusion-python-sdk-3dn89leroj/
Open Graph - это интернет-протокол, созданный компанией Facebook для стандартизации отображения метаданных в социальных сетях.

И я покажу вам, как будет выглядеть моя запись в блоге, если я поделюсь или размещу ссылку в Facebook или другой социальной сети, используя протокол Open Graph.

#Начинающим

https://dev-gang.ru/article/czto-takoe-otkrytaja-grafa-vy-dolzhny-znat-etu-funkciu-vebrazrabotki-bpdzgn70uz/
Если вы работаете над несколькими проектами на языке Python, то вам быстро понадобится иметь разные версии пакетов в зависимости от текущего проекта.

Для этого предназначены виртуальные среды, которые позволяют изолировать библиотеки между проектами. Существуют различные библиотеки, которые вы можете использовать, я покажу вам Venv и Pipenv.

#Python

https://dev-gang.ru/article/ispolzovanie-virtualnyh-sred-s-python-cdog9dva6z/