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

25/10/2021 · Actualizado: 28/10/2021

Clase magistral de Angular 9 con TypeScript Firebase y el
Índice
  1. Clase magistral de Angular 9 con TypeScript, Firebase y el sitio del curso de materiales
    1. Domine y cree aplicaciones reactivas de una sola página (SPA) desde cero utilizando Angular (anteriormente "Angular 2" o "AngularJS")

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

Domine y cree aplicaciones reactivas de una sola página (SPA) desde cero utilizando Angular (anteriormente "Angular 2" o "AngularJS")

Lo que aprenderás

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

  • Construyó una aplicación de una sola página usando Angular
  • Usando TypeScript
  • Implementando varios bloques de construcción en Angular
  • Uso de módulos de terceros como Angular Material y AngularFire 2

Requisitos

  • NodeJS instalado
  • Conocimientos básicos de NodeJS, NPM, node_modules
  • Usaremos Visual Studio Code como nuestro IDE
  • Deberías saber JavaScript
  • La experiencia con la programación orientada a objetos es una ventaja

Descripción

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
LEER
Aprenda WordPress y use WordPress para hacer 6 figuras en línea

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.
EtiquetasAngular Angular 2 Angular 4 angular 4 tutorial angular 5 angular 6 angular 7 angular 8 angular 9 curso angular angular para principiantes material angular tutorial angular tutorial angular para principiantes angular mecanografiado angular tutorial mecanografiado angular Angular.js angular2 angular4 angularjs con mecanografiado construir pwa con angular curso gratis angular 9 aprende angular aprende mecanografiado pwa con mecanografiado angular mecanografiado angular firebase mecanografiado e tutorial de mecanografiado angular

.

Más Información

Subir

Este sitio web utiliza cookies para ofrecerle una mejor experiencia de navegación, si continua en navegando consideramos que acepta su uso.