- Zoom room: https://us02web.zoom.us/j/82967900731?pwd=L29jdUNkU282UXA2TFlrQjltL0toQT09
- Este taller será dictado en español
Qué nos puede enseñar Mozilla respecto al desarrollo de aplicaciones web: un ejemplo con SvelteJS
La actividad consistirá en un workshop en el cual daremos una introducción a SvelteJs, una herramienta que permite desarrollar sitios web interactivos y ágiles, y luego desarrollaremos e implementaremos una aplicación web.
Durante la primera parte mostraremos el uso y las posibilidades que nos brinda esta herramienta desarrollando iterativamente una aplicación para llevar registro de la lista de cosas que tenemos para hacer (un Todo application) y en la segunda parte daremos los primeros pasos para desarrollar una aplicación web.
Para ello, utilizaremos una serie de tutoriales que escribimos recientemente para Mozilla Developer Network y que se encuentra disponible aquí: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks#Svelte_tutorials.
La idea es que los participantes se familiaricen con Svelte, y con el material de consulta provisto por Mozilla, a fin de que puedan completar el resto de los ejercicios del tutorial trabajando por su cuenta luego de finalizado el workshop.
SvelteJS aporta un nuevo y novedoso enfoque al desarrollo de interfaces de usuario. En vez de proveer un framework que corre en el explorador del usuario, SvelteJs compila nuestra aplicación a código JavaScript altamente optimizado. De esta manera, no sólo logramos una aplicación más liviana, sino también un proceso de desarrollo mucho más simple y ágil. Con tener tan sólo conocimientos básicos de HTML, CSS y JavaScrips ya podemos hacer aplicaciones completas.
SvelteJs fue creado por Rich Harris, periodista de investigación de The Guardian y del New York Times, y la herramienta creada por el es sumamente ágil, pragmática y simple. Precisamente por la facilidad que presenta para empezar a desarrollar, y lo livianas que resultan las aplicaciones desarrolladas con SvelteJS, es una herramienta ideal para realizar visualizaciones interactivas y embeber aplicaciones en sitios web.
Mozilla Developer Network (MDN) es uno de los recursos más populares para desarrolladores en la Web. Diseñado por desarrolladores para desarrolladores, MDN ayuda a respaldar la misión de Mozilla de promover la apertura y la innovación en la Web. En la actualidad, MDN brinda servicios a más de 15 millones de desarrolladores web mensualmente, poniendo a disposición la mejor documentación, tutoriales y herramientas para desarrolladores.
En los últimos meses estuvimos trabajando junto a MDN desarrollando una serie de tutoriales interactivos para aprender a desarrollar aplicaciones web con Svelte. El tutorial arranca de un nivel introductorio, llegando a cubrir aspectos avanzados de la herramienta. Provee además el código fuente de la aplicación y herramientas para ir desarrollando la aplicación paso a paso siguiendo el tutorial.