Программисты пишут код. Поэтому сходу кажется, что им для работы нужен только редактор кода. Пишешь, компилируешь, смотришь на результат. Если всё в порядке — отлично, не работает — надо исправить.

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

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

Редактор кода

Редактор кода — основной инструмент программиста и заодно машина по превращению знаний и опыта в продукт. Поэтому чем выше качество знаний, тем лучше получится продукт.

Старые программисты застали времена, когда целый сайт можно было сделать в блокноте, и вам даже ничего за это не было. Сейчас блокнотом не обойдёшься — потому что в редакторы кода встроено всё на свете. Подсветка кода, отладчики, автодополняторы, компиляторы и предпросмотрщики. Говорят, они даже варят кофе.

Из чего выбирать: Visual Studio Code, Atom, Sublime Text 3. Ну или в зависимости от языка и системы — кому-то нужны Visual Studio для C# или IntelliJ IDEA для Java.

Консоль

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

Из чего выбирать: Git Bash, PowerShell, Bash, iTerm.

Работа с Git через консоль

Браузер

В нём и сайты (если вы делаете сайты), и консоль разработчика (если вы делаете сайты), и GitHub, и Хабр, и блог HTML Academy.

Из чего выбирать: хороший веб-разработчик проверяет сайт во всех браузерах, которые нужны клиенту. А Хабр и Пикабу везде выглядят одинаково, поэтому для личных целей пойдёт любой.

Тест. Когда появились первые браузеры?

Система контроля версий

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

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

Из чего выбирать: Git, Subversion, Bazaar, тысячи их.

Таск-трекер

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

Из чего выбирать: Jira, Confluence, Trello, Asana, ClickUp.

Дебагер

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

Из чего выбирать: Chrome DevTools, Firebug


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

Figma Dev Mode становится платным. Всё пропало?

Figma Dev Mode становится платным. Всё пропало?

Если вы всё пропустили, то на днях в Фигме появилась такая плашка:

Коротко: Dev Mode, скоро выходит из бета-версии и станет платным. Dev Mode — это тот новый режим, который умеет удобно сразу показывать весь нужный CSS и свойства в одном месте. Мы уже рассказывали о нём в «Доктайпе».

Но прошло полгода и лавочка закрылась. Отвечаем на самые распространенные вопросы, которые могли у вас появиться (потому что они появились и у нас).

Читать дальше
Софт
  • 30 января 2024
Dev Mode в Figma. Быстрый обзор бета-версии

Dev Mode в Figma. Быстрый обзор бета-версии

Если вы читаете эту статью, Dev Mode в Figma наконец-то вышел в открытую бету. Быстренько рассказываем, что это такое, и как его включить и настроить.

Раньше верстальщикам была доступна только вкладка Inspect с базовой информацией о стилях конкретного элемента.

Некоторые разработчики не рекомендовали копировать стили оттуда, потому что всегда это работало с нюансами. Пока сложно сказать, насколько стили стали точнее, но работать стало определённо удобнее. Сами Adobe называют Figma новым пространством для разработчиков, с возможностями, которые помогают быстрее переводить дизайн в код. Давайте проверим.

Читать дальше
Софт
  • 10 августа 2023
Горячие клавиши Figma для быстрой работы

Горячие клавиши Figma для быстрой работы

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

Скрыть или показать интерфейс Фигмы (Ctrl + \ или ⌘ + \ для Mac)

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

Быстрый поиск по меню (Ctrl + / или ⌘ + / для Mac)

Эта комбинация клавиш открывает поиск по меню. Это очень удобно, когда вы знаете, что вам нужно, но не помните, где это находится. Просто начните вводить то, что вы ищете, и Figma покажет вам нужный пункт меню. Если пользуетесь Spotlight или PowerToys, вам будет очень удобно.

А если не пользуетесь — попробуйте.

Читать дальше
Софт
  • 7 августа 2023
Старт в Figma для верстальщика

Старт в Figma для верстальщика

Figma — это онлайн-редактор графики для дизайнеров интерфейсов и веб-разработчиков. Это удобная, бесплатная альтернатива Photoshop.

Большое преимущество платформы — возможность работать прямо в браузере. При этом есть и десктопная версия. Расскажем, что надо знать верстальщику при работе с макетом в Figma.

Читать дальше
Софт
  • 2 августа 2023
Инструменты для работы со шрифтами

Инструменты для работы со шрифтами

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

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

Читать дальше
Софт
  • 29 июня 2023
10 лучших тем для VS Code

10 лучших тем для VS Code

VS Code — популярный редактор кода со множеством полезных инструментов. Сегодня мы поделимся с вами 10 темами, чтобы работать стало ещё приятнее. Выбирайте на свой вкус и цвет.

Читать дальше
Софт
  • 11 июня 2023
10 полезных плагинов VS Code для вёрстки

10 полезных плагинов VS Code для вёрстки

Visual Studio Code — один из самых популярных редакторов кода. Его удобно использовать, и у него есть множество полезных расширений, с помощью которых легко оптимизировать работу. Такие плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы.

Чтобы установить расширения, перейдите во вкладку «Extensions» и в поиске найдите подходящие плагины.

Читать дальше
Софт
  • 9 июня 2023
17 полезных плагинов JavaScript в VS Code

17 полезных плагинов JavaScript в VS Code

Редактор кода Visual Studio Code помогает быстрее писать код, например, он подчёркивает ошибки красным цветом и показывает подсказки. Но работу можно сделать ещё приятнее, если установить нужное расширение.

Плагинов VS Code много. Здесь мы расскажем об одних из самых популярных — они пригодятся при работе с JavaScript.

Читать дальше
Софт
  • 6 июня 2023
Подборка микроанимаций для фронтенда с CodePen в 2023

Подборка микроанимаций для фронтенда с CodePen в 2023

⭐ Микроанимация — короткое взаимодействие, которое помогает пользователю лучше сориентироваться в интерфейсе и почувствовать совершенное действие.

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

Читать дальше
Софт
  • 12 апреля 2023