Skip to content

Commit 0955508

Browse files
mouredevmouredev
committed
Clase 2 | 17/07/2024
Tipos de datos, operadores y strings
1 parent 8bafd83 commit 0955508

7 files changed

+306
-4
lines changed

‎Basic/02-datatypes.js

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
/*
2+
Clase 2 en vídeo | 17/07/2024
3+
Tipos de datos, operadores y strings
4+
https://www.twitch.tv/videos/2200149072?t=00h08m02s
5+
*/
6+
7+
// Tipos de datos primitivos
8+
9+
// Cadenas de texto (string)
10+
let myName = "Brais Moure"
11+
let alias = 'MoureDev'
12+
let email = `braismoure@mouredev.com`
13+
14+
// Números (number)
15+
let age = 37 // Entero
16+
let height = 1.77 // Decimal
17+
18+
// Booleanos (boolean)
19+
let isTeacher = true
20+
let isStudent = false
21+
22+
// Undefined
23+
let undefinedValue
24+
console.log(undefinedValue)
25+
26+
// Null
27+
let nullValue = null
28+
29+
// Symbol
30+
31+
let mySymbol = Symbol("mysymbol")
32+
33+
// BigInt
34+
35+
let myBigInt = BigInt(817239871289371986589716389471628379612983761289376129)
36+
let myBigInt2 = 817239871289371986589716389471628379612983761289376129n
37+
38+
// Mostramos los tipos de datos
39+
console.log(typeof myName)
40+
console.log(typeof alias)
41+
console.log(typeof email)
42+
43+
console.log(typeof age)
44+
console.log(typeof height)
45+
46+
console.log(typeof isTeacher)
47+
console.log(typeof isStudent)
48+
49+
console.log(typeof undefinedValue)
50+
51+
console.log(typeof nullValue)
52+
53+
console.log(typeof mySymbol)
54+
55+
console.log(typeof myBigInt)
56+
console.log(typeof myBigInt2)

‎Basic/03-beginner-exercises.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
/*
2+
Clase 2 en vídeo | 17/07/2024
3+
Tipos de datos, operadores y strings
4+
https://www.twitch.tv/videos/2200149072?t=00h08m02s
5+
*/
6+
7+
// 1. Escribe un comentario en una línea
8+
9+
// 2. Escribe un comentario en varias líneas
10+
11+
// 3. Declara variables con valores asociados a todos los datos de tipo primitivos
12+
13+
// 4. Imprime por consola el valor de todas las variables
14+
15+
// 5. Imprime por consola el tipo de todas las variables
16+
17+
// 6. A continuación, modifica los valores de las variables por otros del mismo tipo
18+
19+
// 7. A continuación, modifica los valores de las variables por otros de distinto tipo
20+
21+
// 8. Declara constantes con valores asociados a todos los tipos de datos primitivos
22+
23+
// 9. A continuación, modifica los valores de las constantes
24+
25+
// 10. Comenta las líneas que produzcan algún tipo de error al ejecutarser

‎Basic/04-operators.js

