Lenguajes y Fundamentos de Programación · LNG-130

JavaScript desde cero en notebook

Aprender JavaScript en celdas con Deno antes de enfrentarse al navegador y al DOM.

Bajo demanda Iniciación 6 módulos · 30 clases

Formato asíncrono Alumnado, Docentes FP, Desarrollo JavaScript, Deno, JupyterLab

DESARROLLO FP JUPYTER

Lo que aprenderás

Escribir JavaScript moderno con let, const, plantillas de cadena y desestructuración.
Trabajar con arrays y objetos usando map, filter, reduce y el operador de propagación.
Definir funciones flecha, cierres y funciones de orden superior.
Gestionar código asíncrono con promesas, async y await y capturar sus errores.
Consumir una API con fetch y tratar la respuesta JSON en el cuaderno.
Organizar el código en módulos con import y export ejecutados sobre Deno.

Contenido del curso

6 módulos · 30 clases en vídeo · práctica guiada en cada módulo

Módulo 1 · Entorno y lenguaje 5 clases

JavaScript, Deno y el kernel del cuaderno
Primera celda: expresiones, salida y errores
Variables con let y const
Tipos primitivos y coerción: las trampas clásicas
Cadenas, plantillas y métodos de texto

Módulo 2 · Control y funciones 5 clases

Condicionales, igualdad estricta y valores falsy
Bucles for, for-of y while
Declaración de funciones y funciones flecha
Parámetros por defecto y resto
Ámbito, elevación y cierres

Módulo 3 · Arrays y objetos 5 clases

Arrays: recorrido, búsqueda y ordenación
map, filter y reduce encadenados
Objetos literales y acceso a propiedades
Desestructuración y operador de propagación
Copias superficiales y profundas

Módulo 4 · Estructurar el código 5 clases

Clases, constructores y métodos
Herencia y campos privados
Módulos con import y export
Dependencias en Deno y control de permisos
Organizar un proyecto en varios ficheros

Módulo 5 · Asincronía 5 clases

El bucle de eventos explicado con ejemplos
Callbacks y su problema de anidamiento
Promesas: then, catch y encadenamiento
async y await con try-catch
Ejecutar tareas en paralelo con Promise.all

Módulo 6 · Datos y salida al navegador 5 clases

JSON: parse, stringify y validación
Consumir una API pública con fetch
Tratar errores de red y respuestas incorrectas
Del cuaderno al navegador: qué cambia y qué no
Proyecto de cierre: cliente de una API con módulos y manejo de errores

Requisitos

No se necesita experiencia previa con JavaScript.
Alguna noción de programación en cualquier lenguaje facilita el arranque, pero no es imprescindible.
Basta con un navegador: se trabaja con el kernel de Deno sobre JupyterLab.

Descripción

Aprender JavaScript empezando por el navegador mezcla dos cosas distintas: el lenguaje en sí y el modelo de documento sobre el que actúa. El alumnado acaba peleándose con selectores, eventos y estilos antes de tener claros los tipos, el ámbito, los cierres o las promesas, y arrastra esas lagunas durante todo el módulo, incluso cuando el resultado en pantalla parece correcto.

Este curso separa ambos planos. El lenguaje se practica en celdas sobre el kernel de Deno, donde cada concepto se ejecuta y se ve el resultado al instante: tipos y coerción, funciones y cierres, arrays y objetos, clases, módulos, asincronía con promesas y async, y consumo de una API con fetch. Solo al final se conecta con el navegador para comprobar que lo aprendido se traslada sin cambios.

Con esa base asentada, el paso al DOM, a un framework de interfaz o a un entorno de servidor es cuestión de aprender una API concreta, no de volver a aprender el lenguaje ni de descubrir la asincronía sobre la marcha. Enlaza directamente con el curso de TypeScript, que añade tipos y comprobaciones de compilación a este mismo código.

¿Para quién es este curso?

Alumnado de ciclos de informática que empieza el módulo de desarrollo web en entorno cliente.
Profesorado de FP que busca practicar el lenguaje sin arrastrar el DOM desde la primera sesión.
Desarrolladores de otros lenguajes que necesitan JavaScript idiomático antes de entrar en un framework.