Какие программы для веб-разработки использует незрячий вебмастер Денис Скрипник, часть 1
Здравствуйте. На своём аккаунте я писал статью про весь софт, который я использую в Windows (За исключением программ для веб-разработчика и программиста, так как тот материал итак был большого размера). Представляю новый обзор.
Проги для веб-разработки
1. Notepad++
Этим редактором пользуюсь чаще всего:
- Пишу и изучаю код;
- Открываю html, css, js, php файлы;
- Пользуюсь автозаполнением согласно синтаксису языков программирования и использую полезные плагины;
Да: о нём я говорил и в статье о всех программах, но как о приложении для чтения текстовых файлов. Но он мне нравится и для кодинга.
Преимущества:
- Быстро открывается и работает;
- Большая гибкость;
- Возможность открыть несколько файлов и выключить компьютер, а потом включить комп, открыть редактор и продолжить работу.
И другое.
Классные функции, которые я использую
- Автозаполнение:
Чтобы начать использовать, открываете меню "Опции", пункт "Настройки" и переходите на вкладку "Автозавершение" и отмечаете желаемые галочки:
И нажимаем на кнопку "Закрыть" в этом окне.
Далее переходим в меню "Синтаксисы" и выбираем букву алфавита, с которой начинается используемый вами язык программирования (p - php, h - html, c - css) и, открыв подменю, выбираем язык:
В итоге, если введёте тег html, увидите закрывающий тег. После выбора, например, php, когда введёте функцию "name(", редактор подставит правую скобку. При вводе между скобками кавычки, вторая будет вставлена автоматически, а курсор будет между ними. - Следующий функционал - это плагины. Я использую следующие:
- Converter - позволяет конвертировать ASCII в HEX и обратно. Например, если введу "Доброе утро. Какой сегодня отличный день!", получится "D094D0BED0B1D180D0BED0B520D183D1
82D180D0BE2E20D09AD0B0D0BAD0BED0
B920D181D0B5D0B3D0BED0B4D0BDD18F
20D0BED182D0BBD0B8D187D0BDD18BD0
B920D0B4D0B5D0BDD18C21"; - NppFTP - плагин для работы с ftp из notepad++ (Установил, но не использую, так как в окно плагина попасть не удаётся, но, думаю, что штука классная):
- Tidy2 - плагин для чистки html и css (Правда пока не разобрался, какую опцию в каком случае выбирать, но тоже плагин хороший):
; - TextFX - громадное количество функций:
.
Пользуюсь этим плагином в следующих случаях: - Если надо преобразовать кавычки (Первое подменю);
- Если надо сделать прочую конвертацию, например, "Convert text to code command" позволяет после выбора синтаксиса нужного получить строку согласно правилам сего языка программирования (В php вывелось echo);
- В седьмом подменю "Tools" использую пункты: "Insert Ascii Chart or Character", который отображает после выделения символа его ASCII код и другие характеристики (Если не выделять – вставится вся ASCII таблица), "Word Count", отображающий количество слов и прочие свойства текста (Количество символов, кодировка и т. п.).
- Десятое меню позволяет настраивать этот замечательный плагин (я там ничего не менял, но вам может быть полезным).
- Макросы. Также как и в Офисных пакетах, являются отличными инструментами автоматизации некоторых действий: просто записываете действия, сохраняете, а после окончания - воспроизводим макрос:
- Меню "запуск" позволяет запустить ваш файл в Firefox, IE, Chrome, Safari, получить справку по php, найти в Википедии, открыть в другой программе или изменить горячие клавиши:
- Меню "Инструменты". Здесь можно только сгенерировать md5:
Ввести данные вручную, сгенерировать из файлов, сгенерировать в буфер. Покажу только окно ручного ввода:
2. Xenu
Классная программа для проверки на наличие битых ссылок. Прога бесплатная, скачать можно здесь.
Настройки
Для того, чтобы туда попасть, заходим в меню "Options" и нажимаем на единственный пункт "Preferences". Дальше устанавливайте настройки также, как на скриншотах.
- Вкладка Basic:
Скажу лишь, что если вы хотите, чтоб перенаправления считались ошибками, отметьте "Treat Redirections as errors". - Вкладка Advanced:
Здесь ничего не менял, но на всякий случай решил сделать скрин.
Запускаем сканирование
Заходим в меню "File", выбираем пункт "Check Url". Далее вводим адрес вашего сайта и нажимаем "ОК" (Также можно просканировать локальный html файл, нажав "local file"):
Через некоторое время появится такое окно с предложением открыть отчёт, нажав "Да":
После этого идём в меню "View" и отмечаем пункт "Show broken links only", чтобы отображались только битые ссылки в списке, который вы видите, в том числе и на скриншоте:
Если вы нажмёте "Да" в окне, который показывал ранее, появится отчёт в виде html страницы:
Также советую
Зайти в меню "file": там вы найдёте возможность экспорта sitemap и другие интересные инструменты экспорта.
3. Htm Color
Программа по подбору цвета подходящего. Раньше пользовался сервисами, но позже где-то нашёл эту прогу - с тех пор и использую её. Где её можно скачать, не знаю (Если интересный функционал, напишите - залью на Dropbox или Яндекс.диск).
Сам скрин:
Просто выбираем вкладку "фон" или "текст" и выбираем процент одного из трёх цветов.
4. phpDesigner 8: суперский редактор, на который хочу перейти
Программа платная, по сему пока только тестирую в триал версии.
Открываю php файл: Озвучиваются строки, есть автозаполнение, причём синтаксис переключать не надо, чтобы использовать автозавершение html тегов в php файле, но только если код вы вводите не в коде php (В echo автозаполнение html не работает). Также есть при вводе возможность выбора из имеющегося (Например, при вводе function выскакивает список, в котором есть и function_exists).
Меню в программе
Также разблокируется куча менюшек. Сейчас буду просто листать разные меню: посмотрите функционал сами. Думаю впечатлит.
Видео
Заключение
На этом всё. В следующей части статьи расскажу про Openserver - локальный сервер, XParser (Для чего его использую) и про WinSCP. Также возможно затрону программы для программирования на C++ и Pascal, которые используем при обучении в колледже.
Материал подготовлен автором @denis-skripnik