Анализ сред разработки веб-проектов

Начнем анализ с неспециализированных программ и сред разработки. Нужно понимать, что сайт — это, прежде всего, код, который генерирует то, что отображается в браузере. Для редактирования этого кода html, php, java и другого кода существуют текстовые редакторы. Преимущества таких редакторов, в том, что они не «ломают» код, как это делает, например, стандартный блокнот, то есть не форматируют написанный код. Также такие редакторы не имеют никаких лишних функций, которые будут мешать при работе. Примерами таких редакторов являются программы, которые в народе называют просто блокнотами: AkelPadсвободный текстовый редактор с открытым исходным кодом для операционных систем MicrosoftWindows, но может свободно быть запущен под Wine и работать под управлением Unix-подобных операционных систем, таких как Linux; PSPadбесплатный текстовый редактор и редактор исходных текстов программ для операционной системы Windows; Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки.

Создать сайт без дизайна и оформления, разумеется, неприемлемо. Поэтому рассмотрим инструменты для графического оформления веб-сайтов. Для того, чтобы нарисовать/создать дизайн сайта, вам потребуется какой-то графический редактор. И тут, неоспоримым лидером является, конечно же, линейка редакторов AdobePhotoshop от фирмы Adobe. Скачать любую версию данного редактора можно на официальном сайте, где возможно вам потребуется купить лицензию на использование продукта. Можете так же скачать взломанную версию из Интернета. При создании веб-сайта без графического редактора точно не обойтись. Для редактирования изображений сайта вполне подойдет любой другой растровый графический редактор, но не векторный редактор, допустим CorelDraw, так как работа происходит с изображением, состоящим из растров (точек), а не прямых линий (векторов).

Когда создан сайт, его нужно перенести на веб-сервер, предоставляемый хостингом. И тут очень важным инструментом является ftp-клиент, с помощью которого закачиваются файлы на сервер. После испытаний нескольких ftp-клиентов, выбор остановился на программе TotalCommander 7. По сути это многофункциональный файловый менеджер для Windows, однако он содержит также функцию подключения по протоколу ftp к серверу. Все очень просто и интуитивно понятно. Подключаемся к выбранному серверу, перетягиваем файлы с компьютера в директиву сервера и все готово.

Для просмотра созданного сайта, вам, конечно же, нужен браузер, и желательно не один. Когда будут анализироваться специализированные среды разработки, то там уже инструменты просмотра веб-сайтов имеются встроенные, но текстовые редакторы не обладают такой возможность. При разработке, просмотре и для проверки сайта на кроссбраузерность используются такие браузеры как: MozillaFirefox, Opera, InternetExplorer, GoogleChrome и другие менее популярные браузеры. Данные браузеры очень удобные, поддерживают подключение различных плагинов. Примером такого является браузер Firefox, которые поддерживает плагин Firebug. Это расширение являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest. Firebug показывает в консоли вызвавшую ошибку функцию, стек вызовов функций, вызвавших эту ошибку. Он предупреждает, что CSS-правило или JavaScript-метод/свойство, которое используется, не существует. Firebug просто незаменим при разработке сайтов. Для браузеров InternetExplorer, Opera, Safari и GoogleChrome существует упрощённый вариант — FirebugLite. Он представляет собой JavaScript-файл, который необходимо включить в отлаживаемую HTML-страницу. Отдельно для браузера Opera существует инструмент OperaDragonfly. Работает на технологии JavaScript. Код OperaDragonfly выпущен под свободной лицензией BSD. Возможности OperaDragonfly:

• 1. Просмотр DOM;
• 2. Просмотр и редактирование CSS;
• 3. Отладчик JavaScript;
• 4. Просмотр HTTP запросов;
• 5. Отладка страниц для мобильных устройств;
• 6. Удалённое подключение к любым компьютерам и устройствам с установленным браузером Opera, поддерживающим данный инструмент, и осуществление отладки веб-страниц;
• 7. Локализация на 37 языках.

Также в данный инструмент входят:

• 1. Консоль ошибок;
• 2. Командная строка.

Не всегда удобно переносить на удаленный сервер и просматривать сайт в процессе его создания, так как это занимает достаточно времени. Поэтому существует набор дистрибутивов и программная оболочка, которая позволяет тестировать сайт, не перенося его каждый раз на сервер, когда требуется. Такой программный комплекс называется Denwer (Денвер). Денвер — набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов, веб-приложений, прочего динамического содержимого интернет-страниц на локальном ПК без необходимости подключения к сети Интернет под управлением ОС Windows. Сразу после установки доступен полностью работающий веб-сервер Apache, работающий на локальном компьютере, на котором может работать неограниченное количество сайтов, что очень эффективно для разработки и отладки сценариев PHP без загрузки его файлов на удаленный сервер. Для запуска практически всех утилит «Денвера» используется приложение Run в подкаталоге /denwer (или /etc) корневого каталога установки «Денвера». При запуске создается виртуальный диск (по умолчанию Z:), где хранятся все файлы проектов. Третья версия Денвера поддерживает работу со съемного флеш-накопителя.

