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

На протяжении многих лет большинство веб-разработчиков создавали арсенал инструментов или "инструментов торговли". Недавно я обнаружил rsync, и я удивлен, как мне удалось жить без него все эти годы. Какие инструменты вы считаете наиболее привлекательными? Пожалуйста, придерживайтесь тех, которые вы используете на регулярной основе и клянетесь. Они также могут быть фреймворками, платформами, редакторами и тем, что, по вашему мнению, должны использовать веб-разработчики (jquery, joomla, xdebug, vi, notepad ++ и т.д.).

Я начну с пары:

  • rsync - синхронизация "одним нажатием" для живых серверов или наоборот
  • mysqldump - используется вместе с rsync для синхронизации баз данных
  • тестовый стиль закладок - live css editor bookmarklet, который превосходит цикл "edit > save > reload", позволяя редактировать в реальном времени.
  • javascript shell - окно оболочки javascript, прикрепленное к окну
  • firebug - расширенный отладчик javascript/css/dom
  • php-shell - Я использую это регулярно для быстрого тестирования операторов, функций, классов или скриптов.
  • CSS-Обсуждение Wiki - Я был бы удивлен, если бы вы не смогли найти решение своей проблемы с CSS на этой вики (в в каком случае вы должны добавить его)
  • Матрица шрифтов - Помогает мне выбирать стеки шрифтов
  • PHPMyAdmin - я уверен, что каждый использует это для управления своими базами данных MySQL, но думал, что добавлю его в список для хорошая мера

Несмотря на то, что я выделил инструменты в среде LAMP, вы можете упомянуть инструменты, которые вы используете в своей среде.

Ответ 1

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

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

Ответ 2

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

ColorZilla

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

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

Правитель очень полезен! Не говоря уже обо всем остальном:)

Ответ 3

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

Ответ 4

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

OS X:

Окна:

  • текст и редактор CSS: Aptana

Кросс-платформа:

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

Ответ 6

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

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

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

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

Ответ 7

Если вы найдете rsync helful, я уверен, вы найдете unison еще больше!

Ответ 8

Всего несколько дополнений/замен на отличный список Galperin:

Ответ 9

Johnny Cache - Предотвращает кеширование в Firefox для определенных URL-адресов (иначе Firefox иногда кэширует CSS и javascript)

Ответ 10

Мой список

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

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

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

  • Контроль источника: подрывная деятельность, черепаха

  • Управление билетами: redmine

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

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

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

  • Imclient: pidgin

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

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

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

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

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

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

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

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

  • Pdf viewer: foxit (переносной), sumatrapdf (переносной)

  • Uncompressor: 7-zip portable

  • Инструмент сравнения M $sql: sql delta​​p >

  • M $sql management: визуальный студийный sql-менеджер

  • MySql

  • Управление MySql: phpmyadmin, менеджер с mysql

  • Утилита для удаления: revo unistaller (portable)

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

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

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

Ответ 11

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

Ответ 12

JQuery

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

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

Ответ 13

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

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

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

Ответ 14

E-Text Editor, продается как "Сила TextMate в Windows". Я считаю, что это идеально подходит для кодирования HTML и CSS. Он очень легкий и включает в себя некоторые отличные функции, которые, безусловно, повышают производительность. Другими инструментами, которые я регулярно использую, являются:

Ответ 15

CakePHP - структура MVC для php

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

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

http://cakephp.org/

Ответ 16

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

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

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

Ответ 17

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

Ответ 18

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

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

Ответ 21

  • IDE: PHPStorm, PyCharm (рефакторинг!!!)
  • VIRT: colinux на win32
  • GIT + sh
  • KiTTY + WinSCP

  • WebInspector

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

  • ZF

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

Ответ 22

Там больше для развития, чем просто кодирование. Там требования захвата, анализа, проектирования, качества. Здесь представлено введение в различные фазы разработки программного обеспечения. Я опубликовал эту статью на Top OSS for Coders пару лет назад, но она по-прежнему актуальна для меня. Этот список включает инструменты OSS, которые очень полезны для меня на всех этапах разработки программного обеспечения, а не только на этапе кодирования.

Ответ 23

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

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

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

Ответ 24

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

Ответ 25

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

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

Ответ 26

RXP

Ответ 27

Скрипач

Помощник ViewState

TopStyle Lite

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

FireBug

Ответ 28

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

Ответ 29

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

Ответ 30

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