Introducción al curso de Angular
  • Introducción
  • Nota de actualización sobre el curso
  • Actualización: Información sobre Angular y el curso
  • ¿Cómo realizar preguntas?
  • ¿Cómo funcionará este curso?
  • Instalaciones y configuraciones mínimas necesarias.
  • Instalaciones adicionales
Gentil introducción a TypeScript y ES6
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Introducción a TypeScript
  • Demostración de TypeScript
  • Configuración de TypeScript
  • Variables let y const
  • Introducción a los tipos de datos
  • Excluir archivos a traducir
  • Template literales del ES6
  • Funciones: Parámetros opcionales, obligatorios y por defecto
  • Funciones de Flecha
  • Desestructruación de Objetos y Arreglos
  • Promesas
  • Promesas y su tipado en TypeScript
  • Interfaces de TypeScript
  • Introducción a las Clases de la POO
  • Definición de una clase básica en TypeScript
  • Constructores de una clase en TypeScript
  • Importaciones * URL
  • Decoradores de Clases
  • Tipado del retorno de una función
  • Exámen práctico #1
  • Explicación de la tarea
  • Resolución del examen práctico #1
  • Examen teórico #1
  • Código fuente de la sección
Aplicación #1: Hola Mundo
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Demostración de lo que lograremos en esta sección
  • Introducción a los componentes y directivas estructurales.
  • Nuestra primera interacción en Angular
  • Nota de Actualización del AngularCLI
  • Creando un entorno local de Angular
  • Estructura del proyecto
  • Utilizando Bootstrap 4
  • TemplateUrl: Separando el HTML el componente
  • Creando el footer.component
  • Estructura del body component
  • Directivas estructurales: *ngFor y el *ngIf
  • Examen teórico - de la sección Hola Mundo
  • Código fuente de la sección
Aplicación #2: Aplicación de una sola página (SPA)
  • Introducción a la sección
  • ¿Qué veremos en esta sección?
  • Demostración de lo que lograremos en esta sección
  • Iniciar el proyecto - SPA
  • Creando la estructura de nuestro proyecto
  • Instalando el bootstrap cuando usamos el Angular-CLI
  • Configurando el navbar y otros componentes
  • Rutas en Angular
  • RouterLink y RouterLinkActive - Completando las rutas
  • Componente Heroes - diseño
  • Introducción a los Servicios
  • Creando nuestro primer servicio - HeroesService
  • Página de Heroes - Diseño con *ngFor
  • Rutas con parametros - Router
  • Recibiendo parámetros por URL - ActivatedRoute
  • Tarea práctica #1 - Componente del héroe
  • Resolución de la tarea práctica #1 - Componente del héroe
  • Pipes: Transformación visual de la data.
  • Buscador de Héroes
  • Tarea práctica #2: Crear la pantalla de búsqueda de héroes.
  • Resolución de la tarea 2 - Buscador de Héroes
  • Plus: Mostrando un mensaje cuando no hay resultados.
  • @Input - Recibir información de un componente padre a un hijo
  • @Output - Emitir un evento del hijo hacia el padre
  • Arreglar detalles de la búsqueda
  • Código fuente de la sección
Pipes - Transforman los valores mostrados en pantalla
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Demostración del resultado de la sección - Pipes
  • Inicio del proyecto y la introducción a los Pipes
  • Pipe: Slice
  • Pipe: Decimal
  • Pipe: Percent - Porcentajes
  • Pipe: Currency - Moneda
  • Pipe: Json
  • Pipe: Async
  • Pipe: Date - Fecha
  • Registrar otros idiomas
  • Pipes personalizados: Capitalizar palabras
  • Pipe Personalizado: Domseguro
  • Tarea de Pipes
  • Resolución de la tarea de Pipes
  • Código fuente de la sección
Aplicación #3: SpotiApp
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Demostración del resultado de esta sección