Các công cụ để phát triển web nhanh hơn, tốt hơn [đã đóng]

Trong nhiều năm, hầu hết các nhà phát triển web sẽ xây dựng một kho công cụ hoặc "công cụ thương mại". Gần đây, tôi đã phát hiện ra rsync và tôi rất ngạc nhiên khi làm thế nào tôi có thể sống mà không có nó suốt những năm qua. Công cụ nào bạn cho là hấp dẫn nhất? Vui lòng tuân theo những gì bạn sử dụng thường xuyên và thề. Chúng cũng có thể là khuôn khổ, nền tảng, trình chỉnh sửa và bất cứ thứ gì khác mà bạn nghĩ rằng các nhà phát triển web nên sử dụng (jquery, joomla, xdebug, vi, notepad ++, v.v.).

Tôi sẽ bắt đầu với một vài:

1. rsync - 'Một cú nhấp chuột' đồng bộ hóa với máy chủ trực tiếp hoặc ngược lại
2. mysqldump - được sử dụng cùng với rsync để đồng bộ hóa cơ sở dữ liệu
3. test styles bookmarklet - bookmarklet biên tập css trực tiếp đánh bại chu trình 'chỉnh sửa> lưu> tải lại' bằng cách cho phép chỉnh sửa trực tiếp.
4. javascript shell - cửa sổ javascript shell được gắn vào một cửa sổ
5. firebug - trình gỡ lỗi javascript / css / dom nâng cao
6. php-shell - Tôi sử dụng cái này thường xuyên để kiểm tra nhanh các câu lệnh, hàm, lớp hoặc tập lệnh
7. CSS-Discuss Wiki - Tôi sẽ ngạc nhiên nếu bạn không thể tìm thấy giải pháp cho vấn đề CSS của mình trên wiki này (trong trường hợp đó, bạn nên thêm nó)
8. Ma trận phông chữ - Giúp tôi chọn ngăn xếp phông chữ
9. PHPMyAdmin - Tôi chắc chắn rằng mọi người đều sử dụng cái này để quản lý cơ sở dữ liệu MySQL của họ nhưng nghĩ rằng tôi nên thêm nó vào danh sách để có biện pháp tốt

Mặc dù tôi đã đánh dấu các công cụ trong môi trường LAMP, bạn có thể đề cập đến các công cụ bạn sử dụng trong môi trường của mình.

Phát triển ngăn xếp LAMP

• IDE: Zend Studio / PDT cho Eclipse
• PHP Framework: Zend Framework
• Thư viện Javascript: jQuery
• Phiên bản mã nguồn: SubVersion với ứng dụng khách Tortoise
• Thư viện lọc HTML: HTML Purifier
• Thư viện thao tác hình ảnh: php image
• Bộ nhớ đệm mã op: APC
• Triển khai Javascript / CSS: Giảm thiểu
• Gỡ lỗi kiểm tra đánh dấu / javascript: Firebug
• Quản trị cơ sở dữ liệu: phpMyAdmin
• Trình phân tích tải trang: YSlow
• Xác thực đánh dấu: Trình xác thực HTML
• Máy khách Shell: PuTTY
• Máy khách FTP: FlashFXP
• Các hướng dẫn PHP
• Kinh nghiệm và kỹ năng :)

(Tôi tập trung vào LAMP vì đó là thứ tôi sử dụng để phát triển web)

Các plugin Firefox để phát triển

ColorZilla

Điều này đã được chứng minh là rất hữu ích đối với tôi. Bạn có thể kẻ mắt bất kỳ màu nào (tôi sẽ viết chính tả tiếng mẹ đẻ của mình ở đây) trên bất kỳ trang web nào và cả trên chrome nếu bạn thích!

Thanh công cụ dành cho nhà phát triển web

Cây thước rất hữu ích! Chưa kể mọi thứ khác :)

VirtualBox giúp phát triển khá dễ dàng vì bạn có thể có một máy ảo làm "máy chủ" và duyệt các trang từ hệ điều hành chính của bạn. Điều này đặc biệt đúng nếu hệ điều hành bạn đang nhắm mục tiêu không phải là hệ điều hành bạn đang phát triển.

Aptana Studio

