MÓDULO 22
MÓDULO
JavaScript
JavaScript
Avanzado +
Avanzado + React
React
OBJETIVO
Este curso esta diseñado para estudiantes que
cuentan cono conocimiento basico en
JavaScript y tiene como objetivo dominar
funciones avanzadas de JavaScript e
introducirse a React para el desarrollo de
aplicaciones interactivas y dinamicas
profesionales y modernas.
METODOLOGÍA
La mejor metodología para aprender una
nueva tecnología en el área de la
programación es realizando proyectos reales.
En este curso se realizará una aplicación de
Stock Flow React(SPA Profesional)
HERRAMIENTAS
Lenguajes y Librerías: JavaScript (ES6+), React JS.
Base de Datos y Backend: Firebase (Google Cloud).
Control de Versiones: GitHub (Repositorios
profesionales).
Gestión de Contenidos: Notion (Plataforma de
estudio).
APIs: Fake Store API (Para simulación de
eCommerce).
Herramientas de Diseño y Entorno: Visual Studio
Code, React Router.
CERTIFICACIÓN
Certificado físicos oficial de Cisco Networking Academy.
Certificado con 50 horas académicas indicando el
proyecto que se desarrollará.
1 Certificado digital con QR para la verificación de la
veracidad del curso.
una Insignia digital que es un aval para compartir en sus
redes sociales o CV. donde indica todas las habilidades
adquiridas en el curso.
CONTENIDO
CONTENIDO
JavaScript - Nivel Avanzado
Módulo 1: Objetos sin clase
Módulo 2: Clases y enfoque basado en clases
Módulo 3: Objetos integrados
Módulo 4: Uso avanzado de funciones
Módulo 5: Asincronía y manejo del tiempo en
JavaScript
Módulo 6: Consumo y manejo de APIs
Módulo 7: JavaScript moderno y patrones avanzados
Módulo 8: Manejo de estado, almacenamiento y
rendimiento
React – Nivel Básico a Intermedio
Módulo 1: Introducción a React y fundamentos
Módulo 2: Estado y eventos
Módulo 3: Ciclo de vida y efectos
Módulo 4: Arquitectura de componentes
Módulo 5: React y asincronía
5.3 Sección 3 – Buenas prácticas en llamadas HTTP
5.4 Finalización del Módulo 5 – Práctica con API real +
prueba del módulo
Módulo 6: Hooks intermedios y reutilización
Módulo 7: Routing y navegación
7.3 Finalización del Módulo 7 – Práctica con navegación
PROYECTO A REALIZAR
Stock Flow React(SPA Profesional)
Panel de Administración y Reportes
Panel de Reportes y Métricas: Incluye una vista general con un gráfico de ingresos
anuales, promedio mensual y tarjetas de ingresos, gastos y ganancias.
Indicadores: Muestra variaciones $(+/-)$ para evaluar el rendimiento de
ingresos, gastos y ganancias.
Restricción: Esta vista es visible únicamente para el Administrador.
Gestión de Productos
Lista y Filtros
Búsqueda y Filtrado: Posee búsqueda global y filtros por
estado, categoría y stock.
Acciones: Permite acciones masivas mediante checkboxes, un
botón para agregar productos ("Add Product") y un interruptor
(toggle) para activar o desactivar cada ítem.
Campos de Tabla: Incluye Producto, Categoría, Stock, SKU y
Cantidad.
Crear / Editar Producto
Formulario: Contiene campos para nombre, SKU, código de barras y una descripción
enriquecida mediante un editor WYSIWYG.
Precios y Stock: Configuración de precio base, precio rebajado, opción de cobrar
impuestos y gestión de entrada/salida de stock.
Acciones de Formulario: Opciones para descartar, guardar borrador o publicar el
producto.
Gestión de Categorías y Ventas
Categorías
Listado: Incluye búsqueda de categorías, conteo de productos totales por categoría y
ganancias totales asociadas.
Funcionalidad: Permite crear nuevas categorías y filtrar el catálogo basado en ellas.
Gestión de Pedidos (Órdenes)
Tabla de Órdenes: Registra número de pedido, fecha, cliente, estado de pago y estatus
logístico.
Estados de Pago: Pendiente, Fallido, Cancelado y Pagado.
Estados Logísticos: Entregado, En Envío y Despachado.
Exportación: Botón "Export" para descargar reportes en formatos Excel (CSV/XLSX).
Detalles de Orden y Checkout
Detalle del Pedido: Desglose de productos con precio, cantidad y total por ítem, además
de un resumen de subtotal, descuentos, impuestos y total final.
Checkout Administrativo: Formulario para ingresar información del negocio (Nombre
legal, País, Dirección, Ciudad, Estado, Código Postal) y un botón de "Comprar Ahora" para
cobros internos o ventas asistidas.
Notas Funcionales y Seguridad
Permisos de Admin: Acceso total al dashboard, gestión de productos y categorías,
exportación de órdenes y procesamiento de compras.
Seguridad: Rutas protegidas por rol; si un usuario no autorizado intenta acceder a
funciones de administrador, el sistema lo redirige al catálogo.