При создании приложений разработчики часто сталкиваются с ситуациями, когда им необходимо получить внешние данные. Эти данные могут поступать из различных источников, и всегда есть риск (в основном связанный с изменением версии облачного api или исправлением ошибок, быстро внедряемых в производство), что данные могут оказаться не в том формате или не в той форме, которая ожидается, что приведет к потенциальным ошибкам.

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

#TypeScript

https://dev-gang.ru/article/typescript-validacija-vneshnih-dannyh-v-prilozhenijah-s-polnym-stekom-snf4n43dyu/

Это краткое руководство по созданию и развертыванию веб-приложения с использованием фронтенда React и бэкенда Go. Мы будем использовать Encore, платформу для разработки бэкенда, позволяющую создавать готовые к работе приложения в AWS/GCP без необходимости ручной работы над инфраструктурой.

#Golang #React

https://dev-gang.ru/article/sozdanie-vebprilozhenija-react-s-bekendom-go-0ovbhp4evn/

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

#Flutter

https://dev-gang.ru/article/izuczenie-httpzaprosov-vo-flutter-erkrwzboae/

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

#JavaScript #HTML

https://dev-gang.ru/article/anatomija-vebkomponenta-osnovy-ajbn4i84re/

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

#JavaScript #React

https://dev-gang.ru/article/kak-izbezhat-prop-drilling-v-react-f4phabg7g8/

В этом руководстве вы узнаете, как создать простое приложение для доски с использованием Python и Tkinter.

#Python

https://dev-gang.ru/article/kak-sozdat-prilozhenie-dlja-doski-s-pomosczu-python-i-tkinter-cnwcfj2mg0/

Если вы хотите добавить несколько отточенных анимаций в свои приложения React, Framer Motion - это инструмент для этой работы.

В этом руководстве я покажу вам, как создать полностью анимированное мобильное меню, используя движение кадров в Reaction.

#JavaScript #React

https://dev-gang.ru/article/kak-sozdat-animirovannoe-menu-dlja-gamburgerov-v-react-zmlwrvjxcg/

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

#JavaScript

https://dev-gang.ru/article/sozdanie-shahmatnoi-doski-v-formate-svg-png-i-gif-94i5lqozdu/

При написании статей о PostgreSQL мне иногда приходится генерировать большие объемы данных для тестирования и демонстрации темы. Вставлять данные вручную или создавать CSV-файл и импортировать его в PostgreSQL — для этого мне всегда приходится использовать StackOverflow — может быть затруднительно.

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

#PostgreSQL

https://dev-gang.ru/article/legko-sgeneriruite-mock-dannye-s-pomosczu-postgresql-gy714we9hp/

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

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

#Golang #Nginx

https://dev-gang.ru/article/perehvat-soobsczenija-ob-oshibke-ot-nginx-c236wrj6oi/

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

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

#JavaScript #CSS #React #HTML

https://dev-gang.ru/article/poraduite-svoih-polzovatelei-etim-polzovatelskim-hukom-dlja-mgnovennogo-vosstanovlenija-prokrutki-x1o68g61ld/

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

#React #Python #FastAPI

https://dev-gang.ru/article/sozdanie-potokovogo-iiassistenta-s-pomosczu-chatgpt-fastapi-websockets-i-react-xcpqmh7sgm/

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

#JavaScript #Svelte

https://dev-gang.ru/article/moi-pervyi-reaktivnyi-komponent-svelte-339z2k8boy/

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

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

#JavaScript #Security

https://dev-gang.ru/article/zasczitite-svoi-vebprilozhenija-s-pomosczu-autentifikacii-po-licu-8o7ez2asrg/

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

#SQL

https://dev-gang.ru/article/razbivka-rukovodstva-po-sintaksisu-sql-po-ispolzovaniu-kavyczek-s5d8wujghu/

Присоединяйтесь ко мне в этом проекте, где мы создаем онлайн-редактор Markdown, используя последнюю версию Nextjs.

#NextJS #TailwindCss

https://dev-gang.ru/article/sozdanie-redaktor-markdown-ispolzuja-nextjs-i-tailwindcss-wlbhzw2986/

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

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

#Python

https://dev-gang.ru/article/povyshenie-effektivnosti-koda-glubokoe-pogruzhenie-v-algoritm-populjarnosti-gvdmfrcgfj/

SQLite предоставляет множество способов просмотра и сравнения данных в нескольких таблицах.

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

#SQL

https://dev-gang.ru/article/ispolzovanie-sqlite-dlja-izuczenija-svjazei-mezhdu-dannymi-i-sravnenija-tablic-bfi44977kr/

Многие разработчики не знают, что MySQL теперь поддерживает невидимые столбцы.

Разъясним поподробнее, что такое невидимый столбец?

#PHP #MySQL

https://dev-gang.ru/article/nevidimye-stolbcy-mysql-i-kak-ih-opredelit-s-pomosczu-laravel-i-doctrine-mgt2a9z8pd/

TypeScript не улавливает это в строгом режиме

Ошибка «невозможно прочитать свойство неопределенного» — это реальная вещь, которую все время упускают. Проблема в том, что этот баг сложно обнаружить и даже тесты здесь не спасут.

И что вы можете сделать, чтобы сделать ваш код более надежным?

#TypeScript

https://dev-gang.ru/article/vy-navernoe-znaete-etu-oshibku-no-poczemu-ona-vsegda-proskalzyvaet-hf8q7n3lu9/

Для этого урока мы вдохновились красивой моделью ручки, созданной Джеем Томпкинсом, в которой при прокрутке из темноты появляется участок, состоящий из текста. Джей показал, как использовать свойство background-clip и анимацию, управляемую прокруткой, для создания эффекта градиентного раскрытия текста.

#JavaScript #CSS #HTML

https://dev-gang.ru/article/sozdanie-gradientnogo-otobrazhenija-teksta-pri-prokrutke-s-pomosczu-tailwind-css-i-js-p5bh09g528/