Усовершенствуйте тестирование приложений Next.js с помощью Playwright — инструмента для автоматизации браузеров Chromium, Firefox и WebKit. Готовитесь ли вы к сквозным (E2E) или интеграционным тестам, Playwright предлагает безупречную работу на всех платформах.

В этом руководстве я расскажу вам, как настроить и запустить первый тест Playwright E2E для приложения Next.js.

#JavaScript #Testing

https://dev-gang.ru/article/testirovanie-prilozhenii-nextjs-s-ispolzovaniem-playwright-nwvezydpob/

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

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

#Laravel #Slack

https://dev-gang.ru/article/laravel-eksport-dannyh-prilozhenija-v-realnom-vremeni-prjamo-v-kanal-slack-9l79x0cqbt/

— Что? Я правильно прочитал заголовок?

Да! Давайте сразу перейдем к примеру, почему бы и нет?

Ты сможешь это сделать,

#JavaScript #TypeScript

https://dev-gang.ru/article/hyperimport--import-failov-c-rust-zig-i-t-d-v-typescript-xizp905ac2/

MindsDB — это слой искусственного интеллекта с открытым исходным кодом для баз данных.

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

#DataScience

https://dev-gang.ru/article/prognozirovanie-cen-na-aviabilety-s-pomosczu-mindsdb-p6ek47dmkw/

В этом руководстве показано, как создать API GraphQL с помощью Encore. В качестве примера он реализует серверную часть для сокращения URL-адресов и показывает, как вы развертываете его в бесплатном облаке разработки Encore.

#Golang #GraphQL

https://dev-gang.ru/article/sozdaite-api-graphql-i-razvernite-ego-za-sczitannye-minuty-s-pomosczu-encore--wsizs2sbsi/

Несколько лет назад я сделал веб-приложение на 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/