Introducción
  • Introducción al curso - Bienvenida
  • ¿Cómo funcionará el curso?
  • ¿Cómo hacer preguntas?
  • Instalaciones necesarias para seguir el curso
  • 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
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 personalizado
  • Resolución de la tarea práctica #3 - Creación de un módulo personalizado
  • 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?
  • Nuestro componente del ProgressBar
  • Uso de atributos personalizados
  • 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
  • * 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
  • Reforzamiento sobre Promesas
  • Funciones que retornan promesas
  • Componente Rxjs y arreglo en el menú
  • 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
  • Errores HTTP - PDF
  • Primera ruta
  • * Nota de instalación de MongoDB
  • * Instalación de MongoDB