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

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

#Nginx #Docker

https://dev-gang.ru/article/put-noviczka-obsluzhivanie-prostoi-staticzeskoi-vebstranicy-s-pomosczu-docker-i-nginx-rmj02609o0/

В нашем проекте я использовал Docker и Nginx для развертывания приложения React на интерфейсном сервере. Давайте посмотрим, как я это сделал.

#React #Nginx #Docker

https://dev-gang.ru/article/razvernite-svoe-prilozhenie-react-s-pomosczu-docker-i-nginx-5tkhs6g4de/

В этом руководстве показано, как создать, развернуть и перейти на серверную часть для средства сокращения URL. Оно состоит из одной службы, REST API и базы данных PostgreSQL.

#Golang

https://dev-gang.ru/article/sozdanie-oblacznogo-bekenda-v-go-s-ispolzovaniem-rest-i-postgresql-oz7dmp398n/

Сделать React-приложение SEO-дружелюбным очень сложно. Тем не менее, есть несколько способов сделать это. И сегодня я расскажу вам о них.

#JavaScript #React #SEO

https://dev-gang.ru/article/uluczshenie-seo-v-nextjs-jf8zceibnk/

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

#Python #Pandas

https://dev-gang.ru/article/rukovodstvo-dlja-naczinausczih-po-stilizacii-dataframe-pandas-dvmwxxz694/

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

#Python

https://dev-gang.ru/article/odnostroczniki-python-kotorye-pomogut-vam-napisat-prostoi-czitaemyi-kod-y55jx2r6sz/

Давайте поговорим об одном интересном шаблоне в Typescript, этот шаблон называется Discriminated Type Union или Discriminated Union Type

#JavaScript #TypeScript

https://dev-gang.ru/article/typescript-shablon-obedinenija-diskriminiruemyh-tipov-q7wwk5owmm/

В наше время многочисленные сайты создают страницы, которыми пользователи делятся в разных социальных сетях или мессенджерах. Благодаря тегам Open Graph ссылки могут иметь изображение предварительного просмотра, которое привлекает еще больше внимания, например с помощью тега og:image. Но обычно многие веб-сайты не прикладывают особых усилий к предварительному просмотру изображений и просто добавляют одно изображение на большинство страниц. Если изображения нет, парсеры пытаются автоматически найти первое доступное подходящее изображение и использовать его.

#JavaScript #NodeJS

https://dev-gang.ru/article/kak-bystro-sozdavat-dinamiczeskie-izobrazhenija-s-pomosczu-nodejs-i-puppeteer-4zi0l58805/

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

В этой статье мы рассмотрим одну из таких функций, которая поможет пользователю найти, попадает ли набор заданных значений между двумя заданными входными данными. Интересующей нас функцией является функция between() из библиотеки pandas в Python, и мы подробно рассмотрим ее.

#Python #Pandas

https://dev-gang.ru/article/funkcija-python-pandas-seriesbetween-podrobnoe-rukovodstvo-icym3s31dj/

Функция numpy.reciprocal() в Python используется для вычисления взаимно обратного значения каждого элемента массива.

В этой статье мы разберем функцию Python numpy.reciprocal(), ее синтаксис и продемонстрируем ее на различных примерах.

#Python #Numpy

https://dev-gang.ru/article/numpyreciprocal-v-python-poluczenie-vzaimno-obratnyh-elementov-massiva-dgatf1x6vi/

В этом руководстве мы будем использовать Docker для настройки локальной среды разработки. К тому времени, как вы закончите читать этот пост, вы будете знать, как создать и настроить локальную среду разработки для Node.js и Python.

#JavaScript #Python #Docker

https://dev-gang.ru/article/docker--nastroika-lokalnoi-sredy-razrabotki-js-i-python-saeqgonyqg/

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

#JavaScript

https://dev-gang.ru/article/javascript-coercion-za-predelami-osnov-osmyslenie-nejavnogo-preobrazovanija-tipov-t4dfcru7d9/

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

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

#JavaScript #HTML

https://dev-gang.ru/article/kak-sozdavat-elementy-htmlakkordeona-s-ispolzovaniem-javascript-i-bez-nego-d0obri8lya/

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

#Golang

https://dev-gang.ru/article/samyi-prostoi-sposob-sozdat-rest-api-s-pomosczu-go-mmibi6dgfo/

В нашей сатье вы найдете информацию как развернуть React Vite PWA на GitHub Pages.

#TypeScript #GitHub

https://dev-gang.ru/article/razvertyvanie-react-vite-pwa-na-github-pages-xgs65ljeim/

На этой неделе я очень обрадовался, когда наконец-то использовал :has. Проблема с ним заключалась в поддержке браузерами, которая пока недостаточно высока, чтобы использовать его в производственном коде. В частности, в Firefox его не будет до 121 версии (наконец-то!), а это мой любимый браузер...

#CSS #HTML

https://dev-gang.ru/article/ispolzovanie-has-v-kaczestve-selektora-predydusczih-rodstvennyh-elementov-7q9qudjwe2/

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

#JavaScript #React

https://dev-gang.ru/article/prostoi-sposob-sozdanija-formy-registracii-s-validaciei-s-pomosczu-react-uenbkrtv5g/

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

#JavaScript #NodeJS

https://dev-gang.ru/article/uprosczenie-dostupa-k-dynamodb-v-nodejs-s-pomosczu-orm-7znoxq1e6k/

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

В этой статье мы расскажем, как сгенерировать простой PDF-файл в приложении React с помощью пакета jsPDF.

#JavaScript #React

https://dev-gang.ru/article/kak-sgenerirovat-pdf-v-prilozhenii-reactjs-3pek9kizvz/

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

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

#JavaScript #React

https://dev-gang.ru/article/realizacija-effekta-plavnoi-prokrutki-i-parallaksa-v-nextjs-s-pomosczu-lenis-i-gsap-hwo5sbuqhr/

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

#HTML

https://dev-gang.ru/article/kak-sozdat-dostupnoe-navigacionnoe-menu-tmbfe2voq2/