PROGRAMA DE INICIACIÓN TECNOLÓGICA PIT 2026
CURSO GRATUITO
JAVASCRIPT BÁSICO
JavaScript Básico
DESCRIPCIÓN
JavaScript es el lenguaje de programación más empleado en el
mundo y su uso es diverso, para desarrollo web, tanto en el Cliente
como en el servidor, así como en desarrollo móvil, multiplaforma,
desarrollo de videojuegos, robótica, realidad aumentada, realidad
virtual, realidad mixta, aplicaciones 3D, arte, etc. Y existen diversos
tipos de librerías, con aplicaciones a física, química, mapas, sensores,
etc.
Además, esta el hecho que es el único lenguaje de programación para
web en el lado del cliente, y lo soportan todos los navegadores
actuales.
Para desarrollar los diversos tipos de proyectos que se pueden crear
con JavaScript, se puede ser un programador o muy experto o
simplemente un aficionado ya que va a depender mucho de la
capacidad creativa del programador.
En este cursos se examinará algunos aspectos del desarrollo web con
JavaScript desde el lado del cliente.
INFORMACIÓN GENERAL
Modalidad Duración Horas
Virtual 5 Sesiones 18 horas
(Zoom + YouTube)
JavaScript Básico
¿QUÉ APRENDERÁS EN ESTE CURSO?
Al finalizar el curso, los participantes estarán en capacidad de
aplicar herramientas de gráficos, tabla dinámica, Power Pivot y
Power Query para Identificar, Construir y Gestionar los datos
mediante Indicadores adecuados para el Control de Gestión de su
Organización, automatizando la tarea con el uso de las
herramientas de Excel, para así demostrar un mejor orden en el
desarrollo de sus actividades y una mayor productividad.
Manejar las funciones DAX y el contexto que lo envuelve.
Crear informes o dashboard intuitivos y muy prácticos que forman
una historia coherente y basada en datos.
Elaborar medidas y Dashboard
DIRIGIDO A
Este curso está dirigido a alumnos de pregrado de todas las universidades.
JavaScript Básico
BENEFICIOS
Acceso al aula virtual (PIT Virtual).
Grabaciones de las clases.
Materiales descargables.
CERTIFICADO
El certificado digital es opcional. Al aprobar el curso
con un promedio final mayor o igual a 12, el
participante recibirá un certificado digital emitido
por la Universidad Nacional de Ingeniería.
Los alumnos que no hayan aprobado el curso podrán
recibir una constancia digital de asistencia, emitida
por la Universidad Nacional de Ingeniería, si han
asistido al menos al 75% de las clases.
JavaScript Básico
EVALUACIÓN
En cada sesión se realizará una evaluación la cual
estará sujeta a una calificación.
La nota del curso se obtendrá de la siguiente manera:
Si el curso cuenta con cuatro minitest, se deberá eliminar la
menor de estas notas. Las más altas se sumarán al doble de la
evaluación final según la siguiente fórmula:
La asistencia a cada sesión se apertura automáticamente en
la plataforma PIT VIRTUAL durante el horario de la clase.
JavaScript Básico
TEMARIO
DEL CURSO
SESIÓN 1
FUNDAMENTOS DE JAVASCRIPT Y MANIPULACIÓN
DEL DOM
1. Variables (let, const), tipos de datos y operadores.
2. El DOM: nodos, propiedades (innerHTML, style, textContent).
3. Selección de elementos (getElementById, querySelector).
4. Manipulación de clases (classList) y atributos (setAttribute).
5. Creación e inserción de elementos (createElement, appendChild).
6. Manipulación de clases (classList) y atributos (setAttribute).
7. Creación e inserción de elementos (createElement, appendChild).
SESIÓN 2
ASINCRONÍA Y CONSUMO DE APIS
1. Carga de Contenido Dinámico:
Inclusión de scripts JavaScript: interno vs. externo.
Funciones reutilizables y modularidad básica.
2. JavaScript Asíncrono:
Introducción a la asincronía y el event loop.
Promesas: then(), catch() y finally().
Sintaxis async/await para un código más legible.
SESIÓN 3
1. Consumo de APIs con fetch():
Realizar solicitudes GET a una API REST.
Procesar respuestas en formato JSON.
Manejo de errores en la comunicación con el servidor.
JavaScript Básico
TEMARIO
DEL CURSO
SESIÓN 4
RENDERIZADO AVANZADO Y TÉCNICAS DE
VISUALIZACIÓN
1. Renderizado Dinámico desde Datos:
El método .map() para transformar arreglos en HTML.
Uso de template strings para generar HTML de forma eficiente.
Creación de tablas y tarjetas (cards) a partir de datos JSON.
2. Manipulación Avanzada de Arreglos:
Filtrado de datos con el método .filter().
Búsqueda de elementos con .find().
Ordenamiento de datos con el método .sort().
ALMACENAMIENTO EN EL NAVEGADOR Y
FORMULARIOS
1. Almacenamiento Web:
1. Diferencias y casos de uso de localStorage y
sessionStorage.
2. Métodos principales: setItem(), getItem(), removeItem().
3. Guardar datos complejos usando [Link]() y
[Link]().
2. Gestión de Formularios:
1. Captura de valores de campos de entrada.
2. Validación de formularios del lado del cliente.
3. Envío de Datos al Servidor:
1. Métodos HTTP: GET vs. POST.
2. Uso de fetch() para enviar datos.
3. Introducción al objeto FormData.
JavaScript Básico
TEMARIO
DEL CURSO
SESIÓN 5
OPTIMIZACIÓN Y BUENAS PRÁCTICAS
1. Optimización de la Carga:
Carga dinámica de scripts (createElement('script')).
Atributos async y defer en la etiqueta <script>.
2. Mejora de la Experiencia de Usuario (UX):
Implementación de indicadores de carga ("preloaders" o
"spinners").
Técnica Debouncing para optimizar eventos frecuentes (ej. en un
buscador en tiempo real).
3. Organización del Código:
Principios de código limpio en JavaScript.
Revisión de patrones básicos para organizar funciones y variables.
JavaScript Básico
TEMARIO
DEL CURSO
INTRODUCCIÓN A LA IA CON JAVASCRIPT Y
SÍNTESIS DEL CURSO
1. Inteligencia Artificial en el Navegador:
Charla introductoria: ¿Qué es el Machine Learning? ¿Por qué
ejecutarlo en el navegador?
Presentación de la librería [Link].
2. Demostración de un Modelo Pre-entrenado (Nivel Básico):
Concepto clave: Se mostrará cómo añadir una librería de IA a una
página HTML, similar a como se añade cualquier otro script.
Ejemplo simple: Usaremos un código de ejemplo ya hecho para
cargar un modelo que puede identificar un objeto en una imagen.
El objetivo es ver lo potente que es JavaScript con pocas líneas de
código, sin necesidad de programar el modelo desde cero.
3. Síntesis y Práctica Integradora:
Ejercicios prácticos para consolidar los conocimientos de todos los
temas (DOM, fetch, renderizado, eventos).
Repaso general de los temas clave del curso.
Sesión de preguntas y respuestas.
Guía para los siguientes pasos y cómo seguir aprendiendo.
JavaScript Básico
DOCENTE
DAVID CHURA OLAZABAL
Diseñador y Desarrollo de Aplicaciones Web, Móviles y
Videojuegos Mas de 25 años de experiencia desarrollando
proyectos para empresas e instituciones del estado y del
sector privado, y dictando cursos en instituciones y
universidades públicas y privadas, así como capacitaciones a
empresas