Đây là một số điều cơ bản cần thiết của tôi:

OS X:

• trình soạn thảo văn bản: Textmate
• Trình chỉnh sửa CSS: CSSEdit
• Công cụ FTP: Truyền

Các cửa sổ:

• trình soạn thảo văn bản và CSS: Aptana

Nền tảng chéo:

• Quản lý mã nguồn: Git
• Plugin trình duyệt: Firebug
• Khung: Ruby on Rails
• Thư viện Javascript: Prototype và Scriptaculous
• Điều hướng nhiều máy tính: Synergy

Ngoài ra, đây là một bài viết mà tôi đã viết một thời gian trở lại: Cơ bản về hộp công cụ của nhà phát triển web

Tiền mặt (để trả cho người khác làm việc đó).

Chỉnh sửa: Câu hỏi nói rõ ràng:

Vui lòng tuân theo những gì bạn sử dụng thường xuyên và thề. Chúng cũng có thể là khuôn khổ, nền tảng, trình chỉnh sửa và bất kỳ thứ gì khác mà bạn nghĩ rằng các nhà phát triển web nên sử dụng

Đó là một điểm rất hợp lý để thuê ngoài các bộ phận hoặc toàn bộ quá trình phát triển web.

nếu bạn tìm thấy helful rsync, tôi chắc chắn bạn sẽ tìm thấy unison thậm chí nhiều hơn như vậy!

Chỉ một số bổ sung / thay thế trong danh sách Galperin xuất sắc:

• PHP IDE: VS.PHP / Textpad
• PHP MVC Framework: CodeIgniter
• PHP ORM Framework: phpDBO
• Khung mẫu PHP: PHPTAL
• Máy khách FTP: FireFTP
• Gói WAMP: Máy chủ WAMP

Johnny Cache - Ngăn chặn bộ nhớ đệm trong Firefox cho một số URL nhất định (nếu không, Firefox đôi khi sẽ lưu vào bộ đệm CSS và javascript)

Danh sách của tôi

• IDE: Visual Studio / Netbeans (tệp zip !, gần như di động)

• Trình chỉnh sửa: notepad ++ (di động) với phông chữ monaco

• So sánh tệp: winmerge (di động)

• Kiểm soát nguồn: lật đổ, rùa

• Kiểm soát vé: redmine

• Trình quản lý tệp: chỉ huy miễn phí (di động)

• Trình duyệt web: IE, FF (di động), chrome (di động), iron (chrom không cần google, cũng có thể di động), qtweb, arora,

• Các plugin FF: firebug, web developer, xmarks

• Imclient: pidgin

• Ứng dụng thư: gmail

• Trình quản lý tải xuống: trình quản lý tải xuống miễn phí (di động)

• Các trang web: STACKOVERFLOW !!!, gotapi ... và google, mọi lúc ...

• Sai lệch: khởi động (không thể sống thiếu nó!)

• Virtualization: hộp ảo (Tôi có một hình ảnh máy cho mọi môi trường)

• Văn phòng: openoffice (di động)

• Ngăn xếp đèn: xammp (di động!)

• Sử dụng đĩa: windirstat (di động), máy quét (di động)

• Trình xem pdf: foxit (di động), sumatrapdf (di động)

• Giải nén: di động 7-zip

• Công cụ so sánh M $ sql: sql delta

• M $ sql management: visual studio sql manager

• MySql

• Quản lý MySql: phpmyadmin, trình quản lý được cung cấp với mysql

• Tiện ích trình gỡ cài đặt: revo unistaller (di động)

• Trình dọn dẹp sổ đăng ký: ccleaner (di động)

• FTP: filezilla (di động)

như bạn có thể nhận thấy, tôi có sở thích đặc biệt đối với các ứng dụng di động ...

Nếu bạn muốn sử dụng bất kỳ biến thể nào của VIM làm trình soạn thảo mà bạn chọn, một tiện ích tuyệt vời là tính năng xem trước màu CSS , "phủ lên các mã màu CSS thập lục phân với màu thực của chúng."

jQuery

Gần đây tôi đã bắt đầu sử dụng nó và nó rất dễ sử dụng! Mọi thứ trở nên dễ dàng gấp đôi khi viết mã! Ít nhất!

