Practicar JavaScript con proyectos concretos puede ser mucho más útil que limitarse a leer teoría. MIT OpenCourseWare mantiene disponible una colección gratuita de ejercicios centrados en interfaces web y aplicaciones interactivas.
El material forma parte del curso 6.813/6.831 User Interface Design and Implementation, impartido por el MIT durante el semestre de primavera de 2011. La sección de programación incluye tres prácticas principales basadas en HTML, CSS y JavaScript.
El primer reto consiste en crear una aplicación web
El primer ejercicio, PS1: Implementing an HTML/Javascript Application, propone construir una pequeña interfaz capaz de buscar palabras dentro de una lista. El estudiante debe implementar el diseño utilizando HTML, CSS, JavaScript y jQuery.
MIT proporciona archivos iniciales, incluyendo una interfaz HTML, código JavaScript y dos diccionarios en JSON. Uno contiene 850 palabras y otro más de 45,000.
El ejercicio también pide actualizar los resultados mientras el usuario escribe, añadir un botón para limpiar la búsqueda y adaptar la interfaz al tamaño de la ventana.
Si buscas otro recurso para reforzar fundamentos, también puedes consultar este libro gratuito de Python con más de 200 páginas.
JavaScript aplicado a gráficos y eventos
El segundo ejercicio cambia bastante el enfoque. El objetivo consiste en crear la vista de un juego de damas utilizando HTML5 Canvas, JavaScript y diferentes técnicas de representación gráfica.
MIT entrega varios archivos .js, además de HTML, CSS y recursos gráficos. El estudiante debe construir el tablero, mostrar las fichas y actualizar la interfaz cuando cambie el estado del juego.
El tercer ejercicio añade interacción. Aquí se trabajan eventos, detección de clics, arrastre con el ratón, selección de fichas y activación o desactivación de acciones según el estado de la interfaz.
También se pide que las fichas puedan arrastrarse suavemente por el tablero y que el usuario pueda seleccionarlas, eliminarlas o convertirlas en piezas especiales.
Para quienes también quieran mejorar su inglés técnico, Santander mantiene abierta una iniciativa con 21,000 plazas para estudiar inglés gratis.
Tres ejercicios para practicar desarrollo web de forma aplicada
Estos materiales no forman un curso básico de JavaScript desde cero. Su valor está en usar el lenguaje dentro de proyectos concretos relacionados con interfaces, eventos y experiencia de usuario.
Además, MIT proporciona archivos de apoyo para comenzar las prácticas sin tener que construir toda la estructura desde cero. Eso permite centrarse directamente en la lógica y el comportamiento de cada aplicación.
Puedes consultar los ejercicios y descargar los materiales gratuitamente desde MIT OpenCourseWare.
