Инструменты для более быстрой и качественной веб-разработки

Джонни Кэш - предотвращает кеширование в Firefox для определенных URL-адресов (иначе Firefox будет иногда кэшировать CSS и javascript)

Плагины Firefox для разработки

ColorZilla

Это оказалось для меня очень полезным. Вы можете закрасить глаза любым цветом (я использую здесь свое родное написание) на любой веб-странице, а также на хром, если хотите!

Панель инструментов веб-разработчика

Линейка очень пригодится! Не говоря уже обо всем остальном :)

Разработка стека LAMP

• IDE: Zend Studio / PDT для Eclipse
• Фреймворк PHP: Zend Framework
• Библиотека Javascript: jQuery
• Управление версиями исходного кода: Подверсия с клиентом Черепаха
• Библиотека фильтрации HTML: Очиститель HTML
• Библиотека обработки изображений: изображение php
• Кеш операционного кода: БТР
• Развертывание Javascript / CSS: Уменьшить
• Отладка проверки разметки / JavaScript: Firebug
• Администрирование базы данных: phpMyAdmin
• Анализатор загрузки страниц: YSlow
• Проверка разметки: Валидатор HTML
• Клиент оболочки: PuTTY
• FTP-клиент: FlashFXP
• Руководство по PHP
• Опыт и мастерство :)

(Я сосредоточился на LAMP, так как это то, что я использую для веб-разработки)

Окно окна о синергии. Сначала сборка в IE и настройка тогда для Firefox / Safari подняли мою поддержку IE на должном уровне.

Вот некоторые из моих основных требований:

OS X:

• текстовый редактор: Textmate
• Редактор CSS: CSSEdit
• Инструмент FTP: Передать

Окна:

• текстовый редактор и редактор CSS: Аптана

Кроссплатформенность:

• Управление исходным кодом: Git
• Плагин браузера: Firebug
• Каркас: Рубин на рельсах
• Библиотека Javascript: Опытный образец и Священный
• Навигация по нескольким компьютерам: Синергия

Кроме того, вот запись, которую я сделал некоторое время назад: Основы инструментария веб-разработчика

Аптана Студия

Наличные (чтобы заплатить за это кому-то другому).

Редактировать: В вопросе четко сказано:

Please stick to the ones you use on a regular basis and swear by. They can also be frameworks, platforms, editors and whatever else you think web developers ought to be using

Очень разумно отдать на аутсорсинг часть или всю веб-разработку.

Если вы сочтете rsync полезным, я уверен, что унисон вам понравится даже больше!

Если вы хотите использовать любой из вариантов VIM в качестве редактора по выбору, одно превосходное дополнение - Предварительный просмотр цвета CSS, которое «подкладывает шестнадцатеричные цветовые коды CSS с их реальным цветом».

VirtualBox значительно упрощает разработку, поскольку виртуальная машина может быть «сервером» и просматривать страницы из основной ОС. Это особенно верно, если ОС, на которую вы нацеливаетесь, не та, для которой вы разрабатываете.

Разработка - это нечто большее, чем просто кодирование. Есть сбор требований, анализ, проектирование, контроль качества. Вот введение в различные этапы разработки программного обеспечения. Я опубликовал эту статью на Лучшие OSS для кодеров пару лет назад, но она до сих пор актуальна для меня. В этот список входят инструменты OSS, которые очень помогают мне на всех этапах разработки программного обеспечения, а не только на этапе кодирования.

Всего несколько дополнений / замен к прекрасному списку Гальперина:

• IDE PHP: VS.PHP / Текстовая панель
• Фреймворк PHP MVC: CodeIgniter
• Фреймворк PHP ORM: phpDBO
• Фреймворк шаблонов PHP: PHPTAL
• FTP-клиент: FireFTP
• Пакет WAMP: Сервер WAMP

Электронный текстовый редактор, продаваемый как «Возможности TextMate в Windows». Я считаю его идеальным для кодирования HTML и CSS. Он очень легкий и включает в себя несколько замечательных функций, которые, безусловно, увеличивают производительность. Другие примечательные инструменты, которые я регулярно использую:

