1️⃣ Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una variable y para qué sirve?
Un variables es un espacio de memoria de computadora y sirve para referirnos a datos que guardamos con nombres.
¿Cuál es la diferencia entre declarar e inicializar una variable?
Declarar es nombrar un espacio de memoria, inicializar es guardar datos en ese lugar.
¿Cuál es la diferencia entre sumar números y concatenar strings?
Sumar números es una operación matemática y concatenar es unir strings uno tras otro.
¿Cuál operador me permite sumar o concatenar?
El operador +
.
2️⃣ Determina el nombre y tipo de dato para almacenar en variables la siguiente información:
Nombrecognomen
, string
Apellidolastname
, string
Nombre de usuario en Platziuser
, string
Edadage
, number
Correo electrónicoemail
, string
Mayor de edadadult
, boolean
Dinero ahorradosavedMoney
, number
DeudasdebtedMoney
, number
3️⃣ Traduce a código JavaScript las variables del ejemplo anterior y deja tu código en los comentarios.
let cognomen = 'Alexander';
let lastname = 'Reyes';
let user = 'AARH777';
let age = 26;
let email = '[email protected]';
let adult = true;
let savedMoney = 20_000;
let debtedMoney = 5_000;
4️⃣ Calcula e imprime las siguientes variables a partir de las variables del ejemplo anterior:
Nombre completo (nombre y apellido)
Dinero real (dinero ahorrado menos deudas)
let yourFinancialState = `Best regards ${cognomen}${lastname}.
Your financial state is $${savedMoney-debtedMoney}.`;
console.log(yourFinancialState);
1️⃣ Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una función?
Es un bloque de código que resuelve un subproblema específico.
¿Cuándo me sirve usar una función en mi código?
Cuanto necesito hacer cálculos automatizados y no repetir manualmente, más allá de los ciclos.
¿Cuál es la diferencia entre parámetros y argumentos de una función?
Parámetro es la variable que se declara al crear la función, argumentos son los valores reales en la ejecución.
2️⃣ Convierte el siguiente código en una función, pero, cambiando cuando sea necesario las variables constantes por parámetros y argumentos en una función:
const name = "Juan David";
const lastname = "Castro Gallego";
const completeName = name + lastname;
const nickname = "juandc";
console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".");
// Code within functionfunctionfoobar(name, lastname, nickname) {
completeName = `${name}${lastname}`;
console.log(`My name is ${completeName}, but I prefer that you call me ${nickname}.`);
}
foobar('"Alexander', 'Reyes', 'AARH777');
1️⃣ Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una condicional?
Es una expresión lógica para tomar decisiones, que devuelve un resultado booleano.
¿Qué tipos de condicionales existen en JavaScript y cuáles son sus diferencias?
De tipo if y switch. Con if podemos anidar varias condiciones y con switch damos opciones varias de una vez para elegir.
¿Puedo combinar funciones y condicionales?
Si se pueden combinar, sería tener un bloque dentro de otro.
2️⃣ Replica el comportamiento del siguiente código que usa la sentencia switch
utilizando if
, else
y else if
:
const tipoDeSuscripcion = "Basic";
switch (tipoDeSuscripcion) {
case"Free":
console.log("Solo puedes tomar los cursos gratis");
break;
case"Basic":
console.log("Puedes tomar casi todos los cursos de Platzi durante un mes");
break;
case"Expert":
console.log("Puedes tomar casi todos los cursos de Platzi durante un año");
break;
case"ExpertPlus":
console.log("Tú y alguien más pueden tomar TODOS los cursos de Platzi durante un año");
break;
}
if (tipoDeSuscripcion == 'Free')
console.log("Solo puedes tomar los cursos gratis");
elseif (tipoDeSuscripcion == 'Basic')
console.log("Puedes tomar casi todos los cursos de Platzi durante un mes");
elseif (tipoDeSuscripcion == 'Expert')
console.log("Puedes tomar casi todos los cursos de Platzi durante un año");
elseif (tipoDeSuscripcion == "ExpertPlus")
console.log("Tú y alguien más pueden tomar TODOS los cursos de Platzi durante un año");
elseconsole.log("Adquiere un tipo de suscripción");
3️⃣ Replica el comportamiento de tu condicional anterior con if
, else
y else if
, pero ahora solo con if
(sin else
ni else if
).
var tipoDeSuscripcion;
if (tipoDeSuscripcion == 'Free')
console.log("Solo puedes tomar los cursos gratis");
if (tipoDeSuscripcion == 'Basic')
console.log("Puedes tomar casi todos los cursos de Platzi durante un mes");
if (tipoDeSuscripcion == 'Expert')
console.log("Puedes tomar casi todos los cursos de Platzi durante un año");
if (tipoDeSuscripcion == "ExpertPlus")
console.log("Tú y alguien más pueden tomar TODOS los cursos de Platzi durante un año");
Bonus:si ya eres una experta o experto en el lenguaje, te desafío a comentar cómo replicar este comportamiento con arrays y un solo condicional. 😏
let tipoDeSuscripcion = [
{Free: 'Solo puedes tomar los cursos gratis'},
{Basic: 'Puedes tomar casi todos los cursos de Platzi durante un mes'},
{Expert: 'Puedes tomar casi todos los cursos de Platzi durante un año'},
{ExpertPlus: 'Tú y alguien más pueden tomar TODOS los cursos de Platzi durante un año'}
];
let miSuscripcion = tipoDeSuscripcion[1];
if (miSuscripcion == tipoDeSuscripcion[0])
console.log("Solo puedes tomar los cursos gratis");
elseif (miSuscripcion == tipoDeSuscripcion[1])
console.log("Puedes tomar casi todos los cursos de Platzi durante un mes");
elseif (miSuscripcion == tipoDeSuscripcion[2])
console.log("Puedes tomar casi todos los cursos de Platzi durante un año");
elseif (miSuscripcion == tipoDeSuscripcion[3])
console.log("Tú y alguien más pueden tomar TODOS los cursos de Platzi durante un año");
elseconsole.log("Adquiere un tipo de suscripción");
1️⃣ Responde las siguientes preguntas en la sección de comentarios:
¿Qué es un ciclo?
Un bloque de código que se repite, mientras se cumple una condición.
¿Qué tipos de ciclos existen en JavaScript?
Ciclos while, do while, for, for… of, for… in y la función global forEach().
¿Qué es un ciclo infinito y por qué es un problema?
Es un ciclo que no cumple ninguna condición para dejar de repetirse y este comportamiento detiene y paraliza no solo el programa, sino puede detener el funcionamiento de una computadora.
¿Puedo mezclar ciclos y condicionales?
Si, tanto ciclos como condicionales pueden anidarse.
2️⃣ Replica el comportamiento de los siguientes ciclos for
utilizando ciclos while
:
for (let i = 0; i < 5; i++) {
console.log("El valor de i es: " + i);
}
let i = 0;
while (i < 5) {
console.log("El valor de i es: " + i);
i++;
}
for (let i = 10; i >= 2; i--) {
console.log("El valor de i es: " + i);
}
let i = 10;
while (i >= 2) {
console.log("El valor de i es: " + i);
i--;
}
3️⃣ Escribe un código en JavaScript que le pregunte a los usuarios cuánto es 2 + 2
. Si responden bien, mostramos un mensaje de felicitaciones, pero si responden mal, volvemos a empezar.
Pista:puedes usar la función prompt de JavaScript.
var question = prompt("2 + 2 is equal to?");
if (question != 4) {
while (question != 4) {
question = prompt("2 + 2 is equal to?");
if (question == 4) {
console.log("Congratulations! It's correct :)");
break;
}
continue;
}
} else {
console.log("Congratulations! It's correct :)");
}
1️⃣ Responde las siguientes preguntas en la sección de comentarios:
¿Qué es un array?
Es una estructura de datos varios que pueden ser anidados.
¿Qué es un objeto?
Es una estructura de datos que tiene propiedades y métodos simulando objetos reales.
¿Cuándo es mejor usar objetos o arrays?
Cuando tenemos propiedades relacionadas a una entidad y esa entidad es repetitiva es mejor usar objetos.
Cuando tenemos un conjunto de objetos de alguna manera relacionados es mejor usar arrays.
¿Puedo mezclar arrays con objetos o incluso objetos con arrays?
Sí, y de esta forma: los arrays pueden tener objetos como elementos; podemos usar el spread operator
para convertir arrays en objetos.
const stuff = [{a: 10},{b: 20},{c: 40}];
const arr = ["foo", "boo", "zoo"];
const obj = {...arr};
console.log(obj);
// output
{0: "foo", 1: "boo", 2: "zoo"}
2️⃣ Crea una función que pueda recibir cualquier array como parámetro e imprima su primer elemento.
const seasons = ['winter', 'spring', 'autumn', 'summer'];
let mySeason = (arr) => console.log(arr[0]);
seasons(mySeason);
3️⃣ Crea una función que pueda recibir cualquier array como parámetro e imprima todos sus elementos uno por uno (no se vale imprimir el array completo).
const racquetSports = ['Tennis', 'Ping Pong', 'Squash', 'Badminton', 'Paddle', 'Racquetball', 'Fronton', 'Pickleball', 'Beach Tennis', 'Touchtennis'];
let sports = arr => { arr.forEach(sport => console.log(sport)) }
sports(racquetSports);
4️⃣ Crea una función que pueda recibir cualquier objeto como parámetro e imprima todos sus elementos uno por uno (no se vale imprimir el objeto completo).
let skills = {'softskill': 'Pleasurable', 'hardskill': 'Git'};
let mySkills = arr => {for(let skill in skills) console.log(`👉🏻 ${skill}`)}
mySkills();
En esta clase hay ejemplos sobre variables y constantes