Introducción
  • Introducción al curso - Bienvenida
  • ¿Cómo funcionará el curso?
  • ¿Cómo hacer preguntas?
  • Instalaciones necesarias para seguir el 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
  • Material de tarea
  • Tarea práctica - Errores en proyecto
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
  • Implementar rutas secundarias
  • 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
  • Página 404
  • Respaldo de nuestro trabajo en GitHub
  • Crear release de producción en GitHub
  • Código fuente
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( )
  • AuthRoutingModule
  • Colocando nuestras rutas a partir de un path específico
  • Guardar los cambios en GitHub y crear un TAG de producción
  • Código de la sección
NOTA: Base para la mayoría de los ejercicios de este curso
  • Introducción de la sección
  • Usar un backup de Github para continuar el proyecto
  • Clonar un proyecto en Github
@inputs y @Outputs
  • 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
  • Color de los botones de forma condicional
  • Pulir detalles de nuestro incrementador component
  • Material para la siguiente clase
  • Gráficas en Angular
  • Tarea de Inputs y Outputs
  • Solución a la tarea de Input y Output
  • Guardar nuestros cambios en GitHub - Input y Output
  • Código de la sección
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
  • RouterLink - Mover a una ruta en particular
  • 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 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
  • 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
  • Optimizaciones del Breadcrumbs
  • Guardar cambios en GitHub - Sección 8
  • Código de la sección
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