Resumen Episodio 4

JAVASCRIPT
DESDE CERO
Episodio #4
Contenidos
1 Introducción 3
1.1 Para quien es este curso? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.2 Por qué JavaScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.3 Para que sirve JavaScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.4 Preparación del entorno . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.5 Primer programa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2 Ejecución de código y Tipos de datos 5
2.1 Cómo se ejecuta el código de JavaScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.2 Comentarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.3 Tipos de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
3 Variables 6
3.1 Definir una variable . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.2 Constantes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.3 Tipos especiales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.3.1 Undefined . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.3.2 Null . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
4 Operadores aritméticos 9
5 Otros 11
5.1 Mis redes sociales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
5.2 Dudas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2
1: Introducción
Vídeo en YouTube: https://youtu.be/ogDOlvns8W0
1.1 Para quien es este curso?
Este curso está encarado a gente que se está iniciando en la programación, así que vamos a empezar
completamente desde cero.
Si ya sabes programar algo con otro lenguaje, pero te quieres iniciar en JavaScript, también te puede ser útil
este curso.
1.2 Por qué JavaScript?
Principalmente por tres razones:
• Fácil de aprender
• Muy utilizado
• Es la base de cualquier web
1.3 Para que sirve JavaScript?
JavaScript sirve para muchisimas cosas.
Para empezar, todas las webs que utilizas tienen JavaScript para hacer que la web sea dínamica, hacer
peticiones web, etc.
Por otro lado JavaScript también se puede utilizar por la parte de servidor, para gestionar peticiones web,
acceder una base de datos, etc..
1.4 Preparación del entorno
Instalamos Google Chrome: https://www.google.com/intl/es_es/chrome/
Instalamos Sublime text: https://www.sublimetext.com/
3
1.5 Primer programa
Para ejecutar JavaScript vamos a necesitar una archivo HTML, ya que eso es lo que entiende nuestro nave-
gador.
Así que primero creamos un archivo index.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<script src="index.js"></script>
</body>
</html>
Y después el archivo index.js, que contendrá el código de JavaScript:
console.log("Hola mundo")
Abrimos la pestaña de Consola dentro de las Herramientas de desarrollador de Google Chrome, y veremos
el texto!
4
2: Ejecución de código y Tipos de datos
2.1 Cómo se ejecuta el código de JavaScript?
El código de JavaScript se ejecuta de arriba hacia abajo, es decir, des de la línea uno hasta la última
Un archivo o programa de JavaScript puede tener muchas líneas de código
Todos los espacios vacios o Enter que pongamos, serán ignorados
2.2 Comentarios
Podemos comentar nuestro código, eso significa que si ponemos // al principio de una línea sera ignorada,
por ejemplo:
// esta línea no hace nada
Se puede utilizar para añadir advertencias a nuestro código:
// esto imprime por la consola de JavaScript la frase Hola mundo

console.log("Hola mundo")
2.3 Tipos de datos
En JavaScript existen muchos tipos de variables, pero de momento vamos a utilizar los 3 más básicos:
• String: es una cadena de caracteres. P. ej. "Hola mundo"

• Number: representa un numero, ya sea entero, decimal, positivo o negativo.. . P. ej. 124.1
• Boolean: solo admite dos valor true y false
5
3: Variables
3.1 Definir una variable
Una variable es un espacio de memoria donde guardamos datos
Podemos pensar en ello, como una cajita donde ponemos tipos de datos (booleano, string o number)
Se declaran de la siguiente manera
let ciudad
Hemos creado una variable llamada ciudad, esto se llama declarar una variable
Para asignarle un valor a esta variable lo haremos así:
let ciudad // declaración
ciudad = "Londres" // asignación
El igual en programación es una asignación. Esto puede ser confuso ya que en matemáticas normales es
una comparación
Conceptos:
Declaración: crear una variable en memoria
Asignación: darle un valor a una variable
Podemos declarar y asignar en la misma línea
let ciudad = "Londres"
6
3.2 Constantes
Las constantes son lo mismo que las variables, la diferencia es que el valor no puede cambiar.
Las declaramos así:
const ciudad = "Londres"
Y si intentamos cambiar su valor:
const ciudad = "Londres"
ciudad = "Nueva York" // esto da error
3.3 Tipos especiales
A parte de string, number y boolean vamos a ver dos tipos más
3.3.1 Undefined
Este tipo aparece cuando una variable no se le asigna ningun valor, p.ej.
let ciudad
console.log(ciudad)
Esto es lo mismo que:
let ciudad = undefined