Tôi không thể nhấn mạnh điều này đủ. Không nên bỏ qua một thư viện đa năng như thế này, ngay cả với những người như tôi, những người thường coi thường việc sử dụng mã của người khác.

Đừng bận tâm, tôi chỉ ở đây để phổ biến về bộ trình chỉnh sửa / trình gỡ lỗi regex / grepper yêu thích của tôi. :-)

• EditPad Pro (IMO, trình soạn thảo văn bản chết tiệt tốt nhất hiện có)
• RegexBuddy ( trình gỡ lỗi regex thực duy nhất mà tôi đã tìm thấy)
• PowerGREP (không bao giờ sử dụng lại Windows Search)

Không ai trong số chúng miễn phí, nhưng chúng được cấp phép hợp lệ và tất cả chúng đều hỗ trợ cài đặt di động (tốt cho ổ USB trên chuỗi khóa của bạn). Hơn hết, tác giả là một người dùng SO.

E-Text Editor , được bán với tên gọi 'Sức mạnh của TextMate trên Windows'. Tôi thấy nó lý tưởng cho việc viết mã HTML và CSS. Nó rất nhẹ và bao gồm một số tính năng tuyệt vời chắc chắn làm tăng năng suất. Các công cụ lưu ý khác mà tôi thường xuyên sử dụng là:

• Firebug
• Nhà phát triển web
• Trình xác thực W3C

CakePHP - Khung MVC cho php

CakePHP là một khung phát triển nhanh cho PHP, cung cấp một kiến ​​trúc có thể mở rộng để phát triển, bảo trì và triển khai các ứng dụng. Sử dụng các mẫu thiết kế thường được biết đến như MVC và ORM trong quy ước về mô hình cấu hình, CakePHP giảm chi phí phát triển và giúp các nhà phát triển viết ít mã hơn.

Kết thúc rất nhiều công việc liên quan đến CRUD và có rất nhiều tính năng khác làm giảm công việc chúng tôi phải làm.

http://cakephp.org/

Ngoài các công cụ khác được đề cập ở đây, tôi thường thấy trợ giúp đắc lực trong việc có một proxy gỡ lỗi thích hợp - Fiddler (miễn phí, chỉ dành cho Windows) và Charles (thương mại, đa nền tảng) là những công cụ tuyệt vời.

Thực hiện phát triển front-end, rất nhiều thời gian được dành để tìm hiểu lý do tại sao IE hoạt động sai (đặc biệt là IE6). Một số công cụ tuyệt vời cho việc này là:

• Thanh công cụ dành cho nhà phát triển Internet Explorer
• Companion.JS - đây là một ứng dụng đồng hành với Microsoft Script Debugger, cung cấp cho bạn các thông báo lỗi Javascript thực sự hữu ích trong IE.
• XRay - đây là một bookmarklet để kiểm tra bố cục HTML của bạn. Điều này có vẻ tầm thường, nhưng có thể thực sự hữu ích để gỡ lỗi bố cục của bạn trong IE6

