Aprende Angular 8+ desde 0 con 10 proyectos completos

Aprende a realizar aplicaciones web Front-End (+30h)

Ratings: 4.23 / 5.00




Description

¡Bienvenidos a mi curso de Angular 8+ (Angular 8 hacia delante)! Angular esta experimentando un crecimiento enorme en el desarrollo web Front-End, haciendo que si estas en este sector tarde o temprano tengas que aprender este framework Javascript de Google.

En este curso, quiero que te inicies en este framework y lo haremos haciendo desde pequeñas aplicaciones a otras más complejas.

Aprenderemos todos los componentes que forman Angular para hacer nuestras aplicaciones web.

Estas serán las aplicaciones que haremos en este curso:

  • Pregunta y respuestas: primera aplicación para empezar con lo más básico de angular, los componentes, la estructura de este y directivas *ngIf y *ngFor.

  • Lista de tareas: creamos nuestras propias tareas y podremos visualizar aquellas que estén completas y las que no. En esta app, aprenderemos como se comunican los componentes entre sí, usando Input y Output.

  • Agenda de contactos: añadiremos nuestros contactos a través de un formulario y los visualizaremos en pantalla. Veremos el potencial de los formularios en Angular en esta app.

  • Cocktail app: usando la API de cocktaildb, realizaremos filtros para buscar nuestros cocktails preferidos. En esta app, veremos como usar los servicios para recoger información de fuera. También veremos como se crean y usan los modelos (clases).

  • Viajes soñados: Cargaremos una lista de países en una lista que podremos arrastrar y mover a otra lista usando drag and drop. Veremos como usar angular Material y directivas propias de angular.

  • Viajes soñados (mejora 1): Vemos como usar un instalar y poner un mapa de Google maps. Por cada país que indiquemos, se colocará una marca en el mapa.

  • Reservas peluqueria Juani: Usando un formulario, introduciremos los datos para añadir una reserva. Mediante un logueo, podremos ver las reservas que nos han creado. Las reservas se guardan en FireBase. El formulario será un formulario reactivo.

  • Reservas peluqueria Juani (mejora 1): Añadimos un calendario (fullcalendar) para mostrar las reservas.

  • Burguer Queen: Imitamos los paneles de pedido rápido de las cadenas de comida rápida, repasando todo lo anterior pero aun mayor nivel. Los pedidos serán guardados en FireBase.

  • Burguer Queen (mejora 1): Añadimos paypal como forma de pago.

  • Dashboard: Parte trasera de la aplicación de blog dinámico, nos permitirá crear post y categorías. Veremos gráficas, herencia de componentes, guards y directivas propias. Todo se guarda en FireBase.

  • Blog dinámico: Mostramos los posts guardamos a través de la aplicación dashboard, la aplicación es una imitación de mi web original, discoduroderoer.

  • Controla gastos: Aplicación para controlar nuestros gastos e ingresos para tener una idea global de como gastamos nuestro dinero, pudiendo crear nuevos usuarios y loguearnos en la app. Usaremos gráficas, detalles, animaciones, suscripciones, validadores personalizados, formularios, etc. Todo lo gestionaremos desde FireBase.

  • Visor pedidos Burguer Queen: Aplicación relacionada la de Burguer Queen donde veremos los pedidos que se realizan desde esta con una vista para el empleado que gestiona el pedido y otra para el cliente que espera su pedido. Generamos PDFs para mostrar nuestro pedidos.

  • Escritorio aplicaciones: Aplicación que recopila todas las anteriores aplicaciones para mostrar todas las aplicaciones realizadas en el curso y otras tuyas. Vemos como podemos tener aplicaciones una dentro de otra.

Como extra, os agrego las aplicaciones que hacemos en Youtube y Twitch.

Todas las aplicaciones han sido testeadas en las siguientes versiones:

  • v8.0.1

  • v8.2.14

  • v9.1.2

  • v10.0.5

  • v11.1.1

  • v12.0.2

  • v13.0.3

¡Nos vemos en el curso!

What You Will Learn!

  • Manejar los conceptos básicos de Angular.
  • Entender todo lo que compone Angular (componentes, servicios, directivas, pipes, etc).
  • Crear aplicaciones web con Angular.
  • Desplegar tus propias aplicaciones en un servidor.

Who Should Attend!

  • Profesionales que quieran aprender Front-End.
  • Desarrolladores que quieran aprender Angular.
  • Personas que quieran hacer una aplicación web con Angular.