Інструменти для швидшої та кращої веб-розробки [закрито]


76

Протягом багатьох років більшість веб-розробників створили арсенал інструментів або "інструментів торгівлі". Нещодавно я виявив rsync, і я здивований, як мені вдалося прожити без нього всі ці роки. Які інструменти ви вважаєте найбільш переконливими? Будь ласка, дотримуйтесь тих, якими ви користуєтеся регулярно, і присягайте. Вони також можуть бути фреймворками, платформами, редакторами та тим, що ще, на вашу думку, повинні використовувати веб-розробники (jquery, joomla, xdebug, vi, notepad ++ тощо).

Почну з пари:

  1. rsync - Синхронізація "одним клацанням миші" до реальних серверів або навпаки
  2. mysqldump - використовується поряд із rsync для синхронізації баз даних
  3. тестувати стилі bookmarklet - закладка редактора css, яка перевершує цикл "редагувати> зберегти> перезавантажити", дозволяючи редагування в режимі реального часу.
  4. javascript shell - вікно оболонки javascript, прикріплене до вікна
  5. firebug - вдосконалений налагоджувач javascript / css / dom
  6. php-shell - я регулярно використовую це для швидкого тестування тверджень, функцій, класів або сценаріїв
  7. CSS-Обговорити Wiki - Буду здивований, якщо ти не зможеш знайти рішення своєї проблеми CSS на цій вікі (у такому випадку його слід додати)
  8. Матриця шрифтів - допомагає мені вибрати стеки шрифтів
  9. PHPMyAdmin - Я впевнений, що всі використовують це для управління своїми базами даних MySQL, але думав, що я б додав його до списку для повної оцінки

Незважаючи на те, що я виділив інструменти в середовищі LAMP, ви можете згадати інструменти, які використовуєте у своєму середовищі.

Відповіді:


33

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

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


13

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

ColorZilla

Це виявилось для мене дуже корисним. На будь-яку веб-сторінку, а також на хром, якщо ви схильні!

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

Лінійка дуже корисна! Не кажучи вже про все інше :)


Лінійка ?! Дох! Я використовую це протягом століть і ніколи не знав, що там є лінійка. Дякую.
Пітер Роуелл

11

VirtualBox робить розробку досить простою, оскільки ви можете мати віртуальну машину, яка буде "сервером" і переглядати сторінки з вашої основної ОС. Це особливо вірно, якщо ОС, на яку ви націлюєтеся, не та, для якої ви розробляєте.



7

Ось деякі мої основні основи:

OS X:

Windows:

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

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

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


Величезне "амінь" на Textmate / Transmit. Яке комбіноване!
ceejayoz

7

Готівка (щоб заплатити комусь за це).

Редагувати: Питання чітко говорить:

Будь ласка, дотримуйтесь тих, якими ви користуєтеся регулярно, і присягайте. Вони також можуть бути фреймворками, платформами, редакторами та тим, що ще, на вашу думку, повинні використовувати веб-розробники

Дуже розумним моментом є передання частин або всієї веб-розробки на аутсорсинг.


чувак, це перемагає суть.
hasen

Під "поразками" ви розумієте "перемоги"?
Алі Афшар

Моєю першою реакцією було проголосувати проти цього. Але через кілька секунд ваша думка запала. Думаю, ви отримали б багато голосів за це, якби сформулювали це більш витончено.
rp.

1
Це навіть доречніше, коли ви усвідомлюєте, що "Веб-розробка" охоплює набагато більше, ніж просто кодування, включаючи графічний дизайн. Важко бути експертом у кожному аспекті, тому платити комусь більш кваліфікованому, щоб виконати певну частину розробки, безумовно, буде "краще".
Стів Лош

Я думаю, що вони повинні використовувати свої рухові навички для координації всіх своїх зусиль ... Я маю на увазі його саааайійс "що завгодно"
Шмідті

6

якщо ви знайдете rsync корисним, я впевнений, ви знайдете унісон навіть більше!




4

