Recursos curso Angular

curso-angular-carherco

https://github.com/juanda/curso-angular-carherco

Fork del curso de Carlos Herrera

Es Angular 5

curso-angular-juanda

https://gitlab.com/juandalibaba/curso-angular

Curso de Juanda Rodríguez. La documentación es la misma que la del fork del curso de Carlos. Hay que mantenerla sincronizada para poder hacer pull request.

Es Angular 6

documentación del curso-angular-juanda

https://gitlab.com/juandalibaba/curso-angular/blob/master/docs/index.md

ng-keystorage

https://gitlab.com/juandalibaba/ng-keystorage

Una aplicación con:

  • bootstrap para CSS
  • Administración de usuarios y grupos
  • Autenticación
  • Un módulo vacío de prueba

Se usan formularios (template-form) y validadores.

También se trabajan los guards.

Es Angular 5

game-platform

https://gitlab.com/juandalibaba/game-platform

Igual que ng-keystorage pero con Angular 6, y con la intención de añadir módulos con distintos juegos clásicos a los que los usuarios pueden acceder según sus permisos.

Es Angular 6

parejas

https://gitlab.com/juandalibaba/parejas.git

Una versión sencilla del juego memotec implementada con un solo componente (carta) que usa desde el componente principal 2 veces el nº de imágenes que se existan en un array de imágenes. Los componentes carta se comunican con el componente principal y viceversa. Es un buen ejemplo para estudiar

  • la comunicación entre componentes en ambas direcciones (padre-hijo, hijo-padre).
  • El uso de servicios
  • Directiva *ngFor
  • Lifecycle de componentes (se usa ngOnChanges)

Es Angular 6

pong

https://github.com/juanda/pong-game.git

El juego clásico de pong implementado en Angular.

Es un buen ejemplo para estudiar el concepto de zona (zone.js, NgZone)

Es Angular 5

rutas

https://gitlab.com/juandalibaba/rutas

Proyecto sencillo para estudiar las rutas

Es Angular 6

formularios

https://gitlab.com/juandalibaba/formulario

Proyecto sencillo para estudiar formularios

Es Angular 6

El bucle de eventos

enlace

Una presentación donde se explica el bucle de eventos a través de un simulador.

Servicio de configuración

https://blogs.msdn.microsoft.com/premier_developer/2018/03/01/angular-how-to-editable-config-files/

Una propuesta elegante para implementar un servicio de configuración para las aplicaciones Angular