Herramientas necesarias para un desarrollador web

Cada desarrollador tiene una forma diferente de trabajar, cierto es que respetan algunas normas de trabajo miestras desarrollan pero tambien cada uno tiene su forma.

Pero una cosa es indiscutible, entre las herramientas de desarrollo web hay algunas que no pueden  faltar en nuestro ambiente de trabajo.

Este articulo va directamente para aquellas personas que están ingresando a esta fantastica profesión que es el de desarrollador web o webmaster como quieran llamarlo, y por que no también aquellas que ya estan dentro y quieran aprimorizar o talvez compartir sus herramientas de desarrollo.

1 Editor de texto

sublime-text-capturaEmpezando con lo básico, primeramente necesitamos un editor de texto, no hay una regla de cual editor de texto utilizar ni tampoco podemos medir cual es el mejor o el peor(Blog de notas de Microsoft) editor de texto, pero es seguro que alguno tiene sus preferidos.

En mi caso personalmente ya utilice varios desde pagos y gratuitos el Dreamweaver, NetBeans, Eclipse, PHP Edit, GeDit, Notepad++ y SublimeText y adivinen con cual me quede?. Si respondieron Sublime Text acertaron pues yo y creo que el 99.99% de los desarrolladores lo están utilizando.

2 Navegaor Web