Особенностью, отличающей Denwer от других WAMP-дистрибутивов, является автоматическая правка системного файла hosts, являющегося локальным аналогом DNS-cервера, что позволяет обращаться к локальным сайтам, работающим под управлением Денвера, по именам, совпадающим с именем папки, расположенной в каталоге home Денвера. Базовый пакет содержит в себе следующие компоненты:

• 1. Веб-сервер Apache споддержкой SSI, SSL, mod_rewrite, mod_php.
• 2. Интерпретатор PHP с поддержкой GD, MySQL, SQLite.
• 3. СУБД MySQL с поддержкой транзакций (mysqld-max).
• 4. Система управления виртуальными хостами, основанная на шаблонах.
• 5. Система управления запуском и завершением.
• 6. Панель phpMyAdmin для администрирования СУБД.
• 7. Ядро интерпретатора Perl без стандартных библиотек (поставляются отдельно).
• 8. Эмулятор sendmail и сервера SMTP с поддержкой работы совместно с PHP, Perl, Parser и др.

Если анализировать существующий инструментарий сторонних разработчиков, то его достаточно большое количество. В основном это бесплатные (freeware) программы. Остановимся на такой бесплатной среде разработки как Codelobster PHP Edition, так как именно в ней будет производится разработка веб-сервиса.

Codelobster PHP Edition — бесплатная интегрированная среда разработки приложений (IDE) для создания веб-приложений на языке PHP, также поддерживаются: JavaScript, HTML, XML и CSS. Также поддерживает такие форматы файлов как TXT, CPP, JAVA, JSP, PHP, PL, ASP, XSL, JS, VBS, SQL. Редактор также позволяет конвертировать HTML файлы в JSP, PHP, PL, ASP и наоборот, файлы формата JSP, PHP, PL, ASP в HTML формат. В программе реализована опция, которая позволяет просмотреть результат выполнения кода файлов с расширением: *.html, *.java,*.php, *.pl, *.asp,*.xml, *.xsl.

Основные возможности данной среды:

• 1. Подсветка синтаксиса для SQL, PHP, HTML, CSS, JavaScript и XML
• 2. Автодополнение команд, тегов, переменных для SQL, PHP, HTML, CSS, JavaScript и XML
• 3. Контекстная и динамическая помощь по SQL, PHP, HTML, CSS, JavaScript и XML
• 4. Встроенный собственный PHP debuger
• 5. Автоматическая проверка синтаксиса
• 6. Сворачивание кода
• 7. HTML/CSS инспектор по типу Firebug

Среда поддерживается подключение внешних плагинов для таких фреймворков как:

• 1. CakePHP
• 2. CodeIgniter
• 3. Drupal
• 4. Facebook
• 5. JQuery
• 6. Joomla
• 7. Smarty
• 8. Symfony
• 9. WordPress
• 10. Yii

Перечислив все возможности среды Codelobster PHP Edition, следует кратко рассмотреть одну из лидирующей среды разработки на языке PHP — JetBrainsPhpStorm. Данная среда является уже платной.

PhpStorm представляет собой интеллектуальный редактор для PHP, HTML и JavaScript с возможностями анализа кода на лету, предотвращения ошибок в коде и автоматизированными средствами рефакторинга для PHP и JavaScript. Автодополнение кода в PhpStorm поддерживает спецификацию PHP 5.3 и 5.4, включая пространства имен, замыкания, типажи и синтаксис коротких массивов. Имеется полноценный SQL-редактор с возможностью редактирования полученных результатов запросов.

PhpStormразработан на основе платформы IntelliJ IDEA, написанной на Java. Пользователи могут расширить функционал среды разработки за счет установки плагинов, разработанных для платформы IntelliJ, или написав собственные плагины.

PhpStorm предоставляет богатый и интеллектуальный редактор кода для PHP с подсветкой кода, расширенной конфигурацией форматирования кода, проверкой на наличие ошибок на лету и умным автодополнением:

• 1. Поддержка PHP 5.3 и 5.4, включая пространства имен, замыкания, типажи, синтаксис коротких массивов, доступ к члену класса при инстанциировании, разыменование массива при вызове функции, бинарные литералы, выражения в статичных вызовах и т. д. PhpStorm может использоваться как для современных, так и для традиционных проектов на PHP;
• 2. Автодополнение кода финализирует классы, методы, имена переменных, ключевые слова PHP, а также широко используемые имена полей и переменных в зависимости от их типа;
• 3. Поддержка стандартов оформления кода (PSR1/PSR2, Drupal, Symfony2, Zend);
• 4. Поддержка PHPDoc. PhpStorm предоставляет соответствующее автодополнение кода, основанное на аннотациях @property, @method и @var;
• 5. Детектор дублируемого кода;
• 6. PHP CodeSniffer (phpcs), проверяющий код на лету;
• 7. Рефакторинги;
• 8. Поддержка редактирования шаблонов Smarty (подсвечивание синтаксических ошибок, автодополнение функций и атрибутов Smarty, автоматическая вставка парных скобок, кавычек и закрывающих тегов и др.);
• 9. MVC представление для Symfony2 и Yiiфреймворков;
• 10. Распознавание кода, запакованного в PHAR-архивы.

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