Git History для трекинга репозитория прямо в IDE

10 млн. скачиваний — это мощно! Расширение отчасти имитирует GUI GitHub, и с его помощью вы можете:

— отсматривать историю автора / по веткам;
— сравнивать ветки / коммиты / файлы;
— cherry-pick (выборочно применить коммиты);
— создавать ветки / теги и многое другое.

Расширение на Visual Studio Marketplace

Цена: бесплатно

🍌 — зачем? Лень на GH зайти?
✍️ — круто, поставлю
🗿 — не пользуюсь Git

@prog_tools

Indent Rainbow: наконец уровень отступа читается

Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).

Расширение на Visual Studio Marketplace

@prog_tools

​​Live Share: парное программирование в одной IDE

Совместная вёрстка / отладка кода с сохранением ваших предпочтений в оформлении. Помимо совместного редактирования файлов с кодом расшарит ещё:

— сессии во вкладке «Консоль отладки»;
— данные командной строки / терминала;
— локально развёрнутые веб-приложения.

Расширение на Visual Studio Marketplace

@prog_tools

​​Вопрос от подписчика

Задаёт Василий Трунов:

«Можете посоветовать сервис для хостинга сайта, чтобы было легко разобраться новичку. Ну или какую-нибудь статью по этой теме».

! Пожалуйста, будьте взаимовежливы. Всем нам нужно место, где можно попросить помощи.

#обсуждение

@prog_tools

Как одним словом сказать «использовать bash»?

🏆 — башить
🌚 — башлять
⚡ — башнючить
🐳 — своё (поделитесь в комментариях)

@prog_tools

​​Мегагайд: культура работы с Git

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

В статье — как раз об этом. В ней раскрыли, что формирует культуру работы с Git: от конвенций именования коммитов и до практик работы в пуллреквесте. В конце статьи — полезные ссылки на интерактивные обучалки, шпаргалки и гайды: https://habr.com/ru/companies/yandex_praktikum/articles/812139/

#git #шпаргалки

​​glance | Сборный дашборд о чем угодно

Интересное решение из топовых репозиториев GitHub. С помощью glance можно скомбинировать:

— RSS-фид;
— статус репозитория;
— последние видео YouTube-канала;
— календарь;
— погоду и многое другое.

Как раз, чтобы удивить мамину подругу своим прогерским рабочим столом и стать тем самым «сыном маминой подруги».

Цена: бесплатно

Проект на GitHub

@prog_tools

​​vulture | Поиск «мёртвого» кода для больших проектов

Ищет неиспользуемые функции, методы, «недостижимый» код, ненужные импорты, атрибуты, классы и прочее с описанной на картинке степенью уверенности. Позволяет обрабатывать находки в CLI. Даёт конфигурировать себя в toml-файле в рубрике [tool.vulture].

От встроенного функционала VSCode и прочих IDE отличается способностью производить поиск «мертвячины» по множеству файлов разом.

Цена: бесплатно

Проект на GitHub

@prog_tools

WireViz | кабеля и порты наглядно

Эта библиотека на Python принимает YAML-файлы и возвращает шикарные диаграммы на базе GraphViz. Наконец-то и здесь можно прибраться.

На входе:

connectors:
 X1:
  type: D-Sub
  subtype: female
  pinlabels: [DCD, RX, TX, DTR, GND, DSR, RTS, CTS, RI]
 ...
cables:
 W1:
  gauge: 0.25 mm2
  length: 0.2
  color_code: DIN
  wirecount: 3
  shield: true

connections:
-
  - X1: [5,2,3]
  ...  

На выходе диаграмма на картинке.

Сисадмины, как вы ведёте записи об архитектуре железа?
🌚 — отрисовываю вручную
🏆 — своё (напишите в комментариях)
🌭 — никак

Цена: бесплатно
Проект на GitHub

@prog_tools

Multiple Cursor Case Preserve | Сохраняем регистр при одновременном переименовании объекта в нескольких местах

Наконец эта микрофрустрация — необходимость восстанавливать регистр при одновременном переименовании, уходит в прошлое. Самое время VSCode «зашерлочить» эту замечательную фичу, а пока её можно получить с помощью бесплатного расширения.

p.s. Для тех, кто ещё только осваивается: одновременное редактирование в VSCode начнётся, если удерживать Alt на при выборе всех одновременно меняемых объектов.

Цена: бесплатно

Расширение на Visual Studio Code

@prog_tools

Path Intellisense | Умное дописывание путей

Ещё одно топовое расширение для популярной IDE, которое стоит «сшерлочить». Если автодополнением основных объектов кода могут похвастаться уже почти все, то с path почему-то лишь это расширение.

Цена: бесплатно
Расширение на Visual Studio Marketplace

@prog_tools

​​Поздравляем!

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

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

#подборка #книга

​​TODO Highlight | Подсветка тудушек

Название говорит само за себя: «маркерная» подсветка задач прямо в IDE. В дополнение, ещё и представление со всеми такими тасками в проекте.

Цена: бесплатно

Расширение на Visual Studio Marketplace

Ещё используете TODO в 2024?

⚡— да, это вечная тема
🌭 — нет, все в таскере
🌚 — могу позволить себе забить на «тудушку» вообще
🐳 — своё (напишите в комментариях, что именно)

@prog_tools

​​Я: Сервер упал

Босс: Просто перезагрузи его

Я: Боюсь, всё не так просто...

​​Вопросы от новичков

«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:

— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;

#вопросыновичков

@prog_tools

​​annyang! | Голосовое управление на вашем сайте

Крошечная text-to-speech утилита на JavaScript, позволяющая управлять веб-страницей голосом. Поиграться с демо можно здесь (разрешите на сайте JS и микрофон).

Цена: бесплатно
Репозиторий проекта

@prog_tools

​​apexcharts.js | dataviz HQ

Инструмент позволяет рендерить графики в React / Vue и других фреймворках. По заверениям авторов, в библиотеке 100 видов визуализации, причем интерактивных.

Цена: бесплатно
Репозиторий проекта

@prog_tools

​​Игра «Охота на утку» на CSS

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

Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами: https://tprg.ru/eVuM

#codepen

Шпаргалка по всем шпаргалкам

Это настоящая находка для любого разработчика. Сервис насчитывает около 6000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту. Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и французской грамматике.

Сайт, который достоин быть в закладках

#шпаргалка #general #ru

​​margin и padding в CSS: как сразу сделать грамотно

Разбираемся в ключевых отличиях между этими важнейшими свойствами, а также знакомимся с трюками, чтобы UI / UX вашего сайта стал еще круче и грамотнее.

@prog_tools