Мій список

  • IDE: Visual Studio / Netbeans (zip-файл!, Майже портативний)

  • Редактор: блокнот ++ (портативний) зі шрифтом Монако

  • Порівняння файлів: winmerge (портативний)

  • Джерело контролю: диверсія, черепаха

  • Контроль за квитками: redmine

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

  • Веб-браузер: IE, FF (портативний), chrome (портативний), залізо (chrom без google crap, також портативний), qtweb, arora,

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

  • Імкліент: піджин

  • Поштовий клієнт: gmail

  • Менеджер завантажень: безкоштовний менеджер завантажень (портативний)

  • Сайти: STACKOVERFLOW !!!, gotapi ... і google, весь час ...

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

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

  • Кабінет: openoffice (портативний)

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

  • Використання диска: windirstat (портативний), сканер (портативний)

  • Засіб перегляду PDF: foxit (портативний), sumatrapdf (портативний)

  • Декомпресор: портативний 7-zip

  • Інструмент порівняння M $ sql: дельта sql

  • Управління M $ sql: візуальна студія sql manager

  • MySql

  • Управління MySql: phpmyadmin, менеджер з MySQL

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

  • Очищувач реєстру: ccleaner (портативний)

  • FTP: filezilla (портативний)

як ви вже могли помітити, я маю особливу прихильність до портативних програм ...



3

jQuery

Нещодавно я почав ним користуватися, і він такий простий у використанні! Все стає вдвічі простішим для кодування! Принаймні!

Я не можу підкреслити це досить. Таку універсальну бібліотеку не можна пропустити навіть таким людям, як я, які зазвичай зневажають використання чужого коду.


3

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

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

Жоден з них не є безкоштовним, але вони мають розумну ліцензію, і всі вони підтримують портативну установку (добре для USB-накопичувача на вашому брелоку). Найкраще, що автор - користувач SO.


2

E-Text Editor , продається як "Потужність TextMate у Windows". Я вважаю, що він ідеально підходить для кодування HTML і CSS. Він дуже легкий і містить деякі чудові функції, які, безсумнівно, підвищують продуктивність. Інші інструменти, на які слід звертати увагу, які я регулярно використовую:


2

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

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

Завершує багато роботи, пов’язаної з CRUD, і має так багато інших функцій, які зменшують роботу, яку нам доводиться робити.

http://cakephp.org/


2

Крім інших згаданих тут інструментів, я часто знаходжу велику допомогу у створенні належного проксі-сервера для налагодження - Fiddler (безкоштовно, лише для Windows) та Charles (комерційний, крос-платформний) - чудові.

Роблячи інтерфейсну розробку, витрачається багато часу, щоб з’ясувати, чому IE поводиться неправильно (особливо IE6). Деякі чудові інструменти для цього:

  • Панель інструментів розробника Internet Explorer
  • Companion.JS - це супутня програма для Microsoft Script Debugger, яка надає вам фактично корисні повідомлення про помилки Javascript в IE.
  • XRay - це закладка для перевірки вашого HTML-макета. Це може здатися тривіальним, але може бути дуже корисним для налагодження вашого макета в IE6

2

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


2

Клієнти http з командного рядка, такі як lynx, wget та curl, дуже корисні, принаймні, якщо ваш стиль розробки орієнтований на командний рядок та текстові інструменти. Я здивований, що про них ще не згадували.

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


2

Якщо ви розробник Windows, ви ПОВИННІ поглянути на ці інструменти:


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

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

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

  • ZF

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

1

У розробці є не тільки кодування. Є вимоги щодо збору, аналізу, проектування, контролю якості. Ось вступ до різних фаз розробки програмного забезпечення . Я опублікував цю статтю про Top OSS для програмістів пару років тому, але вона все ще актуальна для мене. Цей список включає інструменти OSS, які дуже корисні для мене на всіх різних етапах розробки програмного забезпечення, а не лише на етапі кодування.


1

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


1

Я в основному використовую Google :-)

Якщо бути серйозним, чудовим аддоном Firefox є TamperData - дає вам можливість змінювати заголовки та дані кожного зробленого запиту. Paint.NET редактор зображень допомагає мені на щоденній основі , і я рекомендую його для ваших основних потреб редагування зображень.



1

Скрипаль

Помічник ViewState

TopStyle Lite

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

FireBug



1

Деякі доповнення Firefox мені здалися дуже корисними:

  • Живі заголовки HTTP - Дуже корисно для перевірки заголовків HTTP запитів / відповідей.

  • MeasureIt - інструмент для вимірювання речей всередині браузера.


0

Вікно вікна щодо синергії. Спочатку створення IE, а потім налаштування для Firefox / Safari дозволило підтримку IE досягти рівня.


0

Нещодавно я почав використовувати HttpWatch і виявив, що це чудово. Це дозволяє вам перевірити весь HTTP-трафік вашої веб-програми. Який розмір вашої відповіді AJAX? Чи завантажував браузер gif зі свого кешу? Чи робить ваша сторінка запити, про які ви не знали? Це лише деякі запитання, на які HttpWatch може допомогти вам відповісти.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.