Introducción
  • Introducción al curso - Bienvenida
  • ¿Cómo funcionará el curso?
  • Instalaciones necesarias para seguir el curso
  • ¿Como hacer preguntas?
  • Objetivo final del curso
Dominando la creación automática del Angular CLI
  • Introducción a la sección
  • Temas puntuales que tocaremos en la sección
  • Uso de la ayuda del AngularCLI
  • Control de la generación de componentes
  • Paths, servicios y guards
  • Documentación del Angular CLI
  • Tarea práctica #1
  • Resolución de la tarea práctica #1
Estructuración de nuestro proyecto
  • Introducción a la sección
  • Temas puntuales que tocaremos en la sección
  • Inicio de proyecto - AdminPro
  • Breve descripción del proyecto que haremos juntos
  • Primeros componentes e inicio de la estructura del proyecto
  • Agregar las librerías externas necesarias
  • Header, SiderBar, Breadcrumbs y contenedor principal
  • Implementando las rutas principales
  • Separando el login del template
  • Tarea práctica #2 - Register template
  • Resolución de la tarea práctica #2 - Register template
  • Aceleración de las animaciones
  • Respaldo de nuestro trabajo en GitHub
  • Código fuente del trabajo realizado hasta el momento
Módulos
  • Introducción a la sección
  • Temas puntuales que aprenderemos en esta sección
  • Creando nuestro primer módulo
  • Tarea práctica #3 - Creación de un módulo shared
  • Resolución de la tarea práctica #3 - Creación de un módulo shared
  • Rutas hijas - ForChild( )
  • Realizar una limpieza de los módulos y rutas
  • Guardar los cambios en GitHub y crear un TAG de producción
  • Código fuente - Fin de la sección 4 - Estructura Lista
NOTA: Base para la mayoría de los ejercicios de este curso
  • Introducción de la sección
  • Descargar e iniciar el proyecto nuevamente
@inputs, @Outputs y @ViewChild
  • Introducción a la sección
  • Temas puntuales de la sección
  • ¿Para qué nos puede servir la comunicación entre componentes?
  • Explicar la necesidad de la comunicación entre componentes
  • Uso de atributos personalizados con Angular
  • Crear componente incrementador
  • @Input - Componente incrementador
  • @Output - Componente incrementador
  • Pulir detalles de nuestro incrementador component
  • @ViewChild - Referencia a un elemento HTML
  • ng2-charts - Inicio de la tarea
  • ng2-charts - Implementar gráficos de donas
  • Resolución de la tarea práctica #4 - ng2-charts
  • Guardar nuestros cambios en GitHub - Input y Output
  • Código fuente hasta este punto del curso
Servicios básicos, temas, rutas básicas y persistencia de los ajustes
  • Introducción a la sección
  • Temas puntuales de la sección
  • Material de la sección
  • Diseño inicial de la página account-settings
  • Cambiar el CSS principal de forma dinámica
  • Agregando clases de CSS sin usar ngClass
  • Servicio Settings - Hacer persistente los ajustes
  • Colocar la clase 'working' al tema seleccionado
  • Tip: Agrupar todos los servicios en un módulo y en un sólo archivo
  • Servicio para controlar el Sidebar - Menú lateral
  • Uso de Scripts de archivos importados en el index.html en TypeScript
  • Guardar nuestros cambios en GitHub - Sección 7
  • Código fuente de la sección
Observables y Promesas
  • Introducción a la sección
  • Temas puntuales de la sección
  • Introducción a las promesas y observables
  • Tip: Creación de Snippets en Visual Studio Code
  • Promesas
  • Funciones que retornan promesas
  • Repaso - Crear un componente con el nombre rxjs.component.ts
  • Crear un observable manualmente
  • Método Retry de un observable
  • Funciones que retornen observables
  • Operador map de los observables
  • Operador filter
  • Mas información sobre operadores del RXJS
  • Llamar el unsubscribe
  • Breadcrumbs usando observables y parámetros de rutas
  • MetaTags, Título y Página actual
  • Guardar cambios en GitHub - Sección 8
  • Código fuente de la sección 8
Backend - Node - Express - Mongo - Instalaciones y configuraciones básicas
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del backend server
  • Iniciando nuestro servidor de Express
  • Diferentes colores para la consola
  • Primera ruta y nodemon
  • Errores HTTP - PDF