Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA
MÓDULO
MÓDULO 11
PROGRAMACIÓN DESDE
PROGRAMACIÓN DESDE
CERO EN
CERO EN
JavaScript
JavaScript
CISCO EVOLUTECH - Academia oficial de CISCO
NETWORKING ACADEMY a nivel internacional y
legalmente constituida , autorizada y capacitada en
brindar cursos Oficiales de CISCO en la plataforma
Netacad, con instructores altamente capacitados y
certificados de manera internacional.
OBJETIVO
El objetivo es que el alumno aprenda a
programar en JavaScript desde cero
mientras desarrolla un proyecto de
principio a fin.
El alumno aprenderá las técnicas más
modernas y buenas practicas del
lenguaje JavaScript.
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á un proyecto “SISTEMA
DE GESTIÓN DE INVENTARIO”.
HERRAMIENTAS
Plataforma de contenidos Notion
Repositorio GitHub
Lenguaje JavaScript
Fake Store API
Firebase
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.
Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA
CONTENIDO
CONTENIDO
1. Introducción a JavaScript y Programación Informática
Acerca de JavaScript
Configuración del entorno de programación
¡Hola Mundo!
Booleanos
2. Variables, Tipos de Datos, Conversión de Tipos y
Comentarios
Variables
Tipos de datos de función de tipos parte 1
Tipos de datos de función de tipos parte 2
Observaciones
3. Operadores e Interacción con el Usuario
Asignación aritmética y operadores lógicos
Cadenas, comparación y otros operadores JS
Interacción con el usuario
4. Flujo de Control – Ejecución Condicional y Bucles
Ejecución condicional
Bucles
5. Funciones
Declaración de funciones, funciones de llamada,
parámetros sombreado
Recursividad, funciones como miembros de primera
clase ,setTimeout y setInterval, funciones de flecha
6. Errores, excepciones, depuración y solución de
problemas
Errores y excepciones, confianza limitada
Depuración de código y solución de problemas
Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA
CONTENIDO
CONTENIDO
7. JavScript avanzado
Funciones de Orden superior
Desestructuración y propagación
Clases
8. JSON
Protocolo http
Promesas
Funciones async await
9 DOM
Manipulación del Objeto DOM
Eventos de escucha.
PROYECTO A REALIZAR
Sistema de Gestión de Inventario
con Fake Store API y Firebase
JavaScript
Descripción General del proyecto:
Este proyecto consiste en construir un sistema de gestión de
inventario utilizando JavaScript, Fake Store API y Firebase. La
idea es enseñar a los estudiantes cómo desarrollar
aplicaciones web dinámicas desde cero sin frameworks,
mientras aprenden a trabajar con APIs y Firebase. El sistema
permitirá realizar operaciones básicas de CRUD (Crear, Leer,
Actualizar, Eliminar) y mostrar estadísticas de inventarios,
con un diseño sencillo pero funcional. Además, integrará
Firebase para la autenticación y el almacenamiento de
datos.
Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA
Funciones Clave de la Aplicación:
1. Autenticación con Firebase:
Registro e inicio de sesión de usuarios.
Protección de secciones del sistema según el estado
de autenticación.
Cerrar sesión
2. Gestión de productos (Fake Store API):
Mostrar productos disponibles con nombre, precio,
descripción y categoría.
Filtrar productos por categoría o buscar por nombre.
Crear un nuevo producto en el inventario (datos
almacenados en Firebase).
Editar y eliminar productos del inventario.
3. Gestión de bodegas (Firebase):
Crear y administrar bodegas.
Asociar productos a bodegas específicas.
Ver un listado de inventarios por bodega.
4. Control de inventario:
Registrar entradas y salidas de productos.
Actualizar el stock de productos en tiempo real.
Historial de movimientos de inventario.
5. Reportes dinámicos:
Generar estadísticas simples, como productos más
vendidos o cantidades totales.
Ver gráficos básicos de ingresos y devoluciones (usando
una librería como [Link] o gráficos personalizados en
canvas).
Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA
Tecnologías Utilizadas
Frontend:
HTML5
CSS3
JavaScript puro.
API:
Fake Store API para datos iniciales.
Backend: Firebase para
Autenticación (Firebase Auth).
Almacenamiento de datos
adicionales en Firestore.
Hosting (opcional para desplegar el
proyecto).
Librerías externas (opcional):
Axios para consumir la API.
[Link] para los reportes
Estructura del Proyecto
HTML:
Estructura base de la aplicación con diferentes
secciones:
Inicio de sesión.
Panel de control.
Productos.
Reportes.
Tablas para mostrar datos (productos e inventarios).
Formularios para agregar y editar datos.
CSS:
Diseño responsivo y moderno usando Flexbox o Grid.
Estilo básico para tablas, formularios y gráficas.
JavaScript:
Autenticación: Registro, inicio de sesión y cierre de
sesión.
Productos: CRUD usando Fake Store API.
Inventario: Operaciones de entrada y salida
almacenadas en Firebase.
Reportes: Cálculo y visualización de estadísticas.
Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA
Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA
Networking
Academy
Evolutech
ACADEMIA EVOLUCIÓN TECNOLÓGICA