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

Сегодня ночью и возможно утром у нас на сайте некоторые из вас могли заметить перебои в работе. Все нормально, мы смени адреса прописки (переехали на более мощный сервер) и под это дело обновили проект.
- На странице публикации статьи заменили редактор
- Поправили баг в авторизации
- добавили счётчик символов и прилепили к низу экрана панель с кнопками на странице редактирования/создания статьи
И ещё много мелких багов было исправлено. А также влили ещё один наш проект xTwig (русскоязычная документация по php шаблонизатору #twig) и 19 статей с того же ресурса!

Документация по новой прописке:
https://dev-gang.ru/doc/twig/
Как создавать документы Word с помощью #Node.js

В этой статье мы создадим приложение, которое позволит пользователям вводить свой данные в текстовом редакторе и генерировать из него документ Word. Мы будем использовать Express для внутреннего интерфейса и React для внешнего интерфейса.

https://dev-gang.ru/article/kak-sozdavat-dokumenty-word-s-pomosczu-nodejs-6nmkhbg0bo/
Я люблю каскад!

Многие разработчики, особенно те, кто изучал JavaScript в первую очередь, ненавидят каскад .

Каскадом , если вы с ним не знакомы, является C в #CSS (каскадные таблицы стилей). В CSS стили по умолчанию устанавливаются на window и каскадно переходят к дочерним элементам.

https://dev-gang.ru/article/ja-lublu-kaskad-4ujevbmcuv/
Как создать QR-код

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

#Node, #JavaScript

https://dev-gang.ru/article/kak-sozdat-qr-kod-wrprzj34xs/
Алгоритмы #JavaScript: преобразование времени

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

https://dev-gang.ru/article/algoritmy-javascript-preobrazovanie-vremeni-mv31f86w28/
Алгоритмы #JavaScript: Mini-Max Sum

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

https://dev-gang.ru/article/algoritmy-javascript-mini-max-sum-6fz7cg9kii/
Структурирование компонентов #React для простого импорта

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

https://dev-gang.ru/article/strukturirovanie-komponentov-react-dlja-prostogo-importa-slpfj6g0sa/
Создание микросервисов с #Node.js

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

https://dev-gang.ru/article/sozdanie-mikroservisov-s-nodejs-1btssd9nz5/
Как написать чистый и понятный код #React с использованием синтаксиса свойств класса

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

https://dev-gang.ru/article/kak-napisat-czistyi-i-ponjatnyi-kod-react-s-ispolzovaniem-sintaksisa-svoistv-klassa-tpgzh2lsdo/
Создание настраиваемых модулей #Angular с использованием шаблона стратегии.

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

https://dev-gang.ru/article/sozdanie-nastraivaemyh-modulei-angular-elementov-s-ispolzovaniem-shablona-strategii-q0oltq0bwt/
Merge Sort в #Python

Merge Sort - один из самых известных алгоритмов сортировки. Если вы изучаете информатику, Merge Sort вместе с Quick Sort, вероятно, является первым эффективным алгоритмом сортировки общего назначения, о котором вы слышали. Это также классический пример алгоритма «разделяй и властвуй».

https://dev-gang.ru/article/slijanie-sortirovki-v-python-tfbgkwagro/
Обработка аутентификации в #Express.js

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

https://dev-gang.ru/article/obrabotka-autentifikacii-v-expressjs-iktjq76e61/
Выполнение shell команд с #Python

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

https://dev-gang.ru/article/vypolnenie-shell-komand-s-python-cc1ctuviz8/
Как использовать метод fetch() для выполнения нескольких вызовов API с помощью vanilla #JavaScript

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

https://dev-gang.ru/article/kak-ispolzovat-metod-fetch-dlja-vypolnenija-neskolkih-vyzovov-api-s-pomosczu-vanilla-javascript-2mxkkl3lyl/
Создание диктофона с помощью Media Recorder и getUserMedia

MediaStream Recording API позволяет легко записывать аудио и / или видео потоки. При использовании MediaDevices.getUserMedia() обеспечивается простой способ записи мультимедиа с устройств ввода пользователя и мгновенного использования результата в веб-приложениях. В этой статье показано, как использовать эти технологии для создания забавного приложения для диктофона.
#JavaScript

https://dev-gang.ru/article/sozdanie-diktofona-s-pomosczu-media-recorder-i-getusermedia-tw8f8ersqt/
Mock Dependency: секретное оружие для Vue Unit Tests

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

https://dev-gang.ru/article/mock-dependency-sekretnoe-oruzhie-dlja-vue-unit-tests-5ym0tlrso8/
Deep Link в #ReactNative с React навигацией

В этой статье мы собираемся создать простой механизм Deep Link в React Native, который выводит пользователя на конкретный экран примера приложения после нажатия на Deep Link вне приложения (например, Safari).

https://dev-gang.ru/article/deep-link-v-react-native-s-react-navigaciei-8m6gg3klph/
#Python метод File.seek()

Метод seek() - это встроенный метод в Python, он используется для установки текущей позиции в файле (или указателя файла).

https://dev-gang.ru/article/python-metod-fileseek-9a60dxdxxl/
#Python: количество вхождений в списке

Метод python count() подсчитывает количество вхождений элемента в списке и возвращает найденое значение.

https://dev-gang.ru/article/python-koliczestvo-vhozhdenii-v-spiske-ae2u45ks4l/
Выполнение Shell команд с #Nodejs

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

https://dev-gang.ru/article/vypolnenie-shell-komand-s-nodejs-nl9nsyesrg/
Как использовать геолокацию и геокодирование в #ReactNative приложениях

В этом посте мы узнаем, как реализовать геолокацию в приложении React Native.

https://dev-gang.ru/article/kak-ispolzovat-geolokaciu-i-geokodirovanie-v-react-native-prilozhenijah-jym5jneqzd/