JavaScript para principiantes

En mi último post analizaba la decisión de la Khan Academy de enseñar JavaScript como primer lenguaje de programación en su plataforma de aprendizaje online. Se trata de una elección discutible pero también innovadora, ya que tradicionalmente la iniciación a la programación se ha realizado a través de lenguajes procedimentales como Pascal o C, que a diferencia de JavaScript son lenguajes compilados y no orientados a objetos.
Me comprometí­a también en ese artí­culo a compartir algunos recursos que se encuentran en la red para aprender JavaScript de forma autónoma, así­ que he realizado una valoración de los que considero más relevantes:

Este último mes ya os hemos hablado en wwwhatsnew de Codecademy. Se trata de un proyecto de reciente creación que tiene como objetivo enseñar a programar (desde cero) de forma interactiva. Cuenta para ello con una consola y un editor de código integrados en la propia interfaz web. De momento sólo existe la posibilidad de aprender JavaScript, pero su intención es ampliar la oferta a otros lenguajes de programación como Ruby y Python. Proponen una aprendizaje por etapas en el que hay que finalizar todas las lecciones de un curso para poder comenzar el siguiente. Por ahora está disponible una sección para principiantes que consta de 3 cursos: Getting Started with Programming, Functions in JavaScript y JavaScript Quick Start Guide. Como puede deducirse de los tí­tulos, el material está disponible sólo en inglés. Aunque la interfaz todaví­a algún que otro error (es lógico tratándose de un proyecto poco rodado), la idea es buena y recomiendo su uso para aquellos que no tengan experiencia previa en programación. El mayor inconveniente que le encuentro es que está exclusivamente orientado a la práctica a través de ejercicios, pero no contiene ninguna guí­a o manual de referencia que pueda servir para consultar dudas o repasar lo aprendido. En otras palabras, puede ser muy útil como complemento al aprendizaje de JavaScript, pero es conveniente disponer de otro recurso como base para el mismo. Continúa leyendo «JavaScript para principiantes»

Calepin – Construyendo un blog a partir de textos en tu Dropbox


Estamos acostumbrados a que las plataformas de publicación de blogs usen una sección de administración desde donde los usuarios escriben y dan formato a sus textos.
Calepin no lo hace de esa forma, nos permite publicar en un blog usando para ello los textos que guardemos en nuestra cuenta de Dropbox. Cada vez que apretemos al botón publicar, el sistema verificará si hay nuevos textos y los transformará en posts dentro del blog.
Para que el formato sea el adecuado, usa el sistema Markdown (transformación de texto a HTML), que interpreta ciertos sí­mbolos en formatos especí­ficos de textos.

El resultado es limpio, claro, ideal para notas, aunque no enfocado para cualquier tipo de usuario, ya que no todos trabajan de forma cómoda usando un sistema como Markdown
Link: Calepin | Ví­a RWW

Sooner or Later ”“ plantilla de contador regresivo para el lanzamiento de tu próximo proyecto web


Imaginemos que vamos a lanzar próximamente nuestro próximo proyecto, ya sea cualquier proyecto con presencia en la web o directamente un proyecto web. En muchos casos se suele lanzar un contador regresivo donde mostrar el tiempo restante hasta que llegue el momento «de abrir las puertas». Desde la publicación WebResourcesDepot están distribuyendo una plantilla gratuita, desarrollada por VIVROCKS, que podemos incluir en nuestros sitios web.
Se trata de una plantilla de fácil instalación, de hecho podemos ejecutarlo en local sin necesidad de servidor web, y que nos permite configurarlo sencillamente en el código HTML para establecer la fecha concreta de lanzamiento de nuestro proyecto, ya sea personal o comercial. Funciona con el plugin jQuery Final Countdown y en la página mostraremos además del contador, algunos detalles de nuestro proyecto y algunas ví­as de contacto.
Lo mejor que podemos hacer es descargarlo y tenerlo en cuenta para crear más expectación para nuestros próximos proyectos.
Descarga: Sooner or Later | Ví­a: WebResourcesDepot

Premailer – adaptando una página HTML para ser enviada por correo electrónico


Nuestras costumbres en Internet están variando gracias a los avances que se producen que nos traen mejores productos y servicios. Aún así­, si tenemos necesidad de enviar mensajes de correo electrónico con página en HTML, desde hace algunos años contamos con Premailer, una herramienta gratuita que nos permite adaptar la página HTML que enviaremos por correo electrónico, de manera que pueda usarse sin problemas en aquellas plataformas donde deba visualizarse, tanto en clientes de correo de escritorio como web.
Para ello pasa las hojas de estilo CSS en atributos de lí­nea, las direcciones relativas las pasa a direcciones absolutas, y las propiedades CSS serán comparadas a las de los clientes de correo electrónico, siguiendo unos estándares. Además, creará una versión en texto plano.
Dispone de bookmarklet, de API, y su código fuente está disponible en Github.

randomtext.me – Un sofisticado generador de texto aleatorio


