CODA - швейцарский нож для веб-разработчика

Автор: Андрей Мелихов
Опубликовано: 01.02.2010
Источник: SoftKey.info

Одно из самых приятных приложений для Mac OS, не имеющее аналогов в среде Windows и в полной мере раскрывающее идеологию "яблочных" приложений, - это CODA, удобная и функциональная среда веб-разработки (кстати, программа является победителем Apple Design Awards 2007). Компании Panic удалось в одном приложении совместить функционал всех необходимых веб-разработчику программ и при этом не превратить ее в тяжелый программный "комбайн", способный отпугнуть от себя не только новичка, но и достаточно продвинутого пользователя.

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

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

Главное окно CODA

Вне зависимости от выбранного режима работы левая панель всегда отображает список файлов в рабочей папке или на сервере. Встроенный FTP-клиент - первый большой плюс программы, тут сказался большой опыт разработчиков, ранее выпустивших Transmit, популярную программу для передачи файлов по протоколу FTP. Кстати, CODA умеет импортировать из Transmit настройки подключений. Файлы на сервере редактируются так же просто, как и локальная копия: очень полезная функция, когда нужно срочно внести небольшие правки. Достаточно щелкнуть мышкой по файлу, и он откроется в редакторе, а при сохранении будет автоматически обновлен на сервере. Прощайте, муторное ручное копирование, редактирование и обратная заливка с заменой.

Панель редактирования изменяется в зависимости от выбранного режима работы, которых всего шесть: Sites, Edit, Preview, CSS, Terminal и Book.

Sites

Sites

В этом режиме на панели редактирования выводится список добавленных в CODA сайтов. Для удобства поиска каждый сайт снабжен миниатюрой. При добавлении сайта в базу программы заносятся адрес сайта и пароли от ftp- и ssh-доступа, что позволяет при необходимости получить полный доступ к своему сайту буквально одним кликом. При завершении работы с сайтом CODA запоминает список открытых документов и открывает их автоматически при новом обращении. Возможна коллективная работа над сайтом с использованием Bonjour. Опытные разработчики, без сомнения, оценят встроенную поддержку Subversion.

Edit

Edit

Окно, за которым пользователь CODA проводит большую часть времени. Классический редактор кода с подсветкой открывающих и закрывающих скобок, подсказками имен функций, автозаполнением, нумерацией строк и встроенным валидатором. В программе присутствует очень удобная функция пользовательских триггеров, позволяющая автоматизировать вставку часто повторяющихся кусков кода. В редакторе поддерживаются синтаксисы HTML, CSS, Java, JavaScript, Perl, PHP-HTML, Python, Ruby, SQL, XML.

Навигацию по функциям и переменным можно осуществлять с помощью вспомогательного окна Code Navigator. Каждый новый документ открывается в отдельном табе, список которых традиционно представлен на верхней панели. Однако при наличии большого монитора можно дополнительно разделить редактор на вертикальные (либо горизонтальные, в зависимости от настроек программы) окна и наблюдать сразу несколько документов одновременно, например html-код и preview. Также возможно создание отдельных независимых окон приложения со своим набором документов.

Code Navigator

Preview

Preview

Окно, позволяющее оценить, как внесенные вами изменения повлияют на вид конечного документа, сгенерированного браузером. Отображается не только вид в Safari, на выбор доступны все установленные в системе браузеры. Поддерживается запуск в окне встроенного в webkit отладчика.

CSS

CSS

В этом режиме панель редактирования превращается в CSS-редактор с возможностью предпросмотра, что по достоинству оценят те, кто еще не выучил все многообразие атрибутов CSS и их влияние на конечный объект. Редактирование возможно как в текстовом, так и в визуальном режиме с использованием мастера-помощника.

Terminal

Terminal

Просто удобный способ вызова системного терминала для подключения по ssh без необходимости вспоминать пароли. Можно быстро подключиться к серверу и запустить на выполнение php-скрипты, MySQL-команды либо выполнить какие-то другие сложные операции.

Books

Book

Приятный сюрприз: в комплекте с CODA вы получает набор из электронных книг по HTML, CSS, JavaScript и PHP. Книги хранятся на сервере программы и подгружаются по мере необходимости. Эти книги интегрированы в справочную систему программы, так что на отсутствие документации жаловаться не приходится.

Заключение

CODA представляет собой законченный универсальный инструмент веб-разработчика. Все в ней есть, и все в ней на месте. Буквально говоря, все, что нужно веб-мастеру для полного контроля за своими проектами, - это ноутбук, выход в Интернет и CODA. Ну и, возможно, Adobe Photoshop, куда уж без него. CODA вполне достойна того, чтобы стать первым честно купленным продуктом у начинающего веб-разработчика, потому что за такую прекрасную работу стоит сказать спасибо.

Системные требования