CURSO DE JAVA SCRIPT
CLASE 1 | 10/07/2024 | Introducción, instalación, hola mundo y
variables
// Esto es un comentario simple
/*
Esto es
un comentario
en varias líneas
*/
console.log("¡Hola, JavaScript!")
console.log('¡Hola, JavaScript!')
console.log(`¡Hola, JavaScript!`)
// console.log("¡Hola, JavaScript!")
/*
console.log("¡Hola, JavaScript!")
console.log('¡Hola, JavaScript!')
console.log(`¡Hola, JavaScript!`)
*/
console.log("5")
console.log(5)
console.log(5 + 2)
console.log(5 - 2)
console.log(5 * 2)
console.log(5 / 2)
console.log(5 % 2)
console.log(5 ** 2)
// var
var helloWorld = "¡Hola, JavaScript!"
console.log(helloWorld)
helloWorld = "¡Hola de nuevo, JavaScript!"
console.log(helloWorld)
// let
let helloWorld2 = "¡Hola, JavaScript 2!"
console.log(helloWorld2)
helloWorld2 = "¡Hola de nuevo, JavaScript 2!"
console.log(helloWorld2)
// const
const helloWorld3 = "¡Hola, JavaScript 3!"
console.log(helloWorld3)
// Error
// helloWorld3 = "¡Hola de nuevo, JavaScript 2!"
// console.log(helloWorld3)
CLASE 2 | 10/07/2024 | Tipos de datos, operadores y Strings
// Tipos de datos primitivos
// Cadenas de texto (string)
let myName = "Brais Moure"
let alias = 'MoureDev'
let email = `
[email protected]`
// Números (number)
let age = 37 // Entero
let height = 1.77 // Decimal
// Booleanos (boolean)
let isTeacher = true
let isStudent = false
// Undefined
let undefinedValue
console.log(undefinedValue)
// Null
let nullValue = null
// Symbol
let mySymbol = Symbol("mysymbol")
// BigInt
let myBigInt =
BigInt(817239871289371986589716389471628379612983761289376129)
let myBigInt2 =
817239871289371986589716389471628379612983761289376129n
// Mostramos los tipos de datos
console.log(typeof myName)
console.log(typeof alias)
console.log(typeof email)
console.log(typeof age)
console.log(typeof height)
console.log(typeof isTeacher)
console.log(typeof isStudent)
console.log(typeof undefinedValue)
console.log(typeof nullValue)
console.log(typeof mySymbol)
console.log(typeof myBigInt)
console.log(typeof myBigInt2)
Ejercicios
// 1. Escribe un comentario en una línea
// 2. Escribe un comentario en varias líneas
// 3. Declara variables con valores asociados a todos los datos de tipo
primitivos
// 4. Imprime por consola el valor de todas las variables
// 5. Imprime por consola el tipo de todas las variables
// 6. A continuación, modifica los valores de las variables por otros del
mismo tipo
// 7. A continuación, modifica los valores de las variables por otros de
distinto tipo
// 8. Declara constantes con valores asociados a todos los tipos de datos
primitivos
// 9. A continuación, modifica los valores de las constantes
// 10. Comenta las líneas que produzcan algún tipo de error al ejecutarse
// Operadores Aritméticos
let a = 5
let b = 10
console.log(a + b) // Suma
console.log(a - b) // Resta
console.log(a * b) // Multiplicación
console.log(a / b) // División
console.log(a % b) // Módulo
console.log(a ** b) // Exponente
a++ // Incremento
console.log(a)
b-- // Decremento
console.log(b)
// Operadores de asignacion
let myVariable = 2
console.log(myVariable)
myVariable += 2 // Suma con asignación
console.log(myVariable)
myVariable -= 2 // Resta con asignación
myVariable *= 2 // Multiplicación con asignación
myVariable /= 2 // División con asignación
myVariable %= 2 // Módulo con asignación
myVariable **= 2 // Exponente con asignación
// Operadores de comparación
console.log(a > b) // Mayor que
console.log(a < b) // Menor que
console.log(a >= b) // Mayor o igual que
console.log(a <= b) // Menor o igual que
console.log(a == b) // Igualdad por valor
console.log(a == 6)
console.log(a == "6")
console.log(a == a)
console.log(a === a) // Igualdad por identidad (por tipo y valor) o igualdad
estricta
console.log(a === 6)
console.log(a === "6")
console.log(a != 6) // Desigualdad por valor
console.log(a !== "6") // Desigualdad por identidad (por tipo y valor) o
desigualdad estricta
console.log(0 == false)
console.log(1 == false)
console.log(2 == false)
console.log(0 == "")
console.log(0 == " ")
console.log(0 == '')
console.log(0 == "Hola")
console.log(0 === "")
console.log(undefined == null)
console.log(undefined === null)
/*
Truthy values (valores verdaderos)
- Todos los numeros positivos y negativos menos el cero
- Todas las cadenas de texto menos las vacías
- El boolean true
*/
/*
Falsy values (valores falsos)
- 0
- 0n
- null
- undefined
- NaN (Not a Number)
- El boolean false
- Cadenas de texto vacías
*/
// Operadores lógicos
// and (&&)
console.log(5 > 10 && 15 > 20)
console.log(5 < 10 && 15 < 20)
console.log(5 < 10 && 15 > 20)
console.log(5 > 10 && 15 > 20 && 30 > 40)
// or (||)
console.log(5 > 10 || 15 > 20)
console.log(5 < 10 || 15 < 20)
console.log(5 < 10 || 15 > 20)
console.log(5 > 10 || 15 > 20 || 30 > 40)
console.log(5 > 10 && 15 > 20 || 30 < 40)
// not (!)
console.log(!true)
console.log(!false)
console.log(!(5 > 10 && 15 > 20))
console.log(!(5 > 10 || 15 > 20))
// Operadores ternarios
const isRaining = false
isRaining ? console.log("Está lloviendo") : console.log("No está lloviendo")
Ejercicios
// 1. Crea una variable para cada operación aritmética
// 2. Crea una variable para cada tipo de operación de asignación,
// que haga uso de las variables utilizadas para las operaciones
aritméticas
// 3. Imprime 5 comparaciones verdades con diferentes operadores de
comparación
// 4. Imprime 5 comparaciones falsas con diferentes operadores de
comparación
// 5. Utiliza el operador lógico and
// 6. Utiliza el operador lógico or
// 7. Combina ambos operadores lógicos
// 8. Añade alguna negación
// 9. Utiliza el operador ternario
// 10. Combina operadores aritméticos, de comparáción y lógicas
// Strings (cadenas de texto)
// Concatenación
let myName = "Brais"
let greeting = "Hola, " + myName + "!"
console.log(greeting)
console.log(typeof greeting)
// Longitud
console.log(greeting.length)
// Acceso a caracteres
console.log(greeting[0])
console.log(greeting[11])
// Métodos comunes
console.log(greeting.toUpperCase()) // Mayúsculas
console.log(greeting.toLowerCase()) // Minúsculas
console.log(greeting.indexOf("Hola")) // Índice
console.log(greeting.indexOf("Brais"))
console.log(greeting.indexOf("MoureDev"))
console.log(greeting.includes("Hola")) // Incluye
console.log(greeting.includes("Brais"))
console.log(greeting.includes("MoureDev"))
console.log(greeting.slice(0, 10)) // Sección
console.log(greeting.replace("Brais", "MoureDev")) // Reemplazo
// Template literals (plantillas literales)
// Strings en varias líneas
let message = `Hola, este
es mi
curso de
JavaScript`
console.log(message)
// Interpolación de valores
let email = "[email protected]"
console.log(`Hola, ${myName}! Tu email es ${email}.`)
Ejercicios:
// 1. Concatena dos cadenas de texto
// 2. Muestra la longitud de una cadena de texto
// 3. Muestra el primer y último carácter de un string
// 4. Convierte a mayúsculas y minúsculas un string
// 5. Crea una cadena de texto en varias líneas
// 6. Interpola el valor de una variable en un string
// 7. Reemplaza todos los espacios en blanco de un string por guiones
// 8. Comprueba si una cadena de texto contiene una palabra concreta
// 9. Comprueba si dos strings son iguales
// 10. Comprueba si dos strings tienen la misma longitud
CLASE 3 | 10/07/2024 | Condicionales
// if, else if, else
// if (si)
let age = 37
if (age == 37) {
console.log("La edad es 37")
}
// else (si no)
if (age == 37) {
console.log("La edad es 37")
} else {
console.log("La edad no es 37")
}
// else if (si no, si)
if (age == 37) {
console.log("La edad es 37")
} else if (age < 18) {
console.log("Es menor de edad")
} else {
console.log("La edad no es 37 ni es menor de edad")
}
// Operador ternario
const message = age == 37 ? "La edad es 37" : "La edad no es 37"
console.log(message)
Ejercicios:
// if/else/else if/ternaria
// 1. Imprime por consola tu nombre si una variable toma su valor
// 2. Imprime por consola un mensaje si el usuario y contraseña concide con
unos establecidos
// 3. Verifica si un número es positivo, negativo o cero e imprime un mensaje
// 4. Verifica si una persona puede votar o no (mayor o igual a 18) e indica
cuántos años le faltan
// 5. Usa el operador ternario para asignar el valor "adulto" o "menor" a una
variable
// dependiendo de la edad
// 6. Muestra en que estación del año nos encontramos dependiendo del
valor de una variable "mes"
// 7. Muestra el número de días que tiene un mes dependiendo de la
variable del ejercicio anterior
