viernes, 5 de abril de 2013

Herramientas

Para programar en html5 y javascript lo único estrictamente necesario es un editor de texto sencillo y un navegador web.

Editor de texto

Se podría usar el bloc de notas de Windows o cualquiera de los editores de Linux, pero recomiendo un editor un poco más avanzado, que sin perder simplicidad de uso, tenga características básicas como el resaltado de la sintaxis. Cualquiera de los 2 siguientes es buena opción:

  • Notepad++: de código libre y gratuito. Muy sencillo de usar y bastante completo. Si no tienes práctica con el Sublime Text 2 usa éste.
  • Sublime Text 2: de código cerrado y de pago, pero con versión de prueba sin límites de uso. Con prestaciones bastante más avanzadas pero por ello más dificil de usar bien. Se puede descargar la versión de prueba para Windows 32 y 64 bit, Linux 32 y 64 bit y Mac OS X en la página web oficial.

Navegador Web

Podría valer cualquiera, en principio, pero cada uno de ellos y cada versión va implementando cada vez más características del estándar de html5 y de javascript, así que lo recomendable es usar la última versión de un navegador que tenga una buena compatibilidad con html5 y javascript. Además hay ciertas incompatibilidades entre unos navegadores y otros, así que lo recomendable es usar uno que se ciña bastante bien al estándar, por ejemplo:


Hojas de referencia

Esas son las herramientas necesarias, pero como complemento no está de más tener un par de hojas de referencia rápida para consultar la sintaxis, tanto de html5 como de javascript:
  • Html5 Quick Reference Guide: descargable en pdf desde esta página del sitio web de Veign.
  • Javascript Reference Card: descargable en pdf desde esta página de Addison-Wesley.
  • Html5 Canvas Cheat Sheet: pdf.

Otras hojas de referencia (para gustos los colores):


Detección de errores en javascript

  • JSHint: en versión web y también disponible como plugin para algunos editores de texto populares, en partitcular, JSLint para Notepad++.(El plugin JSLint para Notepad++ es compatible con JSHint).
  • JSLint: en versión web y también en el plugin JSLint para Notepad++.
Las dos herramientas son similares, JSLint es la original y JSHint surgió después. Ha habido grandes discusiones en internet acerca de ambas herramientas y sus distintas filosofías. Sin ganas de entrar en polémicas, yo prefiero JSHint porque no se queja de las declaraciones de variables en la instruccion for. Resulta que algo tan común y correcto como:

for(var i=0; i < iteraciones; i++){}

JSLint lo considera  una aberración.

No hay comentarios:

Publicar un comentario