Gần đây tôi đã phát hiện ra XRefresh tự động tải lại các tệp cục bộ (tệp: // URL) ngay sau khi bạn lưu các thay đổi của mình. Nó hoàn toàn tuyệt vời khi bạn đang ở giai đoạn đầu của một dự án và cập nhật thường xuyên các tệp HTML, CSS và JavaScript tĩnh trong thư mục dự án cục bộ của bạn.

Các ứng dụng khách http dòng lệnh như lynx, wget và curl rất hữu ích, ít nhất là nếu phong cách phát triển của bạn hướng tới các công cụ dòng lệnh và văn bản. Tôi ngạc nhiên là họ vẫn chưa được đề cập đến.

• Ví dụ: để cung cấp dữ liệu POST vào một url và in ra các tiêu đề phản hồi và đầu ra html: echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app
• Nhanh chóng thực thi (uparrow, return) sau khi nó nằm trong lịch sử shell của bạn, ít nguy cơ phá vỡ luồng hoặc bị phân tâm hơn so với chuyển sang trình duyệt.
• Có thể tập lệnh, có thể sửa đổi, có thể lặp lại. Bạn có thể đặt trước nó bằng một tập lệnh để đặt cơ sở dữ liệu vào trạng thái bắt đầu đã biết, bạn có thể ghi các tiêu đề phản hồi hoặc đầu ra html cho thứ cụ thể mà bạn quan tâm và theo sau nó với một truy vấn cơ sở dữ liệu dòng lệnh để tìm hiểu xem liệu hoàn thiện trạng thái theo yêu cầu.

IDE: Visual Studio

Khung: ASP.NET MVC

Phía khách hàng: jQuery và jQuery.ui

Thanh công cụ dành cho nhà phát triển Internet Explorer

Nếu bạn là một nhà phát triển windows, bạn PHẢI xem các công cụ đó:

• FreeCommander (Trình khám phá thư mục với Steroid)
• Agent Ransack (Tìm kiếm dễ dàng)
• Komodo & Notepad ++ (Một kết hợp chiến thắng)
• Google Chrome (Có tiện ích mở rộng):
  • Máy kiểm tra độ phân giải
  • Chọn màu từ trang web
  • SEO
  • Ảnh chụp màn hình

• IDE: PHPStorm, PyCharm (tái cấu trúc !!!)
• VIRT: colinux trên win32
• GIT + sh

• KiTTY + WinSCP

• webins Inspector

• firebug + addys
• xpathbuddy (tbr)
• tê giác (CLI)
• envjs
• phpsh

• xdebug + kcachegrind

• ZF

• Lê
• jQuery
• công cụ đóng cửa

Có nhiều thứ để phát triển hơn là chỉ viết mã. Có yêu cầu nắm bắt, phân tích, thiết kế, QA. Đây là phần giới thiệu về các giai đoạn phát triển phần mềm khác nhau . Tôi đã xuất bản bài viết này trên OSS hàng đầu dành cho người lập trình vài năm trước nhưng nó vẫn còn phù hợp với tôi. Danh sách này bao gồm các công cụ PMNM rất hữu ích đối với tôi trong tất cả các giai đoạn phát triển phần mềm khác nhau chứ không chỉ giai đoạn viết mã.

Là một người yêu thích windows phải lập trình một ứng dụng cake php cho một trong những khách hàng của tôi, SFTPDrive đã rất hữu ích cho tôi. Máy ảo của tôi là bản phân phối Centos Linux và tôi làm việc trên phần lớn từ môi trường Windows của mình (tất nhiên là có một số ngoại lệ).

Tôi chủ yếu sử dụng Google :-)

Nghiêm túc mà nói, một addon tuyệt vời của firefox là TamperData - cung cấp cho bạn khả năng thay đổi tiêu đề và dữ liệu của mỗi yêu cầu được thực hiện.
Trình chỉnh sửa hình ảnh Paint.NET giúp tôi hàng ngày và tôi khuyên bạn nên sử dụng nó cho các nhu cầu chỉnh sửa hình ảnh cơ bản của bạn.

RXP

Fiddler

Trình trợ giúp ViewState

TopStyle Lite

Thanh công cụ dành cho nhà phát triển IE

FireBug

NetBeans hoặc nếu bạn là một người chơi console, emacs

Một số addon của Firefox tôi thấy rất hữu ích:

• Tiêu đề HTTP trực tiếp - Rất hữu ích để kiểm tra tiêu đề HTTP yêu cầu / phản hồi.

• MeasureIt - Công cụ đo lường nội dung bên trong trình duyệt.

Một hộp cửa sổ về sức mạnh tổng hợp. Việc xây dựng trên IE trước và sau đó là chỉnh sửa cho Firefox / Safari đã nâng tầm hỗ trợ IE của tôi lên ngang hàng.

Gần đây tôi đã bắt đầu sử dụng HttpWatch và thấy nó rất tuyệt. Nó cho phép bạn kiểm tra tất cả lưu lượng HTTP của ứng dụng web của bạn. Kích thước phản hồi AJAX của bạn là bao nhiêu? Trình duyệt có tải gif từ bộ nhớ cache của nó không? Trang của bạn có đưa ra bất kỳ yêu cầu nào mà bạn không biết không? Đây chỉ là một số câu hỏi mà HttpWatch có thể giúp bạn trả lời.