Universidad Nacional Mayor de San Marcos

Universidad del Perú, Decana de América

FACULTAD DE INGENIERÍA DE SISTEMAS E INFORMÁTICA
Centro de Responsabilidad Social y Extensión Universitaria

SÍLABO

PROGRAMA: PROGRAMACION EN JAVASCRIPT

MÓDULO: BÁSICO

I. DATOS GENERALES
Curso : FUNDAMENTOS DE JAVASCRIPT
Horas de clase : 36 horas (24 de clase + 2 de examen + 10 de prácticas)
Pre-Requisito : Ninguno
Modalidad : Virtual

II. SUMILLA
Este módulo trata sobre la iniciación en el lenguaje de programación interpretado más usado en la
actualidad, con el cual es posible crear aplicaciones de todo tipo.

III. OBJETIVOS DEL CURSO

Capacitar al participante para:
 Conocer la sintaxis básica de JavaScript
 Aprender los fundamentos básicos intermedios y avanzados de JS
 Implementar algoritmos básicos usando el lenguaje.
 Desarrollar un proyecto básico y de mediana complejidad usando JS

IV. DIRIGIDO A
Toda persona interesada en aprender los fundamentos de Javascript. Estudiantes,
profesionales y público general.

V. PROGRAMACIÓN

INTRODUCCIÓN A JAVASCRIPT
Contenido Competencias
Introducción a JavaScript
Configuración de Entorno de Desarrollo para JS
Bases de JavaScript  Entender los fundamentos basicos
Condicionales ( if, else, switch), Arrays, Loops, Objects de Javascript para avanzar a temas
Métodos Arrays más complejos.
Ejercicios
Práctica: crear una página web con diferentes ejercicios básicos

ASINCRONISMO CON JAVASCRIPT

Contenido Competencias
Introducción a ECMAScript 6+  Comprender las diferencias entre
Conceptos de asincronismo las estructuras asíncronas
Callbacks, promesas, Async/Away
Ejercicios
Práctica: Desarrollar soluciones utilizando asicronismo
 PROFESIONAL EN JAVASCRIPT
I
Contenido Competencias
Conceptos: Scope, Closures, this, y métodos call, apply y bind  Entender los fundamentos
Como funciona JS: Parsers y el Abstract Syntax Tree, JS Engine, intermedios y avanzados de
EventLoop Javascript.
Fundamentos intermedios: Promesas, Getters y Setters
Fundamentos avanzados: Proxy, Generators
Práctica: Creación y manipulación de transacciones básicas SQL

PROFESIONAL EN JAVASCRIPT II
APIs del DOM: Fetch, IntersectionObserver, VisibillityChange, ServiceWorkers
TypeScript: Funciones, interfaces Clases  Entender algunos de los patrones de
Patrones de Diseño: Singleton, Observer, Decorator diseño para elaborar el proyecto de
modulo.
Proyecto: MediaPlayer: Implementación de Plugin de Ads
Conclusiones
Práctica: Casos Prácticos

VI. EVALUACIÓN : Nota mínima aprobatoria es 14

PF = (PP + EX) / 2
Donde:
PF = Promedio Final
PP = Promedio Prácticas
EX =Examen

I. REFERENCIAS BIBLIOGRÁFICAS

o https://devdocs.io/javascript/
o https://developer.mozilla.org/es/docs/Web/JavaScript
 Universidad Nacional Mayor de San Marcos
Universidad del Perú, Decana de América
FACULTAD DE INGENIERÍA DE SISTEMAS E INFORMÁTICA
Centro de Responsabilidad Social y Extensión Universitaria

SÍLABO

PROGRAMA: PROGRAMACION EN JAVASCRIPT

MÓDULO: INTERMEDIO

I. DATOS GENERALES
Curso : JAVASCRIPT PARA FRONTEND
Requisito : FUNDAMENTOS DE JAVASCRIPT
Horas de clase : 36 horas (24 de clase + 2 de examen + 10 de prácticas)
Modalidad : Virtual