console.log(ciudad)
Podemos utilizar undefined como cualquier tipo:
7
console.log(ciudad)
ciudad = undefined
console.log(ciudad)
Pero hacer esto no tiene mucho sentido
3.3.2 Null
El null significa que algo es nulo, que está vacío, se usa como el undefined:

console.log(ciudad)
ciudad = null
console.log(ciudad)
El nulo en este caso si tendría sentido usarlo así. Veremos más adelante en que casos
8
4: Operadores aritméticos
Son operadores entre números, en JavaScrip tenemos los siguientes:
• Suma +
• Resta -
• Multiplicación *
• División /
• Residuo %
• Exponente **
Podemos utilizarlos de la siguiente manera
1 + 51 / 23
También podemos utilizar los paréntesis:
(13 + 4) / (23 * 13)
Los operadores se pueden combinar con variables:
let num1 = 51
console.log(num1 + 9)
Podemos escribir esto:
let num = 7
num = num + 123
De una manera más corta:
9
let num = 7
num += 123
10
5: Otros
5.1 Mis redes sociales
Instagram: https://www.instagram.com/jota.code/
Youtube: https://www.youtube.com/channel/UCN6LbRbkWRaud3pzOFGZ4Gg
TikTok: https://www.tiktok.com/@jota.code
5.2 Dudas
Tienes dos opciones:
• Dejar un comentario en el vídeo

• Envíame un mensaje por Instagram
11

Resumen Episodio 4

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Resumen Episodio 4

Cargado por

Copyright:

Formatos disponibles

JAVASCRIPT

1.1 Para quien es este curso? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.2 Por qué JavaScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.3 Para que sirve JavaScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.4 Preparación del entorno . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.5 Primer programa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

2 Ejecución de código y Tipos de datos 5

2.1 Cómo se ejecuta el código de JavaScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

2.3 Tipos de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

3.1 Deﬁnir una variable . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

3.3 Tipos especiales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

5.1 Mis redes sociales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Vídeo en YouTube: https://youtu.be/ogDOlvns8W0

1.1 Para quien es este curso?

1.2 Por qué JavaScript?

Principalmente por tres razones:

• Es la base de cualquier web

1.3 Para que sirve JavaScript?

JavaScript sirve para muchisimas cosas.

1.4 Preparación del entorno

Instalamos Google Chrome: https://www.google.com/intl/es_es/chrome/

Instalamos Sublime text: https://www.sublimetext.com/

Así que primero creamos un archivo index.html:

Y después el archivo index.js, que contendrá el código de JavaScript:

2.1 Cómo se ejecuta el código de JavaScript?

Un archivo o programa de JavaScript puede tener muchas líneas de código

Todos los espacios vacios o Enter que pongamos, serán ignorados

// esta línea no hace nada

Se puede utilizar para añadir advertencias a nuestro código:

// esto imprime por la consola de JavaScript la frase Hola mundo

2.3 Tipos de datos

• String: es una cadena de caracteres. P. ej. "Hola mundo"

3.1 Deﬁnir una variable

Una variable es un espacio de memoria donde guardamos datos

Se declaran de la siguiente manera

Para asignarle un valor a esta variable lo haremos así:

let ciudad // declaración

ciudad = "Londres" // asignación

Declaración: crear una variable en memoria

Asignación: darle un valor a una variable

Podemos declarar y asignar en la misma línea

let ciudad = "Londres"

Las declaramos así:

const ciudad = "Londres"

Y si intentamos cambiar su valor:

const ciudad = "Londres"

ciudad = "Nueva York" // esto da error

3.3 Tipos especiales

A parte de string, number y boolean vamos a ver dos tipos más

Esto es lo mismo que:

let ciudad = undefined

Podemos utilizar undeﬁned como cualquier tipo:

Pero hacer esto no tiene mucho sentido

let ciudad = "Londres"

Son operadores entre números, en JavaScrip tenemos los siguientes:

Podemos utilizarlos de la siguiente manera

También podemos utilizar los paréntesis:

(13 + 4) / (23 * 13)

Los operadores se pueden combinar con variables:

Podemos escribir esto:

num = num + 123

De una manera más corta:

5.1 Mis redes sociales