Claro que para probar nuestras páginas web tambien debemos tener un navegador instalado, Entre los más utilizados estan el Navegador de Google el Chrome luego le sigue el Mozilla Firefox, Internet Explorer :(, Safari y Opera.

Todos estos navegadores vienen con la herramienta para desarrolladores que nos resulta muy utiles a la hora de estar desarrollando nuestro proyecto.

Aca les muestro la herramienta del Mozilla Firefox, para abrirlo solo deben pulzar la tecla F12, en otros navegadores también funciona.

inspeccionar-elemento-mozilla

3 Servidores y Compiladores

Si trabajamos solo con páginas web en HTML talvez no lo necesitemos pero una vez que empezemos a trabajar con php y creamos páginas webs dinamican son indispensables. Para eso necesitaremos instalar el PHP, Apache y un Servidor MySQL para poder trabajar con base de datos. Podemos hacerlo de forma individual pero también existen Softwares que en las que ya vienen empaquetados estas tres herramientas y que se instalan todo de forma automática sólo con algunos clics.

Estamos hablando de Wamp Server o el Xamp Server.

Con estras tres herramientas ya podemos empezar a desarrollar cualquier de sitio o aplicación web que deseemos.

En el proximo articulo iré agregando otras utilidades que nos ayudarán para una mejor producción. tales como frameworks, y extenciones para nuestros navegadores.

 

QUÉ ES LOREM IPSUM Y PARA QUÉ SIRVE?

Lorem Ipsun

Seguramente navegando por internet en busca de plantillas ya te abras topado con estos textos, Lorem Ipsun y no sabias que significaba y tambien que decía, bueno de esto exactamente se trata este articulo, darle una pincelada de lo que es y para que sirve, ya que es muy útil cuando estemos trabajando en el Layout de  nuestras páginas web y necesitamos llenar algun sector de nuestra página web con textos.

Que es Lorem Ipsum?

Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas «Letraset», las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.

De donde viene?

Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza clásica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, «consecteur», en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de «de Finnibus Bonorum et Malorum» (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera linea del Lorem Ipsum, «Lorem ipsum dolor sit amet..«, viene de una linea en la sección 1.10.32

El trozo de texto estándar de Lorem Ipsum usado desde el año 1500 es reproducido debajo para aquellos interesados. Las secciones 1.10.32 y 1.10.33 de «de Finibus Bonorum et Malorum» por Cicero son también reproducidas en su forma original exacta, acompañadas por versiones en Inglés de la traducción realizada en 1914 por H. Rackham.

Por qué lo usamos?

Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo «Contenido aquí, contenido aquí». Estos textos hacen parecerlo un español que se puede leer. Muchos paquetes de autoedición y editores de páginas web usan el Lorem Ipsum como su texto por defecto, y al hacer una búsqueda de «Lorem Ipsum» va a dar por resultado muchos sitios web que usan este texto si se encuentran en estado de desarrollo. Muchas versiones han evolucionado a través de los años, algunas veces por accidente, otras veces a propósito (por ejemplo insertándole humor y cosas por el estilo).

Fuente: http://es.lipsum.com/

Lorem Ipsum

Complemento Lorem Ipsum

Las herramientas de desarrollo web que utilizamos aca en CTI Technology soportan el complemento Lorem Ipsum. Para utilizarlo es muy simples.

Sublime Text:
El Sublime Text ya trae incorporado el complemento para Lorem Ipsum, para utilizarlo solo debemos escribir la palabra lorem, y luego pulstar la tecla TAB de nuestro teclado, un ejemplo de esto sería:
<html>
<head>
<title></title>
</head>
<body>
lorem
</body>
</html>
Netbeans: 
Con el Netbeans también ya incluye un complemento para Lorem Ipsun, para utilizarlo debemos presionar la tecla ALT Izq + INSERT de nuetro teclado, nos abrira una ventana donde nos pregutará la cantidad de parrafos que queremos insertar, y como queremos estén separados, por etiquetas <p>, <div> o <span>.

 

Dreamweaver CS4 y CS5
El Dreamwever soporta varios complementos, en el caso del Lorem Ipsum no viene incluido en la instalación del Dreamweaver, pero podemos instalarlos de forma facil y sencilla.

– Primeramente debemos descargar el Complemento desde aqui
– Luego abrimos el Adobe Extension Manager y buscamos el complemento y le damos instalar y listo, iniciamos nuestro Dreamweaver y ya estara funcionando.
– Para utilizar nos vamos en el menu Insertar –Lorem and more y elegimos la cantidad de párrafos que necesitemos que inserte.

A diferencia que el Netbeans y el Sublime text, el complemento Lorem and more para el dreamweaver trae ademas del texto Lorem Ipsun, tambien trae textos de Cicero SpeechCorporate Mumbo-Jumbo y Shakespeare. Ahi queda a gusto de ustedes cual quieran utilizar.

DESCARGAR HERRAMIENTAS PARA DESARROLLO WEB

Notepad ++

Notepad ++, Es un editor de texto libre y de código abierto, soporta varios lenguajes de programacion y esta basado en el poderoso componente de edición Scintilla, Notepad + + está escrito en C + + y usa la API de Win32 y STL lo que asegura una velocidad mayor de ejecución y menor tamaño del programa. Mediante la optimización de tantas rutinas como sea posible sin perder la facilidad de uso.

Sitio Web de los desarrolladores http://notepad-plus-plus.org/ – Descargar


Filezilla

Filezilla, Es un cliente FTP también libre y de código abierto, Es uno de los programas más populares para subir archivos al servidor utilizando el protocolo FTP. El Filezilla esta disponible para las plataformas Microsoft Windows, Mac OS y Linux.

Sitio Web de los desarrolladores https://filezilla-project.org/ – Descargar


WampServer

WampServer, El nombre wamp-server viene de Windows + Apache + Mysql + Php. Es una Basicamente un paquete completo que facilita al 100% la instalación de esos servicios para crear un servidor web en forma local en nuestra propia computadora para que podramos probar las páginas que vayamos creando.

Sitio Web del proyecto http://www.wampserver.es/ Descargar para Windows 64 bits – Descargar para Windows 32 bits


Lorem Ipsum

Lorem Ipsum, Herramienta muy util para desarrolladores web, diseñadores grafico e imprentas, esta herramienta permite insertar un conjuto de textos de relleno, Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.

Enlace de descarga


Colorzilla

Colorzilla, Herramienta indispensable para el desarrollaor web o diseñador gráfico para obtener el codigo de color de cualquer parte de nuestra pantalla, imagen, sitio web etc..

El colorzilla se instala directamente en nuestro navegador, hay versiones para Mozilla Firefox y Google Chrome.

Enlace de descarga