10 инструментов, которые жизненно необходимы каждому веб-разработчику

1. UNIX‑подобная операционная система

Весь интернет работает на семействе UNIX‑подобных операционных систем, самая популярная из которых Linux. Под эту ОС написано множество программ, которые считаются стандартами для организации и поддержки работы всей Мировой паутины.

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

Один из самых популярных на сегодняшний день дистрибутивов — Ubuntu Linux. У него большое количество пользователей, которые активно помогают друг другу решать проблемы. Он чрезвычайно дружелюбен к новичкам. Именно его я использую в своей работе. Ещё хороший дистрибутив есть у Red Hat: в него входят программа для виртуализации, балансировщик нагрузки, утилита для взаимодействия с базами данных.

Создавать интернет‑проекты можно и на Windows, и на MacOS. У последней, кстати, с Linux общий предок, поэтому на ней прекрасно функционируют все те же программы. Плюс большинство популярного софта для Windows имеет совместимые с MacOS версии — многие веб‑разработчики используют именно эту ОС для своих задач.

2. VMware или другой софт для виртуализации

Программист может работать над несколькими проектами одновременно или над одним, состоящим из множества мелких сервисов. Со временем поддержка этого зоопарка технологий на своём компьютере превращается в пытку. Здесь на помощь приходят технологии виртуализации: они изолируют каждый проект в собственной среде, которую легко настраивать и которой просто управлять.

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

Я могу посоветовать четыре программы для виртуализации:

1. VMware. Создаёт виртуальные машины. Это очень дружелюбная для пользователей программа с удобным интерфейсом и эффективной защитой данных. Она также поддерживает DirectX 10 и OpenGL 3.3, поэтому обеспечивает хорошую 3D‑графику и высокое качество визуализации.
2. Virtualbox. Также ПО для виртуальных машин, но бесплатное. Качество визуализации у него похуже, но интерфейс такой же удобный.
3. Parallels. Создаёт виртуальные машины ПО для MacOS.
4. Docker. А вот это уже программа для создания контейнеров. Она работает шустрее, чем софт выше. И я пользуюсь именно ей.

3. Photoshop

Даже если не заниматься веб‑дизайном и не рисовать интерфейсы сайтов, без графического редактора в работе не обойтись. Часто нужно вырезать у картинки фон, изменить её размер или перекодировать из одного формата в другой. Photoshop позволяет выполнять все перечисленные выше задачи. Также в нём можно править трёхмерные изображения и смарт‑объекты, добавлять 3D‑эффекты, форматировать тексты.

Если же графический редактор не нужен вам часто, то вместо покупки лицензионного Photoshop можно пользоваться бесплатным альтернативным редактором — Gimp. Он справится и с конвертированием изображений, и с заменой фона, и с другими базовыми функциями.

4. Visual Studio Code или Sublime Text

Программисты пишут код, и главный помощник в этом деле — специализированный текстовый редактор. Если вы только начинаете свой путь в мире веб‑разработки — хорошим стартом будет Visual Studio Code. Этот популярный редактор разработан Microsoft, умеет делать всё, что требуется на начальном этапе, поддерживает подсветку синтаксиса C++, HTML, JavaScript и других популярных языков. Плюс под него создано море плагинов на все случаи жизни, которые позволяют написать и небольшую программу, и полноценную видеоигру. Единственный недостаток — размер: Visual Studio Code занимает много физической и оперативной памяти.

Ни в чём ему не уступает, а кое‑где и превосходит Sublime Text: весит он меньше, по функционалу очень близок, плагинов на него тоже достаточно. Поэтому сказать, что лучше, сложно: выбрать удобный лично вам инструмент можно, только попробовав оба варианта.

5. JetBrains PhpStorm или другие IDE

IDE (интегрированная среда разработки) — продвинутые текстовые редакторы с расширенной функциональностью. Они быстро найдут в проекте нужный файл, запустят автоматические тесты, предоставят интерфейс для работы с системой контроля версий. В полноценные IDE можно превратить VS Code и Sublime, но, чтобы этого добиться, придётся подключить к ним множество плагинов, поэтому проще завести самостоятельную программу.

IDE бывают платные и бесплатные. Я начинал с бесплатной Netbeans, но со временем перешёл на платную JetBrains PhpStorm, о чём совершенно не жалею. Обе IDE поддерживают много языков программирования и выполняют все необходимые функции, но только у PhpStorm есть подсветка кода: среда находит ошибки и неиспользуемые переменные и выделяет их цветом — не нужно тратить время и ломать голову. Плюс у этой IDE есть функция быстрого автоматического исправления ошибок, что тоже серьёзно упрощает работу.

6. Vim или nano

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

Поэтому необходимо уметь работать в системной консоли и знать как минимум один консольный текстовый редактор. Я пользуюсь vim. Он чрезвычайно мощный, для него есть множество плагинов, плюс он установлен по умолчанию практически на любом сервере. Но его нужно долго и упорно изучать, поэтому vim подойдёт только опытным разработчикам. А начинающим можно использовать nano: он немного уступает по функциональности, зато применять его значительно проще.

7. Интернет‑браузеры

Это окно в интернет для людей. Поэтому программист должен проверять правильность работы проекта в самых популярных браузерах: Chrome, Firefox, Safari, Internet Explorer. Иногда бывает, что написанный код ведёт себя в них по‑разному. Чтобы избежать неприятных неожиданностей, нужно иметь под рукой все браузеры.

8. Базы данных

Веб‑приложение невозможно представить в отрыве от базы данных: в ней хранятся информация о пользователях, контент сайта, ссылки на картинки, поисковые индексы и много чего ещё. Поэтому подключаться к БД нужно часто: посмотреть на данные, отследить изменения в структуре таблиц, выполнить поисковые запросы. Это можно делать и через консоль, но лучше через специальную программу. Так будет удобнее и быстрее. Вот мой выбор ПО для работы с базами данных для разных ОС:

• JetBrains DataGrip — для любой ОС. Удобная утилита для создания и редактирования баз данных с горой полезных функций: разрешает выбирать древовидный или графический вид запросов; позволяет переименовать псевдоним или переменную во всех местах скрипта; находит проблемы в проекте и предлагает исправления; понимает контекст и может предложить автодополнение кода.
• DBeaver — для Linux. Позволяет проводить поиск по таблицам, вносить изменения в содержание и структуру, создавать новые базы данных.
• Sequel Pro — для MacOS. Программа с очень простым интуитивным интерфейсом также позволяет создавать или редактировать БД. Есть полезная функция «Скопировать строку как SQL‑запрос».
• Heidisql — для Windows. Всё то же самое, плюс можно вставлять текстовые и бинарные файлы и таблицы ASCII, а также кастомизировать подсветку синтаксиса.

9. GitLab

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

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

10. Программа для коммуникаций с командой

Работа в команде предполагает и постоянное общение: онлайн‑собрания по видеосвязи, обсуждения в корпоративном чате. Для этого нужна какая‑нибудь удобная корпоративная платформа. Мы, например, пользуемся Microsoft Teams, она входит в пакет программ Microsoft 365 бизнес стандарт. В Teams есть мессенджер для личных и групповых переписок, видеоконференции, аудиозвонки и возможность общего доступа к другим приложениям Microsoft 365 — для одновременного просмотра и редактирования текстов, презентаций, таблиц.