Autoplay
Autocompletar
Lección previa
Completar y continuar
Crea Sistemas Administrativos con Angular y Firebase
Introducción
Bienvenida (3:17)
Editor de código (19:41)
Plugins y extensiones Sublime Text 3
Proyecto Marketplace
Descarga el proyecto Marketplace *[ZIP para descargar] (5:06)
Servidor para administración de archivos (5:11)
Instalación de XAMPP (5:12)
Organizar entorno de trabajo para Angular (12:13)
Instalación del Markeplace en nuestro proyecto de Angular (3:17)
Instalación base de datos del Marketplace (5:04)
Instalación de Dependencias (8:37)
Configurar credenciales de Firebase (13:32)
Configurar credenciales de Pasarelas de Pago (9:11)
Configurar rutas del servidor APACHE (5:48)
API RESTFul de Firebase
Repaso de la API RESTFul de Firebase (2:32)
¿Qué es una API REST? (14:28)
¿ Qué es el Formato JSON? (8:38)
POSTMAN (10:04)
Servicios HTTP: GET, POST, PUT, PATCH, DELETE (9:58)
Token de Autorización (7:27)
Reglas para protección de datos (12:42)
Filtros (11:32)
Buscador (8:56)
Límites (6:17)
Validaciones (11:28)
Iniciando el proyecto Sistema Administrativo en Angular
Introducción a los Sistemas Administrativos *[ZIP para descargar] (8:18)
Instalación del nuevo proyecto de Angular (3:15)
Plantilla AdminLTE (7:50)
Migrar Assets de la Plantilla AdminLTE a Angular (2:02)
Configurar plugins y extensiones de la Plantilla AdminLTE en Angular (11:02)
Incorporar página de inicio en el Componente Principal (5:27)
Configurar Ruta de Imágenes (1:31)
Módulos Compartidos: Nav Bar (8:23)
Módulos Compartidos: Footer (2:07)
Módulos Compartidos: Side Bar (1:56)
Configurar la Ruta de la Página Principal (6:56)
Menú de Páginas Internas (12:23)
Página de Inicio (6:35)
Página de Usuarios (4:45)
Página de Categorías (2:28)
Página de Subcategorías (2:24)
Resto de Páginas del Sistema Administrativo (1:57)
Personalizar plantilla del Sistema (5:18)
Lazy Loading (9:04)
Aplicando Lazy Loading (13:02)
Página 404 (5:17)
Login de Administradores
Módulo Login *[ZIP para descargar] (1:35)
Creando el Módulo, Ruta y Componente de Login (6:41)
Formulario Login (6:08)
Formularios Reactivos en Angular (8:41)
Validando el Formulario Login usando el objeto "Validators" (5:32)
Mostrar al usuario los campos No Válidos (9:07)
Helpers: Funciones Reutilizables (6:22)
Crear la interfaz para el Login (5:03)
Crear el Servicio para el Login (4:59)
Login con Firebase (10:07)
Alertas Suaves (SweetAlert 2) (10:33)
Capturar Token de Seguridad (9:00)
¿Es necesario comentar nuestro código? (7:29)
Guards (8:29)
Validando el Token de Seguridad (3:57)
Salir del Sistema (6:40)
Verificar la validez del Token de Seguridad (5:09)
Gestor de Usuarios
Crear Interfaz para la Colección de Usuarios *[ZIP para descargar] (5:09)
Crear Servicio para la Colección de Usuarios (6:22)
Traer toda la Colección de Usuarios en el Componente (6:08)
Angular Material (8:00)
Creando la Tabla con Angular Material (14:01)
Agregando estilos a la Tabla de Angular Material (5:11)
Agregando expansión a la Tabla de Angular Material (17:44)
Creando la ruta para los Archivos de Imagen (11:50)
Agregando más columnas de acuerdo al tamaño de la pantalla (16:38)
PIPES (12:15)
Agregando filtros de búsqueda a la Tabla de Angular Material (7:34)
Agregando paginación a la Tabla de Angular Material (5:29)
Agregando ordenador a la Tabla de Angular Material (4:48)
Ajuste en el filtro de búsqueda (3:18)
Agregando precarga a la Tabla de Angular Material (5:32)
Ejercicio: Crear un nuevo usuario desde el Marketplace (6:21)
Ajuste al ordenador (Conflicto con la expansión de la tabla) (5:03)
Gestor de Categorías y Subcategorías
Ejercicio: Listar Categorías *[ZIP para descargar] (1:49)
Solución Ejercicio Listar Categorías (16:20)
Mostrar Imagen de la Categoría (5:34)
Usando "Material Dialog" para crear nueva Categoría (10:04)
Formulario para crear nueva Categoría (12:46)
Aplicando Formulario Reactivo en la creación de Categoría (8:06)
Validar campos de texto en el formulario de Categorías (12:45)
Validar imagen en el formulario de Categorías (17:17)
Validar con Expresiones Regulares el formulario de Categorías (9:45)
Validar que el nombre de la Categoría no se repita (14:00)
Crear la URL para la Categoría (9:33)
Agregar palabras tipo Etiquetas en El Input de Listado de Títulos (9:13)
Configurar Mat-Chips en el formulario de Categorías (15:57)
Visualizar el icono elegido (7:53)
Capturar la información del formulario en la Interfaz de Categorias (7:08)
Guardar imagen de la Categoría en el Servidor (20:51)
Guardar en Base de Datos la información de la Categoría (9:59)
Modificar el Scroll de la Ventana Modal y otros ajustes (14:44)
Ajustar el orden de la Tabla Categoría (4:18)
Evitar mostrar la Categoría sin Productos (5:34)
Modificar el estado de las Categorías (13:14)
Activar o desactivar una Categoría (13:28)
Editar Categoría (18:31)
Configurar el Formulario para la edición de la Categoría (12:11)
Guardar cambios de Categoría en Base de Datos (20:31)
Eliminar Categoría (15:49)
Eliminar del Servidor archivos de imagen de Categoría (9:29)
HTTP INTERCEPTOR (17:03)
Refresar el Token de Seguridad (8:48)
Ajuste en HTTP INTERCEPTOR (4:22)
Ejercicio: Listar Subcategorías (5:50)
Solución: Listar Subcategorías (10:24)
Ejercicio: Crear una Subcategoría (17:02)
Ejercicio: Editar una Subcategoría (13:52)
Ejercicio: Eliminar una Subcategoría (9:00)
Selectores Anidados en Formularios de Angular (18:03)
Ajuste a la precarga de Formularios (2:58)
Ajustar el ancho de las ventanas de Diálogo (5:25)
BONUS: Clonar Token de Autenticación en el HTTP INTERCEPTOR (12:22)
Gestor de Tiendas
Introducción a la gestión de Tiendas y Productos del Marketplace *[ZIP para descargar] (17:13)
Ejercicio: Listar Tiendas (11:48)
Configurar Componente TpyeScript para listado de Tiendas (14:33)
Configurar Vista HTML para listado de Tiendas (13:03)
Gestionar la Tienda del Marketplace - Parte 1 (17:43)
Gestionar la Tienda del Marketplace - Parte 2 (16:56)
Guardar cambios de Tienda en Base de Datos (11:33)
Configurar listado de Países y Códigos Telefónicos (8:12)
Gestor de Productos
Gestor de Productos - Presentación *[ZIP para descargar] (6:46)
Ejercicio: Listar Productos - Parte 1 (16:06)
Ejercicio: Listar Productos - Parte 2 (8:25)
Ejercicio: Listar Productos - Parte 3 (11:00)
Configurar filas ocultas del listado de Productos - Parte 1 (16:43)
Configurar filas ocultas del listado de Productos - Parte 2 (16:47)
Configurar Reseñas de Productos (14:44)
Aprobar un Producto - Parte 1 (16:26)
Aprobar un Producto - Parte 2 (8:49)
Enviar Correos Electrónicos - Parte 1 (15:56)
Enviar Correos Electrónicos - Parte 2 (20:35)
Ejercicio: Crear Producto (12:43)
Pasar el nombre de la tienda al formulario de creación de Productos (9:51)
Validar el nombre del Producto (14:57)
Crear la URL del Producto (14:47)
Ajustando variable "Load Data" en los formularios (3:18)
Organizando la información del Producto para subir a Base de Datos (4:45)
Agregar Categoría, Subcategoría y Lista de Título al Producto - Parte 1 (13:26)
Agregar Categoría, Subcategoría y Lista de Título al Producto - Parte 2 (9:14)
Agregar imagen al Producto - Parte 1 (20:09)
Agregar imagen al Producto - Parte 2 (3:38)
Dropzone en Angular - Para galería de fotos (17:11)
Summernote en Angular - Para texto enriquecido (16:17)
Input's dinámicos en Formularios Reactivos - Resumen del Producto (15:30)
Aplicando Form Array - Detalles del Producto (16:07)
Aplicando Form Array - Especificaciones del Producto (8:22)
Aplicando Matchips para entradas de etiquetas (20:53)
Aplicando Matchips para palabras claves (8:25)
Creando el Banner Top Publicitario del Producto (18:35)
Imagen Banner por Defecto del Producto (4:33)
Creando el Slide Horizontal Publicitario del Producto (8:03)
Imagen Slide Vertical del Producto (11:17)
Video del Producto (3:31)
Precio, costo de envío, días de entrega y stock del Producto (3:13)
Oferta del Producto (2:59)
Información del Producto que falta por completar (6:33)
Guardando información del Producto en Base de Datos (9:32)
Ejercicio: Editar Producto (8:57)
Editar nombre del Producto (12:18)
Editar Sub-Categoría del Producto (12:49)
Editar el Listado de Título del Producto (7:23)
Editar imagen del Producto (15:27)
Tareas Asíncronas (13:56)
Editar Galería del Producto (18:19)
Editar Descripción del Producto (2:48)
Editar Resumen del Producto (7:36)
Editar Detalles del Producto (5:42)
Editar Especificaciones Técnicas del Producto (14:03)
Editar Palabras Claves del Producto (2:26)
Editar Banner Superior del Producto (18:49)
Editar Banner por defecto del Producto (8:10)
Editar Slide Horizontal del Producto (10:42)
Editar Slide Vertical del Producto (5:25)
Editar Video del Producto (2:59)
Editar Precio, Envío, Días de entrega y Stock del Producto (3:53)
Editar Oferta del Producto (3:25)
Completar el resto de información del Producto (4:05)
Guardar cambios del Producto en Base de Datos (4:31)
Ejercicio: Eliminar un Producto (20:31)
Gestores de Órdenes, Ventas, Disputas y Mensajes
Presentación de la Sección *[ZIP para descargar] (7:05)
Migrar el Sistema a Angular 12 (7:27)
Listar Órdenes (10:54)
Configurar vista HTML de las Órdenes (17:02)
Gestionar las Órdenes del Marketplace - Parte 1 (14:07)
Gestionar las Órdenes del Marketplace - Parte 2 (14:35)
Gestionar las Órdenes del Marketplace - Parte 3 (22:13)
Listar Disputas (8:15)
Gestionar las Disputas (6:35)
Listar Mensajes (8:24)
Gestionar Mensajes (13:04)
Crear PIPE para reducir texto (4:08)
Listar Ventas (14:34)
Cambiar el estado de la Venta luego de finalizar una Orden (7:08)
Página de Inicio: Métricas, Gráficos y Alertas
Presentación de la Sección *[ZIP para descargar] (2:45)
Página de Inicio: Inventarios (13:04)
Gráfico de Ventas - Angular Google Charts (12:36)
Visualizar en gráfico las ventas por fechas - Parte 1 (15:00)
Visualizar en gráfico las ventas por fechas - Parte 2 (15:17)
Filtrar ventas por fechas (11:39)
Filtrar las últimas 5 órdenes (10:54)
Filtrar los últimos 5 productos añadidos (9:45)
Organizando el Nav-Bar (5:27)
Alertar Mensajes y Disputas sin responder (9:58)
Modificar el valor de una variable de un componente desde otro componente (15:59)
Esto no termina acá (0:22)
Sistema Administrativo modo Producción
Pagar Comisiones a los Vendedores en Automático con PayPal *[ZIP para descargar] (7:53)
Configurando el archivo index.php para pagos en automático (16:40)
Traer el correo de PayPal del vendedor (19:53)
Configurar la API de PayPal para pagos en automático (16:26)
Recibir el ID del pago de PayPal para actualizar base de datos (16:26)
Compilar proyecto Angular - Modo Producción (12:38)
Configurar función automática en Cron Jobs (4:09)
BONUS: Introducción a Angular Fire
Presentación de la sección Angular Fire (4:33)
Instalación AngularFire *[Link para descargar] (8:21)
Prueba AngularFire *[Link para descargar] (10:07)
Listados en AngularFire Parte 1 (18:58)
Listados en AngularFire Parte 2 (16:41)
Querys en AngularFire *[Link para descargar] (5:39)
Login AngularFire *[Link para descargar] (9:18)
Guard AngularFire *[Link para descargar] (11:23)
Home AngularFire Parte 1 (18:08)
Home AngularFire Parte 2 (14:48)
Unsubscribe AngularFire (17:27)
Mensajes y Disputas AngularFire (10:57)
Angular Animations *[Link para descargar] (24:12)
Listar Categorias (12:14)
Validar que el nombre de la Categoría no se repita (7:26)
Guardar imagen de la Categoría en el Servidor (13:36)
Guardar en Base de Datos la información de la Categoría (5:00)
Activar o desactivar una Categoría (2:02)
Editar Categoría (17:27)
Eliminar Categoría (11:32)
Creando la Tabla con Angular Material
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear