Desarrollo Web - Herramientas del comercio

Con un número cada vez mayor de los navegadores para hacer su código compatible y una mayor presión sobre los diseñadores y desarrolladores web no es un requisito para las herramientas más poderosas para crear y mantener el código. En este tutorial se refieren a una serie de métodos y recursos para ayudar a ayudarle a las crecientes demandas de sus proyectos web.

Muchos desarrolladores y diseñadores tienen su propio navegador favorito personal para desarrollar y gestionar sus sitios web. Este tutorial se centrará en el uso de Firefox. Esto no quiere decir que otros navegadores, lo ponen en una situación de desventaja, pero los addons y el equipamiento son todos soportados por Firefox.

FireBug

Pensé que íbamos a empezar con mi favorito herramienta de desarrollo web. Firebug es una herramienta extremadamente flexible y potente herramienta de desarrollo web. Podría pasar todo el día hablando de sus características, por lo que se corta a la más impresionante y útil. Diseñado como un add-on para Firefox, que se ejecuta dentro de la aplicación del navegador Firebug permite inspeccionar los elementos, buscar a través de su código y editar sobre la marcha. Esta es una herramienta muy útil si usted está trabajando con JavaScript en sus páginas.

Si desea obtener realmente inteligente que puede utilizar las opciones de romper el punto de gran alcance que le permiten recorrer el código línea por línea, esto es muy útil si quiere descifrar lo que está sucediendo como hace el código en una página, puede añadir relojes a los elementos para hacer la depuración de su código sea más fácil incluso. Si usted familiarizado con C + + y de programación Java que se llevará a este como un pato en el agua.

Registros de la consola

Si ha añadido Firebug para su navegador Firefox se puede utilizar console.log () dentro de sus comandos de JavaScript que se ejecutará en su consola de Firebug. Esta es una forma práctica de corrección de errores en las páginas web en vivo en el que no sólo puede alertar a un valor. Cuando estás navegador encuentra un registro de la consola se mostrará el valor de su consola de Firebug, para más información sobre esta y otras convocatorias echa un vistazo a la documentación completa.

Firecookie

Esta simple pero poderosa add-on para Firefox aparece en la consola de Firebug, cuando se descargan. Le dará acceso a la información acerca de las cookies se almacenan en sus páginas web, con la posibilidad de ver y retirarlos en que usted requiera, sin necesidad de cargar hasta pestañas separadas, a pesar de una herramienta similar está disponible en la barra de herramientas para desarrolladores Firecookie es un convinient opción a considerar. Esto es especialmente útil si usted está trabajando en secuencias de comandos que se basan en el uso de datos de la cookie en lugar de información de la sesión. Puede ser simple, pero desafiante, que yo estaría perdido sin ella.

De Desarrollo Web Bar

La mayoría de los diseñadores y desarrolladores están ya muy familiarizados con esta barra de herramientas, pero su siempre vale la pena mencionar. La barra de desarrollador web es un poco útil del kit de que se puede hacer una serie de tareas muy bien. Tiene una gama de herramientas que hacen que el desarrollo de sus sitios web mucho más fácil. Para los diseñadores web que le da al aire libre en las hojas de estilo, lo que significa que puede editar la hoja de estilo sobre la marcha. Esto es similar en principio a lo que es posible en Friebug. Las opciones de CSS son grandes si usted desea hacer un montón de cambios de estilo a tus páginas web, una vez que se hacen y se puede ver que están trabajando solo tiene que copiar todo el contenido de la hoja de estilos en la parte superior del original y de actualización a su FTP, guardar el método de ensayo y error, adoptado por muchos.

YSlow

Desarrollado por Yahoo, YSlow es una herramienta diseñada para ayudar con la optimización web. Personalmente he encontrado que necesita para aprovechar esta herramienta con una pizca de sal. Aunque es muy útil para medir el tiempo de carga de páginas, algunas de las funciones añaden como la clasificación de la página web valen la pena con vistas, como la base de los análisis pueden entrar en conflicto con lo que usted puede estar tratando de lograr.

Url Params

Probablemente una de las herramientas más útiles allí si alguna vez tiene que hacer algo con el envío del formulario. Url Params Firefox es otra poderosa añadir, viene en forma de una barra lateral que muestra POST y GET de la información, haciendo mucho más fácil para ver lo que le está enviando a través de. También puede añadir fácilmente los parámetros de ambos en un GET y POST campos. Un muy eficaz y fácil de usar herramientas.

Resumen

Las herramientas que he mencionado le ayudará si usted es un seaoned profesional, o simplemente un hobbiest. Esto no quiere decir que hay herramientas, no más allá de su uso. La belleza de esta lista de ID que todo en él es libre para su uso en proyectos comerciales o de otra manera. Si no hay otras herramientas en la lista por favor, comentar sobre ellas, Im siempre dispuestos a descubrir lo que otros desarrolladores están utilizando en el diseño web moderno.