II. SUMILLA
Este módulo trata sobre la iniciación en el lenguaje JavaScript para frontend usando diferentes
tecnologías de integración para su desarrollo, entenderás los fundamentos, así como los casos
prácticos para luego elaborar diferentes proyectos con el docente.

III. OBJETIVOS DEL CURSO

Capacitar al participante para:
 Crear aplicaciones web dinámicas e interactivas con facilidad
 Migraremos proyectos de react.js y Webpack a Next.js. Integra Google Analytics.
 Desarrollar una sólida comprensión de los conceptos más esenciales de React: JS, componentes de
clase y función, accesorios, estado, métodos de ciclo de vida y Hooks

IV. DIRIGIDO
Toda persona interesada en aprender JavaScript para frontend. Estudiantes, profesionales y
público general.

V. PROGRAMACIÓN

INTRODUCCION FRONTEND DEVELOPER

Desarrollar soluciones para mejorar nuestro producto, aportando no solamente código, sino también todo
tu conocimiento para encontrar la mejor solución para los usuarios.
Introducción maquetación HTMLy CSS Diseño responsivo y arquitectura CSS
Maquetación responsiva Pantallas de Maquetación responsiva Vistas Principales
autenticación
Introducción WEBPACK Loaders, Plugins en Webpack
Deploy y herramientas de desarrollo Integración básica REACTJS
complementaria(WebpackDevServer-Tools)
Práctica: Casos Prácticos
 FRONTEND DEVELOPER CON REACT.JS I
Crear aplicaciones web dinámicas e interactivas con facilidad. Es rápido, escalable, flexible, potente y tiene
una comunidad de desarrolladores sólida
Introducción y conceptos fundamentales Configurando el entorno de desarrollo: REACT y
REACT.JS REACT DOM
Configurando el entorno de desarrollo: Maquetación en REACT
WEBPACK y BABEL
Paginas, rutas y componentes: REACT Páginas, rutas y componentes: Navegación entre
ROUTER DOM rutas
Que es el diseño Atómico Componentes al REACT :stateful vs stateless
Práctica: Casos Prácticos

FRONTEND DEVELOPER CON REACT.JS II

Crear aplicaciones web dinámicas e interactivas con facilidad. Es rápido, escalable, flexible, potente y tiene una
comunidad de desarrolladores sólida
REACT HOOKS: React.use.State REACT HOOKS: Toggle de menu
Consumo de APIs USEREF y Formularios
React Context Proyecto: Carrito de compras
Proyecto: Orden de compra y precio total Deploy de proyecto: Automatizando el despliegue con
GitGub Actions
Práctica: Casos Prácticos

FRONTEND DEVELOPER CON NEXTJS

¡El framework más importante de React.js! Migraremos proyectos de react.js y Webpack a Next.js. Integra
Google Analytics, convierte tu app en PWA, mejora el SEO y haz deploy en Vercel
Configuración de un proyecto en Next Migración de React.js a Next.js
Despliegue a producción: Google Despliegue a producción: Corrección de bugs
Analytics con Next.JS
Despliegue a producción:Deployment Porgressive Web Apps con Next.js 12
con vercel
Práctica: Casos Prácticos

VI. EVALUACIÓN: Nota mínima aprobatoria es 14

PF = (PP + EX) / 2
Dónde:
PF = Promedio Final
PP = Promedio Prácticas
EX =Examen

I. REFERENCIAS BIBLIOGRÁFICAS

o https://es.reactjs.org/docs/getting-started.html
o https://nextjs.org/docs/getting-started
 Universidad Nacional Mayor de San Marcos
Universidad del Perú, Decana de América
FACULTAD DE INGENIERÍA DE SISTEMAS E INFORMÁTICA
Centro de Responsabilidad Social y Extensión Universitaria

SÍLABO

PROGRAMA: PROGRAMACION EN JAVASCRIPT

MÓDULO: AVANZADO

