Clase magistral de Angular 9 con TypeScript, Firebase y el sitio del curso de materiales

Angular es uno de los frameworks front-end más populares para crear aplicaciones de una sola página o aplicaciones web con HTML, CSS y TypeScript.

Aprender Angular 2 o Angular 4/5/6/7/8 o Angular 9 o simplemente Angular (como le gusta llamarlo al equipo de Angular) por su cuenta puede ser confuso o frustrante a veces. Es posible que deba navegar a través de varios tutoriales, artículos, videos de YouTube, etc. y controlarlos.

Si desea deshacerse de todos esos problemas y solo concentrarse en aprender Angular, este es EL curso para usted. En este curso, lo llevaré a través de un emocionante viaje de aprendizaje de conceptos angulares a través de ejemplos de codificación divertidos y fáciles de entender.

A medida que avanza el curso, se familiarizará con:

1. Aplicaciones de una sola página y por qué deberíamos usar Angular para construirlas
2. TypeScript y ESNext (ECMAScript 2015 o ES6 y versiones posteriores)
3. Módulos angulares, el decorador @NgModule y el mecanismo de arranque de aplicaciones angulares
4. Angular Components, @Component Decorator, comunicación de componentes y LifeCycle Hooks
5. Directivas, el @Directive Decorator y la creación de directivas de atributos y estructurales personalizadas.
6. Inyección de dependencias en Angular, @Injectable Decorator, Services, RxJS Observables y realizar llamadas AJAX a API REST
7. Enrutamiento, enrutamiento infantil y guardias de ruta
8. Canaliza el @Pipe Decorator y crea tubos puros personalizados y tubos impuros.
9. Formas controladas por plantilla y formas reactivas en angular
10. Decoradores personalizados
11. El uso de bibliotecas de terceros como Angular Material, Firebase, etc.

Sección 1 - Aplicaciones de una sola página, por qué Angular y configuración de proyectos:

1. Resumen del curso
2. Introducción a SPA
3. ¿Para qué necesitamos Angular?
4. Configuración del entorno de desarrollo.
5. Arquitectura de aplicación angular
6. CLI angular
7. Estructura del proyecto

Sección 2 - TypeScript y ESNext:

1. Que es TypeScript
2. Tipos básicos en TypeScript
3. Declaraciones de variables usando Let y Const
4. Propagación y Desestructuración.
5. Clases
6. Interfaces
7. Funciones de flecha
8. Módulos
9. buscar API
10. async / await

Módulos angulares y componentes angulares

• @NgModule
• Mecanismo de Bootstrap de aplicación angular
• @Componente
• Enlace de datos / propiedades
• Ver encapsulación
• Comunicación entre componentes (@ entrada / @ salida, emisor de eventos)
• Variables de plantilla (ViewChild / ContentChild)
• Proyección de contenido (ng-content)
• Metadatos: descripción básica
• Ganchos de ciclo de vida
• Orden y activación de cada anzuelo
• Ganchos específicos para componentes y decoradores

Inyección de dependencia (proveedores)

• Inyección de dependencia: ¿por qué?
• La inyección de dependencia: como patrón de diseño
• Inyección de dependencia: como marco
• Inyección de dependencia: ¿qué?
• Inyectores y proveedores
• Inyección de dependencia jerárquica

Clase magistral de Angular 9 con TypeScript, Firebase y el sitio del curso de materiales

Enrutamiento

• Rutas infantiles
• Parámetros de ruta
• Guardias de ruta: CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad

Servicios (@Inyectable)

• Servicio como singleton, intercambio de datos.
• HttpClient, HttpHeaders, HttpParams
• Observables con operadores como el mapa, suscribirse, capturar, reintentar, etc.
• Asignaturas
• Compartir datos entre componentes mediante el servicio

Directivas (@Directiva)

• Directivas estructurales integradas: NgFor, NgIf, NgSwitch
• Directivas de atributos incorporadas: NgClass, NgStyle, NgNonBindable
• Creación de una directiva estructural personalizada
• Creación de una directiva de atributos personalizados

Tubos (@tubos)

• Tuberías integradas
• Construcción de tuberías personalizadas
• Pipa pura e impura

Formularios

• Formularios controlados por plantillas
• Formas reactivas
• Validaciones de formularios
• Validaciones de formularios síncronos personalizados
• Las validaciones de formularios asincrónicos personalizados

Decoradores personalizados

• Metadatos: análisis profundo
• Decorador de clase personalizada de edificio
• Decorador de propiedades personalizadas de edificios

Integración con bibliotecas de terceros

• Bootstrap de diseño de materiales
• Material angular
• Firebase

Al final de este curso, podrá:

• Cree aplicaciones de una sola página de un extremo a otro en Angular por tu cuenta
• Comprender y arreglar errores comunes de tiempo de compilación y tiempo de ejecución en minutos
• Comprender e implementar código limpio y mantenible como un profesional
• Solicitar mejores prácticas al crear aplicaciones angulares

Siempre comenzaremos con lo básico y partiremos de allí. Desde el principio del segundo módulo, entrará y construya su primera aplicación Angular en minutos.

Durante las próximas 15 horas, aprenderá conceptos básicos de la creación de aplicaciones de una sola página (SPA) con Angular:

• Visualización de datos y manejo de eventos DOM
• Edificio reutilizable componentes
• Manipulando el DOM usando directivas (tanto estructurales como de atributos)
• Transformando datos usando tubería
• Edificio formularios reactivos y basados ​​en plantillas
• Consumir API REST mediante servicios HTTP
• Manejo de errores HTTP adecuadamente
• Utilizando Extensiones reactivas y Observables
• Añadiendo enrutamiento y navegación para adherirse a los conceptos básicos de una aplicación de una sola página
• Creación de aplicaciones sin servidor en tiempo real con Firebase
• Construyendo hermosas interfaces de usuario usando Bootstrap de material angular y diseño de materiales

Por lo tanto, si es un desarrollador ocupado con tiempo limitado y desea rápidamente aprender a construir SPA con Angular, estás en el lugar correcto.

También conocerá formas de crear un SPA en tiempo real con Angular, Firebase y Bootstrap. Esta aplicación exhibe patrones que ves en muchas aplicaciones del mundo real:

• Maestro / detalle
• Operaciones crud
• Interacción con un almacén de datos
• Formularios con validación personalizada
• Y mucho más…!

REQUISITOS PREVIOS

No necesita estar familiarizado con TypeScript ni con ninguna versión anterior de Angular. Aprenderá TypeScript y Angular desde cero en este curso.

¿Qué son los requerimientos?

• Familiaridad básica con HTML, CSS y JavaScript

¿Qué voy a obtener de este curso?

• Establecerse como un desarrollador profesional calificado
• Cree aplicaciones angulares del mundo real por su cuenta
• Solucionar problemas de errores angulares comunes
• Domina las mejores prácticas
• Escriba código limpio y elegante como un desarrollador profesional

¿Cuál es el público objetivo?

• Desarrolladores que desean mejorar sus habilidades y obtener mejores oportunidades laborales.
• Desarrolladores front-end que desean mantenerse actualizados con la última tecnología.
• Desarrolladores back-end que quieran aprender sobre desarrollo front-end y convertirse en desarrolladores full-stack
• Desarrolladores aficionados a los que les apasiona trabajar con nuevos marcos.