1 of 16

Desarrollo de Software

Introducción a JavaScript

1

2 of 16

Agenda

  • Qué es JavaScript y por qué nos interesa
  • Clasificación del Lenguaje
  • JS en el navegador y en el servidor
  • Sintaxis y ejercicio práctico

2

3 of 16

¿Qué es JavaScript?

3

4 of 16

4

5 of 16

Un poco de contexto…

5

https://github.blog/news-insights/octoverse/octoverse-2024/#the-most-popular-programming-languages�

6 of 16

Un poco de contexto…

Frontend

Mobile

Backend

React

Angular

Vue.js

Electron (desktop)

Bun

7 of 16

Un poco de contexto…

  • Lenguaje de scripting creado en 1995 para el navegador Netscape.

​

  • Nace con el fin de brindar más interacción y dinamismo a las

páginas web.

​

  • La marca “JavaScript” actualmente pertenece a Oracle.

​

  • La especificación abierta en la que se basa el lenguaje

es “ECMAScript”.

​

  • Implementaciones más vigentes: V8 (Chromium),

SpiderMonkey (Firefox), JavaScriptCore (Safari).

​

7

8 of 16

Clasificación del lenguaje

  • Lenguaje de scripting. Actualmente de propósito general.

​

  • Débil y dinámicamente tipado.

​

  • Multiparadigma: objetos, funcional (funciones de primera clase!) y estructurado.

​

  • Modelo de objetos basado en prototipos.

​

  • Monohilo. Naturalmente basado en el asincronismo.

8

https://developer.mozilla.org/es/docs/Web/JavaScript

9 of 16

En el navegador

9

10 of 16

En el navegador

  • JavaScript permite interactuar dinámicamente con el HTML.

​

  • Usando una abstracción llamada DOM, “Document Object Model”.

​

Para empezar a usar JS, se incluye la etiqueta <script> en el archivo HTML:

10

<body>

...

<script>

// Aquí va el código de JavaScript

</script>

</body>

​

11 of 16

  • También se puede referenciar un archivo con el atributo “src”.

​

11

<script src=”index.js”></script>

12 of 16

En el

servidor

12

13 of 16

En el servidor

  • Surgen runtimes que permiten la ejecución de JavaScript.

​

  • Node.js, Deno, Bun.

​

  • Con el fin de aprovechar su naturaleza asíncrona

y basada en eventos.

(Más adelante lo veremos en detalle…)

13

https://nodejs.org/es/about

14 of 16

Links útiles

14

15 of 16

Ejercicio Práctico

15

16 of 16

¡Gracias!

16