Scribd
Cargar
3 vistas4 páginas

09 JavaScript Web

El documento es una guía didáctica sobre JavaScript para la web, que abarca su funcionalidad, sintaxis básica, manipulación del DOM, asincronía, frameworks modernos y buenas prácticas. Destaca que JavaScript proporciona interactividad en navegadores y se utiliza en servidores y aplicaciones móviles. También incluye ejemplos de código y recomendaciones para mejorar la calidad del código.

Cargado por

waltergamer536
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
3 vistas4 páginas

09 JavaScript Web

El documento es una guía didáctica sobre JavaScript para la web, que abarca su funcionalidad, sintaxis básica, manipulación del DOM, asincronía, frameworks modernos y buenas prácticas. Destaca que JavaScript proporciona interactividad en navegadores y se utiliza en servidores y aplicaciones móviles. También incluye ejemplos de código y recomendaciones para mejorar la calidad del código.

Cargado por

waltergamer536
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

PROGRAMACIÓN

JavaScript para la Web


El lenguaje que hace vivos a los navegadores

Guía didáctica · Material de estudio


JAVASCRIPT PARA LA WEB

Contenido
1. Qué hace JavaScript
2. Sintaxis base
3. DOM
4. Asincronía
5. Frameworks modernos
6. Buenas prácticas

Material educativo Página 2


JAVASCRIPT PARA LA WEB

Qué hace JavaScript


Da interactividad al navegador. Hoy también corre en servidores ([Link]), apps móviles (React
Native) y de escritorio (Electron).

Sintaxis base
• let x = 5; const PI = 3.14;

• Funciones flecha: const sum = (a,b)=>a+b;

• Arrays: [1,2,3].map(n=>n*2)

• Objetos: const u = {nombre:'Ana'}

DOM
[Link]('#boton').addEventListener('click', () => alert('hola'))

Asincronía
Promesas y async/await: const data = await fetch(url).then(r=>[Link]())

Frameworks modernos
• React (UI declarativa)

• Vue (curva suave)

• Svelte (compilado)

• [Link] / Astro (full-stack)

Buenas prácticas
• Usa const por defecto, let cuando sea necesario.

• Evita var.

• Maneja errores con try/catch.

• Formatea con Prettier, lint con ESLint.

Material educativo Página 3


JAVASCRIPT PARA LA WEB

Material educativo Página 4

También podría gustarte