Инструментарий ADN, volume 3

Ждали? Третья часть нашего инструментария, рассказываем про инструменты веб-разработки.

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

Бэкенд

Что: командная оболочка UNIX.

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

Почему: Раньше пользовались bash, теперь про него и не вспоминаем.

Что: виртуальная машина.

Работает на технологии контейнеров. Распространяется как опенсорс под лицензией Apache 2.0.

Почему: Минимальная нагрузка на хост.

Что: менеджер версий для php.

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

Почему: Избавляет от печалей с поддержкой нескольких версий, как ни странно.

Что: инструмент для отладки сайта.

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

Почему: Не нагружает систему, поддерживается большинством IDE для web-разработки.

Что: среда для создания виртуальных машин.

Софт виртуализации для различных операционных систем: Windows, Linux, Mac OS X и других.

Почему: позволяет создать и настроить сервер для разработки, исходя из требований проекта и личных предпочтений. О большем мы и не просили.

Что: программа для создания и конфигурирования виртуальной среды разработки.

Быстрый способ развернуть окружение для разработки на основе систем виртуализации. Представляет из себя обёртку для программ виртуализации (вроде того же VirtualBox).

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

Что: программное обеспечение для автоматизации развёртывания приложений.

Утилита помогает разместить приложение на удалённом хостинге и периодически обновлять его без участия разработчика.

Почему: Разработанный специально для Ruby инструмент можно использовать и для других языков (в том числе и для того же PHP). Процесс развёртываний приложений происходит быстрее.

Vim

Что: бесплатный консольный текстовый редактор.

Базовое ПО для правки конфигов, написания и редактирования кода, использования в качестве внешнего редактора в браузере и т.д.

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

Git

Что: система контроля версий.

Одна из самых популярных в своём роде систем, принципиально отличающаяся от других за счёт ее метода работы с данными.

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

Что: IDE.

Интеллектуальный редактор для PHP, HTML и JavaScript, который предотвращает появление ошибок в коде, обладает функцией автодополнения. Кроме того, PHPStorm избавляет от нужды использовать дополнительное ПО по обмену файлами между локальной машиной и сервером.

Почему: Есть встроенный терминал — пропадает необходимость переключаться между окнами, сразу видно текущее состояние сборки. Поддержка Git, Grunt, Gulp. Есть проверка кода на возможные ошибки в реальном времени.

Фронтенд

Что: текстовый редактор от Microsoft.

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

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

Отладчик Chromе

Что: встроенный в браузер инструмент разработчика.

Для тестирования и отладки верстки. С надстройками для React.

Почему: Быстрая отладка скриптов и исправление ошибок «на месте». Очевидно? Так и есть. Но эффективно.

Что: IDE на JavaScript, CSS & HTML.

Легкий, но мощный IDE, отлично приспособленный для комплексной разработки на стороне клиента и разработки на стороне сервера с помощью Node.js

Почему: «правильное» структурирование данных в отличие от других IDE, информативный поиск и гибкая настройка под нужды разработчика. Утилита постоянно обновляется, что тоже даёт весомое преимущество в пользу выбора Webstorm.

В заключение

Пользуйтесь, передавайте коллегам и всё такое. Если пропустили предыдущие два выпуска наших инструментов, то вот они: инструменты дизайнеров и проектировщиков и инструменты проект-менеджеров и маркетологов. Инджой, так сказать.