I. DATOS GENERALES
Curso : JAVASCRIPT PARA BACKEND
Requisito : FUNDAMENTOS DE JAVASCRIPT
Horas de clase : 36 horas (24 de clase + 2 de examen + 10 de prácticas)
Modalidad : Virtual

II. SUMILLA
En los últimos años JavaScript ha avanzado exponencialmente como lenguaje de programación. Como
sabemos, JavaScript antes lo usábamos para agregar interacción a nuestras aplicaciones web, es decir, solo
era ejecutado e interpretado por el navegador web, pero todo cambió gracias al lanzamiento de Node.js.

III. OBJETIVOS DEL CURSO

Capacitar al participante para:
 Conocer los conceptos básicos de Node.js, Cómo manejar la asincronía, Entender los módulos del
core.
 Utilizar los módulos y paquetes externos.
 Trabajaremos con rutas, servidores y middlewares de Express.js. Construye una API, manipula
errores y haz validación de datos.
 Generar reportes de business intelligence haciendo uso de base de datos.
 Aprenderas estrategias de autenticación y autorización con Node.js. Integra Passport.js para el login
de tu APIs REST.
 Protege contraseñas con herramientas de hashing. Implementa JSON Web Tokens para establecer
sesiones entre backend y frontend.

IV. DIRIGIDO A
Toda persona interesada en aprender JavaScript para backend. Estudiantes, profesionales y
público general.

V. PROGRAMACIÓN

FUNDAMENTOS DE NODE.JS
Conocer los conceptos básicos de Node.js, Cómo manejar la asincronía, Entender los módulos del core
Utilizar los módulos y paquetes externos
Conocer los conceptos básicos de NodeJS Event Loop: asincronía por diseño
Monohilo: implicaciones en diseño y Variables de entorno en NodeJS.
seguridad
Manejando la asincronía: callback, Módulos del core: Globals, FileSystems, console,
callbackHell, promesas, Async /await errores, procesos hijo, HTTP, OS, Process
Utilizando módulos y paquetes externos Benchmarking (consoletime, timeEnd)

Manejar herramientas con Node: Scrapping automatización de procesos

Práctica: Casos Prácticos
 NODE.JS: API REST CON EXPRESS.JS
Trabajaremos con rutas, servidores y middlewares de Express.js. Construye una API, manipula errores y haz
validación de datos.
Que es Express.js Routing con Express.js
Separación de responsabilidades con
RESTful API express.Router
CRUD Servicios: Async await y captura de errores

Deployment
Middlewares
Práctica: Casos Prácticos

NODE.JS: BASE DE DATOS CON POSTGRESQL

Aprenderás persistencia de datos en Node.js con PostgreSQL! Conecta tu API REST con bases de
datos relacionales. Domina Sequelize, el ORM más popular en JavaScript. Trabaja consultas,
relaciones y migraciones en tu aplicación
Persistencia de datos en Node.js Configuración de postgres en Docker
Sequelize
Integración de node-postgres
Relaciones y consultas
Migraciones
Práctica: Casos Prácticos

NODE.JS: AUTENTICACIÓN CON PASSPORT.JS Y JWT

Aprenderas estrategias de autenticación y autorización con Node.js. Integra Passport.js para el
login de tu APIs REST. Protege contraseñas con herramientas de hashing. Implementa JSON Web
Tokens para establecer sesiones entre backend y frontend.
Autenticar usuarios con Node.js Autenticacion vs autorizacion
Protección de contraseñas Passport y JSON Web Tokens
Envio de Emails con Node.js Recuperación de Contraseñas
Despliegue a produccion
Práctica: Casos Prácticos

VI. EVALUACIÓN: Nota mínima aprobatoria es 14

PF = (PP + EX) / 2
Dónde:
PF = Promedio Final
PP = Promedio Prácticas
EX =Examen

VII. REFERENCIAS BIBLIOGRÁFICAS

o https://docs.docker.com/desktop/windows/install/
o https://nodejs.org/es/
o https://expressjs.com/es/guide/routing.html
o https://restfulapi.net/
o https://jwt.io/libraries