En randomtext.me tenemos un proyecto que permite a los diseñadores y programadores obtener rápidamente textos aleatorios en varios formatos.
HTML, listas, párrafos, encabezados… solo tenemos que configurar lo que necesitamos en el menú lateral y pegar el resultado en nuestras páginas web, siendo una buena forma de hacer los tests necesarios antes de dar por concluí­do el proyecto.
Es posible también usar su API, así­ como obtener los textos deseados usando la url del servicio (randomtext.me/lorem/ul-10/5-10/, por ejemplo, genera listas de 10 elementos con 5 a 10 palabras cada una).
Un generador de textos que va más allá de los tí­picos lorem Ipsum, ofreciendo lo que realmente necesitamos en los trabajos de creación.

fractal – Valida el HTML y CSS de tus email para que todos lo reciban bien


Si vais a mandar un email a varias personas es importante que tengáis en cuenta que existen muchos clientes de correo electrónico diferentes, cada uno de ellos con sus peculiaridades que pueden llegar a hacer vuestro email completamente ilegible.
Para evitar dicho desastre, podemos usar herramientas que validen el código html y css del cuerpo del email que tenéis pensado enviar, recibiendo informes sobre lo compatible que es con los programas de correo más habituales.
Esa es la idea de getfractal.com, una herramienta que, sin necesidad de registro, solicita el código que queremos analizar y devuelve el resultado de probarlo en 24 clientes de email diferentes, dando sugerencias para mejorarlo.
Imprescindible para evitar sorpresas.

QipLi – crea sencillas páginas web online… editando en HTML


En muchos de los servicios que tenemos en Internet para crear sitios web, básicamente basta con registrarnos y elegir de entre una serie de opciones que nos ponen en bandeja. Pues bien, este no es el caso de QipLi, ya que es un servicio de creación de sitios web donde tendremos que ser nosotros quienes definamos nuestros sitios web a través del HTML.
Basta con indicar el tí­tulo de nuestra página y la contraseña para ponernos manos a la obra, teniendo un editor de textos con sintaxis coloreada donde incluiremos nuestras hojas de estilos, nuestros scripts y el cuerpo de lo que será nuestro sitio web.
En todo caso podemos previsualizar como va quedando nuestro sitio web, y además, podemos difundirla a través de Twitter y Facebook. El nombre de nuestro sitio web será también el de nuestro propio subdominio,

jsfiddle – Un completo editor de código en la web

Leyendo la trayectorio de jsfiddle.net en su blog oficial, podemos ver que no se trata de una herramienta creada en un fin de semana y sí­ de algo mucho más ambicioso.
Podemos editar código en html, css y JS, eligiendo incluso framework, de entre los disponibles en el sistema.
En su documentación lo definen como un «parque infantil para los desarrolladores web», una herramienta que puede utilizarse como un editor en lí­nea para crear fragmentos de HTML, CSS y JavaScript.

El código puede ser compartido con otros, incrustado en un blog, etc Con este enfoque, los desarrolladores de JavaScript pueden muy fácilmente aislar errores. Nuestro objetivo es apoyar a todos los marcos de desarrollo y ayudar con las pruebas de compatibilidad


Con varios ejemplos disponibles, lo he conocido dentro de una institución académica especializada, siendo, por lo visto, muy utilizado en este ámbito.

La entrada de voz mediante HTML, lo más destacado de Google Chrome 11


Hace ya algunas horas que tenemos con nosotros la nueva versión estable del navegador de Google, Google Chrome, que en su versión 11, entre otras caracterí­sticas, tenemos la posibilidad de que las páginas nos puedan escuchar, de manera que no necesitemos ni plugins ni aplicaciones de terceros para que nuestras voces puedan ser recogidas de forma nativa por las páginas que así­ lo soporten.
Un claro ejemplo lo tenemos en el traductor de Google, en el que dentro del cuadro de textos, en su parte inferior derecha, encontramos el icono de un micrófono que nos permitirá habilitarlo e introducir nuestros textos de viva voz, eligiendo el idioma en el que deseamos que sea traducido, y además, podamos escucharlo.
Además, detrás de esta nueva versión hay otras nuevas tecnologí­as incorporadas, que podemos explotar sus funcionalidades, al menos para poder probarlas, a través de chromeexperiments, donde encontraremos más de 200 ejemplos albergados en dicho directorio para que nos permita ver como podrí­amos interactuar con los nuevos sitios web de última generación de aquí­ a poco tiempo.
Ví­a: Google Chrome Blog

Iwipa – Crea una página en Facebook con HTML, iframes y FBML estático


Si el otro dí­a os comentaba StaticHTML, hoy os presento a Iwipa una aplicación de Facebook del mismo calibre que nos permitirá crear una página utilizando para ello iframes, FBML estático y HTML, siendo una de las más populares de toda la red, con más de 2 millones de usuarios activos por mes.
Una vez conectados con los permisos necesarios para que la aplicación funcione correctamente podremos empezar a editar nuestra página, para ello utilizaremos un amplio abanico de herramientas que nos permitirán modificar desde el diseño hasta las pestañas pasando por la inserción de Google analitycs para medir el impacto, así­ como también la configuración de la botonera de “Me Gusta”, entre otras herramientas.
Los creadores de la aplicación han publicado un ví­deo en Youtube para que podáis ver cómo funciona la aplicación y las cosas que se pueden llegar a hacer:
Continúa leyendo «Iwipa – Crea una página en Facebook con HTML, iframes y FBML estático»