+110
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
/*
2+
Clase 2 en vídeo | 17/07/2024
3+
Tipos de datos, operadores y strings
4+
https://www.twitch.tv/videos/2200149072?t=00h08m02s
5+
*/
6+
7+
// Operadores Aritméticos
8+
9+
let a = 5
10+
let b = 10
11+
12+
console.log(a + b) // Suma
13+
console.log(a - b) // Resta
14+
console.log(a * b) // Multiplicación
15+
console.log(a / b) // División
16+
17+
console.log(a % b) // Módulo
18+
console.log(a ** b) // Exponente
19+
20+
a++ // Incremento
21+
console.log(a)
22+
23+
b-- // Decremento
24+
console.log(b)
25+
26+
// Operadores de asignacion
27+
28+
let myVariable = 2
29+
console.log(myVariable)
30+
myVariable += 2 // Suma con asignación
31+
console.log(myVariable)
32+
33+
myVariable -= 2 // Resta con asignación
34+
myVariable *= 2 // Multiplicación con asignación
35+
myVariable /= 2 // División con asignación
36+
myVariable %= 2 // Módulo con asignación
37+
myVariable **= 2 // Exponente con asignación
38+
39+
// Operadores de comparación
40+
41+
console.log(a > b) // Mayor que
42+
console.log(a < b) // Menor que
43+
console.log(a >= b) // Mayor o igual que
44+
console.log(a <= b) // Menor o igual que
45+
console.log(a == b) // Igualdad por valor
46+
console.log(a == 6)
47+
console.log(a == "6")
48+
console.log(a == a)
49+
console.log(a === a) // Igualdad por identidad (por tipo y valor) o igualdad estricta
50+
console.log(a === 6)
51+
console.log(a === "6")
52+
console.log(a != 6) // Desigualdad por valor
53+
console.log(a !== "6") // Desigualdad por identidad (por tipo y valor) o desigualdad estricta
54+
console.log(0 == false)
55+
console.log(1 == false)
56+
console.log(2 == false)
57+
console.log(0 == "")
58+
console.log(0 == " ")
59+
console.log(0 == '')
60+
console.log(0 == "Hola")
61+
console.log(0 === "")
62+
console.log(undefined == null)
63+
console.log(undefined === null)
64+
65+
/*
66+
Truthy values (valores verdaderos)
67+
68+
- Todos los numeros positivos y negativos menos el cero
69+
- Todas las cadenas de texto menos las vacías
70+
- El boolean true
71+
*/
72+
73+
/*
74+
Falsy values (valores falsos)
75+
76+
- 0
77+
- 0n
78+
- null
79+
- undefined
80+
- NaN (Not a Number)
81+
- El boolean false
82+
- Cadenas de texto vacías
83+
*/
84+
85+
// Operadores lógicos
86+
87+
// and (&&)
88+
console.log(5 > 10 && 15 > 20)
89+
console.log(5 < 10 && 15 < 20)
90+
console.log(5 < 10 && 15 > 20)
91+
console.log(5 > 10 && 15 > 20 && 30 > 40)
92+
93+
// or (||)
94+
console.log(5 > 10 || 15 > 20)
95+
console.log(5 < 10 || 15 < 20)
96+
console.log(5 < 10 || 15 > 20)
97+
console.log(5 > 10 || 15 > 20 || 30 > 40)
98+
99+
console.log(5 > 10 && 15 > 20 || 30 < 40)
100+
101+
// not (!)
102+
console.log(!true)
103+
console.log(!false)
104+
console.log(!(5 > 10 && 15 > 20))
105+
console.log(!(5 > 10 || 15 > 20))
106+
107+
// Operadores ternarios
108+
109+
const isRaining = false
110+
isRaining ? console.log("Está lloviendo") : console.log("No está lloviendo")

‎Basic/05-operators-exercises.js

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
/*
2+
Clase 2 en vídeo | 17/07/2024
3+
Tipos de datos, operadores y strings
4+
https://www.twitch.tv/videos/2200149072?t=00h08m02s
5+
*/
6+
7+
// 1. Crea una variable para cada operación aritmética
8+
9+
// 2. Crea una variable para cada tipo de operación de asignación,
10+
// que haga uso de las variables utilizadas para las operaciones aritméticas
11+
12+
// 3. Imprime 5 comparaciones verdades con diferentes operadores de comparación
13+
14+
// 4. Imprime 5 comparaciones falsas con diferentes operadores de comparación
15+
16+
// 5. Utiliza el operador lógico and
17+
18+
// 6. Utiliza el operador lógico or
19+
20+
// 7. Combina ambos operadores lógicos
21+
22+
// 8. Añade alguna negación
23+
24+
// 9. Utiliza el operador ternario
25+
26+
// 10. Combina operadores aritméticos, de comparáción y lógicas

