Entorno para programar

23 Septiembre 2009

La calidad de una página en php, de un programa en C,etc dependen del programador, pero un buen programa puede hacernos la vida más fácil y prevenir errores, darnos sugerencias, etc.

Programas para crear webs en php, html, css hay muchos, y a gustos, colores. Yo probé Frontpage cuando era más joven. La verdad es que es el peor programa que he visto en mi vida. Prefiero crear una web en html usando el bloc de notas, o un folio, antes que usar Frontpage. Con Frontpage (de pago), las webs serán compatibles con Internet Explorer, pero a poca complejidad que tenga, no se verá correctamente en ninguno de los demás navegadores (firefox, opera, chrome, safari, etc).

Dreamweaver fue el segundo programa que utilicé. De pago, lento al abrir, pero bastante eficiente. Tiene todo lo necesario para programar en php, javascript, html, etc.

Para html, tiene tres tipos de vista, al igual que Frontpage: diseño, código o dividido (media pantalla el código y la otra media el diseño). Personalemente, creo que para una correcta utilización del código html, se debe crear las webs directamente escribiendo el código y no mediante la opción de diseño.

Y el último programa que encontré, con el que me quedo y para mi el mejor hasta ahora, es Netbeans.

Con este programa no podrás crear código html a partir de un editor visual (al menos yo no he encontrado esa opción, aunque tampoco la he buscado mucho, pues no la uso). Una de las ventajas de Netbeans es que es libre y gratuito. Otra de las ventajas es que va por "modulos", es decir, puedes descargarte el programa para la creación de solo php (incluye html, css y todo lo necesario para la creación de páginas webs), solo para c o java o ruby, etc, o descargar la aplicación preparada para trabajar con todos los anteriores.

Es decir, que según la utilidad que vayas a darle, descargaras uno u otro programa. También puedes descargar 2 o 3, se añaden al primero instalado. De esta forma, con solo 26mb, tenemos un editor excelente de php, html y toda la pesca. Además, en mi opinión, mucho mejor que dreamweaver y compañía y tarda menos en cargar.

Netbeans no solo nos ayuda a completar nuestro código, mostrando las opciones disponibles en cada etiqueta html, si no que también las cierra. Más aún, al seleccionar una etiqueta, nos la resalta, y también resalta la parte donde se cierra esta etiqueta. De esta forma, es muy simple ver todo el código que abarca dicha etiqueta. También cuenta con acceso directo a cada etiqueta html en una ventanita aparte, siempre visible, si así lo deseamos, pues todas las ventanas se pueden cambiar de lugar, hacer más o menos grandes, hacerlas siempre visibles o solo al pasar el cursor, etc. Muy personalizable la interfaz.

En la parte de php, nos cierra automáticamente los corchetes, comillas, parentesis, etc. También, mientras escribimos el nombre de una variable nos va mostrando las posibilidades, para ir más rápido. Por ejemplo, si tenemos una variable llamada "$variable", al escribir "$var" nos mostrará la opción de autocompletar con "$variable", indicando además en que fichero, dentro de nuestro proyecto, se encuentra esta variable. También muestra la opción de autocompletar con variables de otros ficheros del mismo proyecto, por si usamos includes (más adelante veremos que son).

Además, no tenemos que perder tiempo buscando nuestra variables. Dejando el cursor sobre una variable, la resalta y al mismo tiempo resalta todas las veces que se repite dicha variable. Además, en la barra de scroll (la barra de la derecha para subir y bajar la posición de la página que se muestra por pantalla), nos marca del mismo color resaltado, las zonas donde hay más variables, de forma que con un clic, iremos a otra parte del código donde se encuentra la variable seleccionada.

En cuanto a CSS, no se que decir, hice hojas de estilo CSS usando Netbeans antes de saber la sintaxis de CSS. Aunque es muy dificil crear un archivo css sin tener la más mínima idea de este lenguaje y su sintaxis, la verdad es que Netbeans hace mucho por ayudarnos.

Sabiendo como mínimo la diferencia entre class(marcada con un punto), id(marcada con almohadilla #) y etiqueta estandar (<body><a><p><ul>...), solo hay que poner el nombre de la clase, abrir corchetes y el resto del código nos lo crea netbeans seleccionando las opciones que queremos.

css netbeans