• Firebug
• Веб-разработчик
• Валидаторы W3C

Некоторые дополнения Firefox, которые я нашел очень полезными:

• Заголовки HTTP в реальном времени - Очень полезно для проверки запроса / ответа HTTP заголовки.

• MeasureIt - Инструмент для измерения вещи внутри браузера.

Недавно я начал использовать HttpWatch и обнаружил, что это здорово. Это позволяет вам проверять весь HTTP-трафик вашего веб-приложения. Каков размер вашего ответа AJAX? Браузер загрузил гифку из своего кеша? Есть ли на вашей странице какие-либо запросы, о которых вы не знали? Это лишь некоторые из вопросов, на которые HttpWatch может вам помочь.

Будучи специалистом по Windows, которому пришлось программировать php-приложение для тортов для одного из моих клиентов, SFTPDrive очень помог мне. Моя виртуальная машина - это дистрибутив Centos Linux, и я работаю над ней по большей части из своей среды Windows (за некоторыми исключениями, конечно).

jQuery

Я недавно начал им пользоваться, и так им легко пользоваться! Все становится вдвое проще кодировать! По меньшей мере!

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

CakePHP - фреймворк MVC для php

CakePHP - это среда быстрой разработки для PHP, которая обеспечивает расширяемую архитектуру для разработки, обслуживания и развертывания приложений. Используя широко известные шаблоны проектирования, такие как MVC и ORM, в рамках парадигмы соглашения по конфигурации, CakePHP снижает затраты на разработку и помогает разработчикам писать меньше кода.

Завершает большую часть работы, связанной с CRUD, и имеет множество других функций, которые сокращают объем работы, которую мы должны делать.

http://cakephp.org/

В основном использую гугл :-)

Если серьезно, то отличным дополнением к firefox является TamperData - дает вам возможность изменять заголовки и данные каждого сделанного запроса.
Редактор изображений Paint.NET помогает мне ежедневно, и я рекомендую его для ваших основных потребностей в редактировании изображений.

RXP

В дополнение к другим инструментам, упомянутым здесь, я часто нахожу большую помощь в наличии надлежащего прокси для отладки - Скрипач (бесплатный, только для Windows) и Чарльз (коммерческий, кросс-платформенный) - отличные инструменты.

При разработке интерфейса много времени уходит на выяснение того, почему IE плохо себя ведет (особенно IE6). Вот несколько отличных инструментов для этого:

• Панель инструментов разработчика Internet Explorer
• Companion.JS - это приложение-компаньон для Microsoft Script Debugger, которое дает вам действительно полезные сообщения об ошибках Javascript в IE.
• Рентгеновский - это букмарклет для проверки вашего HTML-макета. Это может показаться тривиальным, но может быть действительно полезно для отладки вашего макета в IE6.

Скрипач

ViewState Helper

TopStyle Lite

Панель инструментов разработчика IE

FireBug

NetBeans или, если вы консольный парень, emacs

Я хотел бы добавить VMWare Workstation, который я использую для виртуальных сред разработки. Я еще не пробовал новый плагин отладки eclipse vm, кстати;)

Firebug - отличный инструмент для выяснения того, какой CSS используется и из какой таблицы стилей он исходит. Crimson Editor - маленький редактор с отличной подсветкой синтаксиса JQuery - достаточно сказано DNS Expert - мгновенная проверка всего, что связано с DNS

Недавно я обнаружил XRefresh, который автоматически перезагружает локальные файлы (URL-адреса file: //), как только вы сохраняете свои изменения. Это прекрасно, когда вы находитесь на начальных этапах проекта и часто обновляете статические файлы HTML, CSS и JavaScript в локальном каталоге проекта.

Не обращайте на меня внимания, я здесь, чтобы рассказать о моем любимом редакторе / отладчике регулярных выражений / наборе grepper. :-)

• EditPad Pro (IMO, лучший текстовый редактор, черт возьми)
• RegexBuddy (единственное реальное регулярное выражение отладчик, которое я нашел)
• PowerGREP (никогда больше не используйте Windows Search)

