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

#JavaScript #NodeJS

https://dev-gang.ru/article/generacija-miniatur-iz-videorolikov-s-pomosczu-api-apyhub-m7mlc4wd6a/

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

#Docker #YAML

https://dev-gang.ru/article/preobrazovanie-slozhnyh-tipov-yaml-v-net-s-pomosczu-polzovatelskih-preobrazovatelei-tipov-yamldotnet-0wb9vie8eh/

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

#CSS #React

https://dev-gang.ru/article/luczshie-cssutility-dlja-proektov-na-react-prakticzeskie-fragmenty-stilizacii-8nxol40zgu/

В этой статье мы рассмотрим новую структуру приложения в версии Next.js 13 и преобразуем существующий проект Hygraph в эту новую структуру. Мы сделаем это шаг за шагом и посмотрим, как на самом деле работает постепенное внедрение.

#JavaScript #Next.js #React

https://dev-gang.ru/article/preobrazovanie-proekta-hygraph-nextjs-v-katalog-prilozhenija-nextjs-rwkqju9jv1/

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

#ReactNative

https://dev-gang.ru/article/kak-animirovat-zastavki-fire-tv-s-pomosczu-react-native-i-lottie-n6ptjx0lbk/

Всем привет! Я решил поделиться этим кратким руководством о том, как я создал чат-бота, который позволяет пользователям общаться с помощью Reddit API. Как разработчик и фанат Reddit, я хотел попробовать создать новый способ взаимодействия с платформой. Вот как я это сделал, используя NextJS, Chatwith и OpenAPI!

#JavaScript

https://dev-gang.ru/article/kak-sdelat-czatbota-dlja-reddit-api-7buyeg7xi3/

Вы когда-нибудь мечтали о собственном расширении для браузера? Вы когда-нибудь хотели, чтобы существовало расширение, которое делает то и это? Ну, просто создайте его! Для начала вам понадобится только файл manifest.json.

#CSS #HTML

https://dev-gang.ru/article/sozdavaite-rasshirenija-v-kratczaishie-sroki-m982aqr549/

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

#ChakraUI #NestJS #TypeScript

https://dev-gang.ru/article/sozdanie-doski-objavlenii-s-pomosczu-nextjs-chakra-ui-i-directus-ibne1kws21/

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

#CSS

https://dev-gang.ru/article/ne-zvuczite-kak-robot-ispolzovanie-css-dlja-upravlenija-preobrazovaniem-teksta-v-recz-9vh72293q6/

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

#JavaScript #React #Начинающим

https://dev-gang.ru/article/detskie-shagi-k-mgnovennomu-uluczsheniu-proekta-react-n6gsisurcj/

Мы, разработчики, всегда стараемся что-то оптимизировать! Именно здесь эта комбинация (Vite + React + Tailwind) набирает популярность среди разработчиков из-за ее быстрого опыта разработки и производительности.
В этой статье мы узнаем, как настроить проект Vite+React с помощью Tailwind.

#CSS #React #JavaScript

https://dev-gang.ru/article/prrp-xmzp3nbgvz/

В этом руководстве мы рассмотрим пример модульного тестирования в Node.js используя фреймворк NestJS. Мы сосредоточимся на тестировании класса BookService, рассмотрим его методы создания и извлечения книг, а также продемонстрируем лучшие практики тестирования.

#NestJS #JavaScript #Testing

https://dev-gang.ru/article/osvoenie-modulnogo-testirovanija-s-pomosczu-nestjs-ya1am64esi/

Привет, читатели блога dev-gang! В этой статье мы рассмотрим процесс создания стильного слайдера популярных продуктов с использованием React, Next.js и CSS. Слайдер позволит пользователям прокручивать коллекцию популярных продуктов с помощью левой и правой кнопок навигации.

#CSS #React #NestJS

https://dev-gang.ru/article/sozdanie-slaidera-s-ispolzovaniem-nextjs-i-css-77x7z6pwij/

Привет, читатели блога dev-gang!

В этом руководстве вы узнаете, как создать приложение Todo с помощью популярной структуры «App Router» Next.js 13, а также поймете некоторые из наиболее важных изменений, которые с ней связаны.

#NestJS

https://dev-gang.ru/article/-sozdanie-prilozhenija-todo-nextjs--s-ispolzovaniem-prisma-i-autentifikacii-po-parolu-ot-hanko--8ua1cxjk8y/

В этой статье мы узнаем об Options API и Сomposition API, их различиях и о том, почему composition API был представлен вместе с примером.

#API #JavaScript #Vue.js

https://dev-gang.ru/article/vue--api-parametrov-i-api-kompozicii-k4nbk1nizd/

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

#DataScience

https://dev-gang.ru/article/raznica-mezhdu-n-i-n-77lnyjv1qr/

Если у вас есть большое устаревшее веб-приложение, реализация темы темного режима — довольно сложная идея. Особенно, когда ваш CSS разбросан повсюду и вам нужно беспокоиться о ряде сторонних компонентов.

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

#CSS

https://dev-gang.ru/article/primenenie-vizualnyh-tem-s-pomosczu-scss-rorahmma6v/

«Взлом CPU» подразумевает разблокирование возможности непрерывной обработки данных и переоценки состояния.
Вы действительно можете сделать это с помощью CSS, даже не прикасаясь к JS, я покажу вам, как!

#CSS

https://dev-gang.ru/article/ekspert-css-hak-processora-ye8j554o7y/

Привет, технолюбопытные реалмеры! Вы когда-нибудь переставали работать хотя бы на секунду, смотрели на свой терминал MacBook и думали: «Я крутой программист/хакер; почему мой терминал такой мужицкий?» Если да, то вы попали на пост в блоге, посвященный повышению крутизны вашего MacBook как минимум на +10

#MacOS

https://dev-gang.ru/article/iterm-obnovlennyi-terminal-vashego-mac-xcf0r32hdc/

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

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

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

#DataScience #TypeScript

https://dev-gang.ru/article/kak-sproektirovat-shemu-surrealdb-i-sozdat-bazovyi-klient-dlja-typescript-lgkcc3k0jr/

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

#CSS #HTML

https://dev-gang.ru/article/-sposoba-perekluczenija-vidimosti-mobilnoi-navigacii-v-css-c3a1trfo5j/