Angular
Actualmente los ejemplos están utilizando la versión 18, con la versión 20 de NodeJS.
Instalación del entorno
Seguí los pasos de instalación del entorno Angular
Secuencia didáctica
El contenido se desarrolla a partir de una estructura didáctica de ejemplos, cuyo orden recomendado es el siguiente:
Conversor: aquí aprenderás sobre cómo crear una aplicación desde cero con Angular CLI, con dos componentes standalone (nuevos desde Angular 17)
uno trabaja con el mecanismo de binding entre vista y modelo dentro de un formulario template,
otro mediante signals
las validaciones, las transformaciones de datos (pipes built-in) y el testeo unitario.
Segundo ejemplo, Twitter, que trabaja con conceptos similares.
Componentes reutilizables: en este ejemplo se muestra cómo crear componentes reutilizables que tienen su propio estado, en particular
un componente que muestra un usuario dentro de una tabla HTML de usuarios
un componente contador que muestra un número y permite que el usuario sume o reste ese valor de a uno
Para la vista se utiliza el framework Material Design.
Apuestas de una ruleta: combos combinados para apostar a pleno o docena, manejo de validaciones de un formulario.
Búsqueda de libros: utiliza con más profundidad el routing de Angular que permite definir la navegación de componentes. También a partir de aquí vemos los services de Angular como objetos encargados de conocer un origen de datos y recolectar información. En principio el servicio es solamente local. El ejemplo cuenta también la definición de pipes custom para filtrar una búsqueda en forma local + el testeo unitario de un componente utilizando un stub del servicio de Angular. Para la vista se utiliza el framework Material Design for Bootstrap, que de aquí en adelante será nuestro estándar.
Tareas:
tiene el back-end construido en Spring Boot
y el front-end en Angular
Streaming - series y películas: componentes visuales reutilizables para agregar diferentes colecciones de una serie o película, uno para actores y otro para calificaciones de la película. También la serie y la película comparten un componente padre donde cargan la información compartida, solo se define una vez.
Videos en Youtube
Si te interesa seguir la secuencia didáctica hay tutoriales en Youtube donde podés seguir esta lista de reproducción.