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

#JavaScript

https://dev-gang.ru/article/izbegaite-ispolzovanija-eksporta-po-umolczaniu-gcz2sdkvck/
Мы часто слышим термины: неизменяемый и неизменяемость. Но что они означают, и почему нас, разработчиков, это должно волновать?

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

#JavaScript

https://dev-gang.ru/article/neizmenjaemost-v-javascript--objasnenie-na-primerah-pryj921bt6/
Итак, в этом руководстве моя цель — упростить сложные операции поиска MongoDB для вас, как нового пользователя MongoDB.

Я надеюсь, что эта статья ответит на ваши животрепещущие вопросы и поможет вам разобраться в операциях запросов MongoDB.

#MongoDB

https://dev-gang.ru/article/kak-optimizirovat-poiskovye-zaprosy-v-mongodb-xo78yqzfvr/
В JavaScript вы можете манипулировать содержимым веб-страницы, используя объектную модель документа (DOM). Но как написать код, который будет читабельным, простым в обслуживании и не подверженным проблемам с производительностью?

Это то, что мы рассмотрим в этой статье. Я расскажу о некоторых важных передовых практиках, которые помогут вам уверенно манипулировать DOM.

#JavaScript #HTML

https://dev-gang.ru/article/luczshie-praktiki-js-dom-manipulirovanija--s-primerami-swbzd5fqzi/
Знали ли вы о циклах в связанном списке? Что происходит, когда цикл проникает в него?

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

#JavaScript #NodeJS

https://dev-gang.ru/article/obnaruzhenie-i-udalenie-cikla-v-svjazannom-spiske-e5jjdu4q55/
В API веб-хранилища представлены два типа хранилища: локальное хранилище (Local Storage) и хранилище сеансов (Session Storage).

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

#JavaScript

https://dev-gang.ru/article/api-vebhraniliscza--kak-hranit-dannye-v-brauzere-6ov0lw48oc/
Метод скользящего окна — это алгоритмический подход, используемый в информатике и обработке сигналов. Он включает в себя выбор подмножества фиксированного размера или «окна» из большего набора данных и поэтапное перемещение этого окна по набору данных.

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

https://dev-gang.ru/article/kak-ispolzovat-tehniku-skolzjasczego-okna--primer-algoritma-i-reshenie-f91tibnvix/
NodeList действительно надежный друг. Но подождите, они не такие гибкие, как ваши обычные массивы. Иногда при кодировании вы можете применить в своем проекте определенные методы и приемы. Однако NodeList не всегда позволяет легко выполнить эти задачи, тогда как ArrayList более удобен.

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

#JavaScript #NodeJS #HTML

https://dev-gang.ru/article/preobrazovanie-nodelist-javascript-v-massiv-prostoe-rukovodstvo-r6ipbp6yk8/
Добро пожаловать в быстро развивающуюся сферу разработки программного обеспечения, где освоение Test Doubles — ваш ключ к созданию надежных программ.

#Testing

https://dev-gang.ru/article/testovye-dvoiniki-kratkoe-rukovodstvo-po-povysheniu-navykov-testirovanija-iohoicbu7d/
Вы когда-нибудь задумывались, как превратить крутые SVG-изображения в обычные PNG с помощью Node.js? Что ж, пристегнитесь!

В этой статье мы узнаем о библиотеке Sharp и о том, как с ее помощью преобразовать SVG в PNG.

#JavaScript #NodeJS

https://dev-gang.ru/article/preobrazovanie-svg-v-png-s-pomosczu-nodejs-i-sharp-podrobnoe-rukovodstvo-bm1efof0pr/
Создавая программы на Golang, вы почти всегда найдете применение горутинам.

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

В этой статье мы рассмотрим, что такое мьютекс и как его использовать.

#Golang

https://dev-gang.ru/article/czto-takoe-mutex-v-golang-eouy2h1tj5/
Когда я писал тесты в предыдущих проектах React, я часто сталкивался с проблемой, когда "тестовые данные" дублировались и, в некоторых случаях, имели разные значения атрибутов, особенно при тестировании разных сценариев.