Ни один из них не является бесплатным, но они имеют разумную лицензию, и все они поддерживают переносную установку (хорошо для USB-накопителя на вашей связке ключей). Лучше всего то, что Автор - пользователь SO.

HTTP-клиенты командной строки, такие как lynx, wget и curl, очень полезны, по крайней мере, если ваш стиль разработки ориентирован на использование командной строки и текстовых инструментов. Я удивлен, что они еще не были упомянуты.

• Например, чтобы передать данные POST по URL-адресу и распечатать заголовки ответов и вывод html: echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app
• Быстрое выполнение (стрелка вверх, возврат) после того, как оно попало в историю оболочки, меньший риск прервать поток или отвлечься, чем переключение в браузер.
• Поддающийся сценариям, изменяемый, повторяемый. Вы можете предварять его сценарием для перевода базы данных в известное начальное состояние, вы можете grep использовать заголовки ответа или вывод html для конкретной вещи, которая вас интересует, и следовать ему с запросом к базе данных из командной строки, чтобы узнать, завершается ли состояние как требуется.

Мой список

• IDE: Visual Studio / Netbeans (zip-файл !, почти переносимый)

• Редактор: блокнот ++ (портативный) со шрифтом monaco

• Сравнение файлов: winmerge (переносимый)

• Source Control: подрывная деятельность, черепаха

• Билетный контроль: redmine

• Файловый менеджер: бесплатный командир (портативный)

• Веб-браузер: IE, FF (портативный), chrome (портативный), iron (хром без гугловской хрени, также переносимый), qtweb, arora,

• Плагины FF: firebug, веб-разработчик, xmarks

• Imclient: пиджин

• Почтовый клиент: gmail

• Менеджер загрузок: бесплатный менеджер загрузок (портативный)

• Сайты: STACKOVERFLOW !!!, gotapi ... и google, все время ...

• Разное: пускай (без него жить не могу!)

• Виртуализация: виртуальный ящик (у меня есть образ машины для каждой среды)

• Офис: openoffice (переносной)

• Стек ламп: xammp (портативный!)

• Использование диска: windirstat (портативный), сканер (портативный)

• Просмотрщик PDF: foxit (портативный), sumatrapdf (портативный)

• Распаковщик: переносной 7-zip

• Инструмент сравнения M $ sql: дельта sql

• M $ sql management: визуальная студия sql manager

• MySql

• Управление MySql: phpmyadmin, менеджер, поставляемый с mysql

• Утилита деинсталлятора: revo unistaller (портативный)

• Очиститель реестра: ccleaner (портативный)

• FTP: filezilla (переносной)

как вы могли заметить, у меня особое пристрастие к портативным приложениям ...

IDE: Visual Studio

Фреймворк: ASP.NET MVC

Сторона клиента: jQuery и jQuery.ui

Панель инструментов разработчика Internet Explorer

Для веб-сайтов используйте Ruby on rails. Он генерирует формы, кнопки, список для вас. Он генерирует проверку данных, чтобы убедиться, что пользовательский ввод правильный.

Если вы разработчик Windows, вы можете ДОЛЖЕН взглянуть на эти инструменты:

• FreeCommander (справочник со стероидами)
• Агент Рэнсак (поиск упрощен)
• Комодо & Блокнот ++ (Выигрышная комбинация)
• Google Chrome (с расширениями):
  • Тестер разрешения
  • Выберите цвет с веб-страницы
  • SEO
  • Скриншот

• IDE: PHPStorm, PyCharm (рефакторинг !!!)
• ВИРТ: colinux на win32
• GIT + sh

• KiTTY + WinSCP

• вебинспектор

• firebug + addys
• xpathbuddy (tbr)
• носорог (CLI)
• envjs
• phpsh

• xdebug + kcachegrind

• ZF

• груша
• jQuery
• инструменты закрытия

Я использую MyWebSQL для управления MySQL. phpMyAdmin слишком унаследован.