DevGang
122 subscribers
1.99K photos
1.6K links
Статьи по программированию и не только!
Публикуем горячие новости, статьи и переводы из мира IT.
Сайт проекта: https://dev-gang.ru
Download Telegram
Вы получите практический опыт, следуя пошаговому руководству, которое научит вас, как создать и настроить свой собственный HTML5-видеоплеер. Вы узнаете, как настроить пользовательский интерфейс, расширить функциональность и создать свои собственные фантастические элементы управления и функции.

#JavaScript #CSS #HTML

https://dev-gang.ru/article/kak-sozdat-polzovatelskii-htmlvideopleer-s-pomosczu-tailwindcss-i-javascript-m0calkymq2/
В JavaScript могут возникнуть ситуации, когда вам понадобится доступ к HTML-элементу. Метод querySelector представляет собой веб-API, который выбирает первый элемент, соответствующий указанному селектору CSS, переданному в него.

#JavaScript

https://dev-gang.ru/article/czto-takoe-metod-queryselector-i-kak-on-rabotaet-v-javascript-bueyudjbgx/
Если вы работали с React, держу пари, что у вас была возможность использовать хуки. Но пробовали ли вы когда-нибудь создать свой собственный хук?

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

#React

https://dev-gang.ru/article/kak-sozdat-sobstvennyi-react-hook--prakticzeskoe-rukovodstvo-zwf9eaoy9l/
Иногда нам нужно отреагировать на определенные события в браузере и написать против них код. Возможно, нам нужно услышать щелчок, изменение ввода, фокус или размытие. Возможно, нам нужно сделать что-то вроде прослушивания щелчка в любом месте документа.

Что ж, хорошие новости: в Angular есть много способов сделать это.

#Angular

https://dev-gang.ru/article/-sposoba-proslushivanija-sobytii-v-angular-rxtkbkalkj/
В динамичном мире веб-разработок обеспечение привлекательности вашего сайта для поисковых систем так же важно, как и сама разработка. Next.js, фреймворк React, предлагает мощные возможности для создания высокопроизводительных и SEO-дружественных веб-сайтов.

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

#NextJS #SEO

https://dev-gang.ru/article/seo-s-nextjs-sovety-i-strategii-dlja-luczshego-ranzhirovanija-in7v9shlvh/
В этой статье мы рассмотрим распространенную проблему, с которой сталкиваются многие разработчики, и найдем решение, которое не только устранит проблему, но и даст ценные знания о правильном управлении состоянием в React.

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

https://dev-gang.ru/article/upravlenie-sostojanijami-v-react-obhod-lovushek-s-pomosczu-polzovatelskih-hukov-f2fzz1dmjq/
Flutter, инструментарий пользовательского интерфейса от Google, предлагает мощный способ реализации адаптивных тем благодаря своей гибкой архитектуре.

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

#Flutter #Начинающим

https://dev-gang.ru/article/osvoenie-adaptivnyh-tem-flutter-sozdanie-otzyvczivoi-stranicy-selektora-tem-v9920jbfba/
Улучшите внешний вид вашего веб-сайта, используя динамический значок с помощью JavaScript.

#React #JavaScript

https://dev-gang.ru/article/uluczshite-vneshnii-vid-vashego-saita-dinamiczeskii-znaczok-s-react-s67hya1dov/
Функция JavaScript setInterval() может использоваться для непрерывного запуска функции или блока кода через заданные интервалы времени. Он незаменим для таких задач, как обновление компонентов пользовательского интерфейса, получение данных с серверов или создание анимации, требующей повторяющихся обновлений или операций.

#JavaScript

https://dev-gang.ru/article/metod-javascript-setinterval-primery-zhivogo-sczetczika-i-cifrovyh-czasov-ljbx89h3p9/
В Интернете много карточек, и многие из них переворачиваются, открывая двусторонний контент.

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

#JavaScript #CSS #HTML

https://dev-gang.ru/article/bolee-realisticznaja-animacija-perevoraczivanija-kart-z15935l91z/
Здравствуйте, проблема, которую я хочу обсудить, касается модуля подтверждения; у нас есть несколько таких модулей в самых сложных потоках.

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

#JavaScript #React

https://dev-gang.ru/article/a-vnmeqlk9ik/
Пользовательские курсоры и эффекты наведения курсора — отличный способ произвести впечатление на пользователей вашего веб-сайта, независимо от того, создаете ли вы веб-сайт электронной коммерции или портфолио.

#JavaScript #CSS #HTML

https://dev-gang.ru/article/kak-sozdat-effekt-navedenija-izobrazhenija-kursora-s-pomosczu-css-i-js-l1aqdafrd2/
В этом посте я расскажу о хуке AudioPlayer для управления упорядоченным воспроизведением аудиофрагментов во всем приложении.

#React

https://dev-gang.ru/article/audiopleer-huk-dlja-vashego-prilozhenija-react-uwbthe3orh/
В этом посте я расскажу о хуке AudioPlayer для управления упорядоченным воспроизведением аудиофрагментов во всем приложении.

#React

https://dev-gang.ru/article/parsing-html-v-nodejs-podrobnoe-rukovodstvo-ko7ypehmgu/
Создание файлов — это фундаментальная задача в разработке Node.js, позволяющая разработчикам динамически создавать новые файлы для различных целей, таких как хранение данных, регистрация информации или использование в качестве файлов конфигурации.

#NodeJS

https://dev-gang.ru/article/sozdanie-failov-v-nodejs--prostyh-metoda-ih1f1cdwjb/
Если вы хотите улучшить свои навыки разработки, вам просто не следует игнорировать этот список из семи библиотек React JS, которые мы собрали, включая инновационную библиотеку NLUX.

#React

https://dev-gang.ru/article/sekretnoe-oruzhie-luczshih-razrabotczikov--bibliotek-react-js-hqgx2gi6cf/
Цель этой статьи — дать полное представление о UUID, их важности в разработке Node.js, а также о нескольких методах и инструментах, доступных для безопасного и эффективного их создания.

#NodeJS

https://dev-gang.ru/article/generacija-uuid-v-nodejs--prostyh-metoda-pm0qdb1bs7/
Эта статья рассказывает о том, как я реализовать рандомное изменение заголовков (с примерами кода в NextJS) и как исправить своё SEO.

#NextJS

https://dev-gang.ru/article/proizvolnye-zagolovki-stranic-i-horoshee-seo-o9atyl0ygt/
Oшибка «The engine node is incompatible with this module» возникает, когда модуль или пакет несовместим с текущей версией Node.js. Это означает, что вы пытаетесь использовать модуль, предназначенный для другой версии Node.js.

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

#JavaScript #NodeJS

https://dev-gang.ru/article/ispravlenie-oshibki-uzel-dvigatelja-nesovmestim-s-etim-modulem-orz62alit2/
Готовы окунуться в мир программирования на Python? В этом уроке мы рассмотрим создание Keylogger— инструмента наблюдения, предназначенного для отслеживания и записи каждого нажатия клавиш на клавиатуре компьютера.

#Python

https://dev-gang.ru/article/sozdaite-keylogger-python-6iumf7gkgv/
В React вы можете установить и получить позицию прокрутки элемента, используя свойство scrollTop для вертикальной прокрутки и свойство scrollLeft для горизонтальной прокрутки.

#JavaScript #React

https://dev-gang.ru/article/poluczite-i-ustanovite-polozhenie-prokrutki-elementa-s-pomosczu-huka-react-6ntme0uh5a/