Angular 4: Conviértete en Desarrollador Web Full Stack

Esta clase es una introducción al Data Binding, los procesos que utiliza Angular para enviar datos entre la clase del componente y la plantilla.

En esta clase aprendemos la más sencilla de las técnicas Data Binding, la interpolación.

La interpolación también permite emplear métodos en el enlace de datos, en esta clase aprendemos de forma práctica como llevarla a cabo.

Continuamos con otro de los procesos Data Binding, en este caso el Property Binding.

En esta clase aprendemos como enlazar los eventos HTML con la clase del componente Angular.

Finalizamos sección con la técnica Two Way Binding.

Nueva sección en la que comenzamos con una introducción a las directivas.

La primera de las directivas que vamos a aprender de forma práctica es ngIf, ampliamente utilizada para cualquier proceso lógico del lado de la plantilla HTML.

Complementamos la clase anterior con else.

También ngIf + else se puede utilizar con métodos, aprendemos como llevarlo a cabo.

Llega el turno de ngStyle, una directiva para establecer estilos CSS de forma dinámica.

Continuamos con ngClass, una directiva para establecer clases dinámicamente en los elementos HTML.

Llegamos a ngFor, probablemente la directiva de Angular más empleada cuando trabajamos con registros.

Aprendemos también como utilizar objetos en Angular, de nuevo con ngFor.

Vamos a aprender en esta clase como establecer una lógica en función de los valores de una propiedad en Angular a través de ngSwitch.

Una de las ventajas que tiene Angular es la posibilidad de crearnos nuestras propias directivas para crear bloques de código reutilizables.

Aprendemos ahora, aunque no sean directivas, como utilizar el decorador @Input.

Para finalizar sección, aprendemos a utilizar el otro decorador para el traspaso de datos entre componentes, @Output

Comenzamos repasando el pipe Date, para dar formato de salida a los valores de fecha.

En esta miniclase aprendemos los pipe Uppercase y Lowercase, para convertir en mayúsculas o minúsculas los strings.

Nuevo pipe, en este caso llamado Decimal, que sirve para dar formato a los números.

En esta clase aprendemos el pipe Currency, empleado en el formato de monedas.

Nuevo pipe muy interesante, i18nSelect, veremos como modifica el formato de salida en función de un valor.

Finalizamos sección aprendiendo como crear un pipe propio.

Nueva sección para aprender uno de los elementos más importantes de una aplicación Angular, los servicios.

Ampliamos el conocimiento de los servicios con el uso en estos de objetos.

En esta clase vamos a aprender de manera práctica como implementar el routing en una aplicación Angular.

Complementamos esta sección del curso con la implementación de una barra de navegación.

Comenzamos sección con la técnica de programación de formularios en Angular Drive Template.

Completamos nuestro ejemplo de formulario con esta técnica.

Vamos a aprender como cargar datos en un select en Angular.

Vamos a implementar en nuestra aplicación la validación de los campos del formulario mediante HTML.

Aprendemos como emplear los estados del formulario para establecer ayudas dinámicas.

Comenzamos la segunda técnica, Reactive, de programación de formularios en Angular.

Aprendemos a completar el ejemplo de formulario Reactive en Angular.

Aprendemos a validar programáticamente en Angular nuestro formulario, del lado de la clase del componente.

Finalizamos sección aprendiendo a usar ValueChangues.

Iniciamos sesión aprendiendo a configurar Firebase para emplearlo en nuestra aplicación.

Aprendemos a utilizar peticiones http Post para crear registros en nuestra base de datos.

Aprendemos a utilizar peticiones http Get para leer registros en nuestra base de datos.

Aprendemos a utilizar peticiones http Put para actualizar registros en nuestra base de datos.

Completamos el ejemplo de la clase anterior.

Finalizamos sección, aprendiendo a utilizar peticiones http Post para crear registros en nuestra base de datos.

Comenzamos esta sección aprendiendo a crear un componente de registro de usuarios en nuestra aplicación.

Completamos el ejemplo de la clase anterior.

Aprendemos a crear un servicio para conectar nuestra aplicación a Firebase.

Implementamos validaciones y ayudas al formulario de registro.

Aprendemos a crear un componente de inicio de sesión.

Aprendemos a implementar métodos de control de inicio de sesión en nuestra aplicación.

Aprendemos a proteger las rutas de nuestra aplicación.

Finalizamos sección aprendiendo a crear unos sencillos links entre registro e inicio de sesión.

Nueva sección. Comenzamos aprendiendo a crear un módulo adicional en nuestra aplicación.

Aprendemos a crear un nuevo componente en el módulo adicional.

Código del proyecto actualizado con el módulo Facturas.