Cuando hace dos años nos dijeron que iban a añadir el ciclo de DAW en mi centro nos preguntamos si estábamos suficientemente actualizados en el desarrollo web. Por suerte, tardaríamos un año en tener módulos realmente difíciles en segundo. Al ver que tenía posibilidades de dar este módulo, me apunté a un par de cursos donde me dí cuenta todo lo que ha cambiado en pocos años el mundo de la web. Así que no sólo era explicar Javascript, sino cómo desarrollar y desplegar una aplicación. En este artículo voy a exponer mi enfoque del módulo de DWEC y lo que creo que se puede mejorar.

Mi intención para el primer trimestre era explorar Javascript vanilla a fondo. Para ello me he basado principalmente en los apuntes disponibles en apuntesFPinformatica ya que no tenía tiempo de elaborar los míos y porque no hay porqué reinventar la rueda. Lo que no sé hacer es explicar con diapositivas de otros, así que me hice las mías (más abajo están los enlaces). Por otro lado, para explicar bien los temas más peliagudos (this, propotipos, promesas…) mi referencia es el libro You don’t Know JS.

Además, hice un artículo en el wiki de esta web con ejemplos.

No me dio tiempo a dar más que unas pinceladas a Jquery. No obstante, con ES6 y otros frameworks, JQuery ha perdido importancia y tal vez lo elimine completamente si en un futuro vuelvo a impartir este módulo.

En el segundo trimestre ha sido el turno de Angular. De nuevo he usado apuntes de otros y diapositivas mías. Además de una especie de tutorial en el wiki. Me ha sorprendido la facilidad para asimilar Angular por parte de los alumnos. Lo veían lógico y agradable de programar. Supongo que con otros frameworks habrían dicho lo mismo.

Al final, desplegar la aplicación no ha sido tan satisfactorio por la falta de tiempo y sobretodo por que nos faltaba un servidor REST API interesante y la web al final trataba sólo con datos estáticos. Mi propósito y recomendación es hacer un servidor REST API común para que los alumnos lo consulten. Tenerlo desde el primer día y usarlo tanto para fetch en JS como para los servicios en Angular.

Estas son algunas de las diapositivas que he utilizado:
Desenvolupamen web en entorn Client
Javascript Comunicació amb el servidor
JQuery
NPM
WebPack
Angular