Инструменты программиста
14.2K subscribers
1.44K photos
107 videos
4 files
1.65K links
Полезные инструменты для программистов — бесплатные и платные

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Регистрация в перечне РКН: https://tprg.ru/mX0S
Download Telegram
Forwarded from Веб-страница
​​Репозиторий, в котором собраны лучшие практики по тестированию JavaScript и Node.js приложений

Подборка советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.

Сохраните, чтобы не потерять: https://github.com/goldbergyoni/javascript-testing-best-practices

#javascript #nodejs #тестирование #лучшиепрактики
Regulex — визуализатор JS регулярных выражений

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

Regulex поддерживает различные опции, такие как игнорирование регистра, многострочный режим и глобальный поиск

Стоимость: #бесплатно

#JavaScript #regex #web
Forwarded from Веб-страница
Состоялся релиз Puter — браузерной среды рабочего стола

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

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

Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».

Разработчики развернули демоверсию Puter: https://puter.com/

В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.

Код проекта есть на GitHub: https://github.com/HeyPuter/puter

@tproger_web #javascript #инструменты
Forwarded from Веб-страница
​​Полезная библиотека для понимания работы JS

js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

@tproger_web #javascript #инструменты
Forwarded from Веб-страница
​​10 лучших JavaScript-фреймворков в 2024 году — какой фреймворк учить?

Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.

А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit

#javascript #тренды
Forwarded from Веб-страница
Использование async и defer для управления скриптами

В мире веб-разработки оптимизация времени загрузки страниц имеет решающее значение. Два мощных атрибута тега <script>async и defer — могут существенно повлиять на производительность сайта. Давайте начнём с основ и узнаем, что делают эти атрибуты и когда их следует использовать.

Подробности.

#javascript #html
Forwarded from Веб-страница
Отладка JavaScript в Chrome DevTools для начинающих фронтендеров

Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.

Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.

#javascript #qa