‎Basic/06-strings.js

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
/*
2+
Clase 2 en vídeo | 17/07/2024
3+
Tipos de datos, operadores y strings
4+
https://www.twitch.tv/videos/2200149072?t=00h08m02s
5+
*/
6+
7+
// Strings (cadenas de texto)
8+
9+
// Concatenación
10+
11+
let myName = "Brais"
12+
let greeting = "Hola, " + myName + "!"
13+
console.log(greeting)
14+
console.log(typeof greeting)
15+
16+
// Longitud
17+
18+
console.log(greeting.length)
19+
20+
// Acceso a caracteres
21+
22+
console.log(greeting[0])
23+
console.log(greeting[11])
24+
25+
// Métodos comunes
26+
27+
console.log(greeting.toUpperCase()) // Mayúsculas
28+
console.log(greeting.toLowerCase()) // Minúsculas
29+
console.log(greeting.indexOf("Hola")) // Índice
30+
console.log(greeting.indexOf("Brais"))
31+
console.log(greeting.indexOf("MoureDev"))
32+
console.log(greeting.includes("Hola")) // Incluye
33+
console.log(greeting.includes("Brais"))
34+
console.log(greeting.includes("MoureDev"))
35+
console.log(greeting.slice(0, 10)) // Sección
36+
console.log(greeting.replace("Brais", "MoureDev")) // Reemplazo
37+
38+
// Template literals (plantillas literales)
39+
40+
// Strings en varias líneas
41+
let message = `Hola, este
42+
es mi
43+
curso de
44+
JavaScript`
45+
console.log(message)
46+
47+
// Interpolación de valores
48+
let email = "braismoure@mouredev.com"
49+
console.log(`Hola, ${myName}! Tu email es ${email}.`)

‎Basic/07-strings-exercises.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
/*
2+
Clase 2 en vídeo | 17/07/2024
3+
Tipos de datos, operadores y strings
4+
https://www.twitch.tv/videos/2200149072?t=00h08m02s
5+
*/
6+
7+
// 1. Concatena dos cadenas de texto
8+
9+
// 2. Muestra la longitud de una cadena de texto
10+
11+
// 3. Muestra el primer y último carácter de un string
12+
13+
// 4. Convierte a mayúsculas y minúsculas un string
14+
15+
// 5. Crea una cadena de texto en varias líneas
16+
17+
// 6. Interpola el valor de una variable en un string
18+
19+
// 7. Reemplaza todos los espacios en blanco de un string por guiones
20+
21+
// 8. Comprueba si una cadena de texto contiene una palabra concreta
22+
23+
// 9. Comprueba si dos strings son iguales
24+
25+
// 10. Comprueba si dos strings tienen la misma longitud

‎README.md

+15-4
Original file line numberDiff line numberDiff line change
@@ -11,17 +11,28 @@
1111
1212
## Próxima clase
1313

14-
### Miércoles 17 de julio a las 20:00h (España) en directo desde [Twitch](https://twitch.tv/mouredev)
15-
#### Puedes crear un recordatorio y consultar el horario en tu país desde [Discord](https://discord.gg/mouredev?event=1260687219744706580)
14+
### Miércoles 24 de julio a las 20:00h (España) en directo desde [Twitch](https://twitch.tv/mouredev)
15+
#### Puedes crear un recordatorio y consultar el horario en tu país desde [Discord](https://discord.gg/QY3tKpjC?event=1263226339302047755)
1616

1717
## Clases en vídeo
1818

1919
#### [CLASE 1 | 10/07/2024 | Introducción, instalación, hola mundo y variables](https://www.twitch.tv/videos/2194200202?t=00h14m43s)
2020

2121
Código:
2222

23-
* [00-helloworld.js](./Basic/00-helloworld.js)
24-
* [01-variables.js](./Basic/01-variables.js)
23+
* [00 - Hola Mundo](./Basic/00-helloworld.js)
24+
* [01 - Variables](./Basic/01-variables.js)
25+
26+
#### [CLASE 2 | 17/07/2024 | Tipos de datos, operadores y strings](https://www.twitch.tv/videos/2200149072?t=00h08m02s)
27+
28+
Código:
29+
30+
* [02 - Tipos de datos](./Basic/02-datatypes.js)
31+
* [03 - Ejercicios: Primeros pasos](./Basic/03-beginner-exercises.js)
32+
* [04 - Operadores](./Basic/04-operators.js)
33+
* [05 - Ejercicios: Operadores](./Basic/05-operators-exercises.js)
34+
* [06 - Strings](./Basic/06-strings.js)
35+
* [07 - Ejercicios: Strings](./Basic/07-strings-exercises.js)
2536

2637
## Enlaces de interés
2738

0 commit comments

Comments
 (0)