#JavaScript #React #Testing

https://dev-gang.ru/article/effektivnoe-ispolzovanie-testovyh-dannyh-v-react-7dyig1f3xa/
Недавно я сделал то, что давно хотел сделать, и, честно говоря, это застревало у меня в голове последние два с лишним года, но до недавнего времени мне так и не удалось это реализовать.

Публикация исходного содержимого DevCanvas (онлайн-редактор HTML/CSS/JS), над которым я сейчас работаю, дала мне мотивацию поэкспериментировать с созданием визуализатора алгоритмов.

#Svelte

https://dev-gang.ru/article/kak-ja-animiroval-svoi-vizualizator-algoritma-sortirovki-riwg8gm0un/
Адаптивный дизайн — это не просто выбор дизайна; это необходимость в сегодняшней цифровой среде, когда пользователи получают доступ к веб-сайтам с различных устройств.

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

#CSS #Design

https://dev-gang.ru/article/osvoenie-adaptivnogo-dizaina-sovety-i-rekomendacii-po-razrabotke-orientirovannoi-na-mobilnye-ustroistva-iy42wptvto/
Что такое Stepper компонент в React?
1. Компонент Stepper позволяет пользователю создавать последовательность логических шагов, визуализирующих прогресс.
2. Его также можно использовать в навигационных целях.

#React

https://dev-gang.ru/article/kak-sozdat-stepper-komponent-v-react--ajqlatwik6/
TypeScript — это своего рода помощник для JavaScript, известного языка программирования. JavaScript гибок, но иногда слишком свободен в своих правилах, что может привести к ошибкам. TypeScript добавляет более строгие правила, чтобы избежать этих ошибок, но он не идеален.

В этой статье я расскажу о том, почему может возникнуть проблема и о чем нам следует подумать, когда мы видим «as»‎ в TypeScript.

#TypeScript

https://dev-gang.ru/article/problema-s-as-v-typescript-poczemu-etot-shortkat-sleduet-izbegat-onjzgakr80/
В этом руководстве вы узнаете, как создать планировщик твитов. Введите свои учетные данные Twitter, выберите время и дату, и ваш твит будет опубликован в это время.

#JavaScript #React #Twitter

https://dev-gang.ru/article/sozdanie-planirovsczika-twitter-s-pomosczu-react-i-hasura-rfjsmzgnat/
Управление подписками - одна из самых сложных частей работы с RxJS и Observables в Angular. Даже с такими помощниками, как async pipe, takeUntilDestroyed и auto-unsubscribe, легко столкнуться с ошибками и утечками памяти.

Новая функция Signals в Angular призвана решить эту проблему, представив более простую модель реактивного программирования без подписки.

#Angular #TypeScript #RxJS

https://dev-gang.ru/article/kak-perepisat-prilozhenija-angular-cztoby-oni-stali-prakticzeski-nabludaemymi-i-ne-trebovali-podpiski-i8mf4yo6ib/
Недавно фреймворк Angular запустил интересные функции в версии V17. В этой статье мы узнаем, как начать использовать API View Transition. У этой функции нет хорошей документации, идея здесь — объяснить на практике.

#JavaScript #Angular

https://dev-gang.ru/article/ispolzovanie-view-transition-api-v-angular-framework-d7knehl5sp/
React-form-mozard помогает вам легко создавать многошаговые формы (также известные как мастера форм).

#JavaScript #React

https://dev-gang.ru/article/obedinenie-neskolkih-form-v-odin-master-form-ispolzuja-monadiczeskii-podhod-gwukonooro/
use-temporary-disclosure — это перехватчик React, который обеспечивает простой способ управления видимостью элементов пользовательского интерфейса в течение определенного периода времени. Он идеально подходит для временных уведомлений, всплывающих подсказок или любого компонента, который должен появляться в течение ограниченного времени.

#JavaScript #React

https://dev-gang.ru/article/upravljaite-vremennymi-elementami-polzovatelskogo-interfeisa-s-pomosczu-huka-reagirovanija-pozvoljausczego-otobrazhat-ili-skryvat-element-644w3454hr/