La mejor herramienta😎
Les recomiendo esta herramienta para escribir Markdown. ¡Te permite poder crear tus textos de manera genial!
Introducción
¿Ya tomaste el Curso Básico de JavaScript?
Prueba de JavaScript
Test de JavaScript
Variables
Funciones
Condicionales
Ciclos
Arrays y objetos
Bonus: reducción de condicionales
¡Es tu turno: crea un tutorial!
Quiz: Prueba de JavaScript
Manipulación del DOM
Cómo conectar JavaScript con HTML
Leyendo HTML desde JavaScript
Escribiendo HTML desde JavaScript
Eventos en JavaScript: interactuando con usuarios
addEventListener
Quiz: Manipulación del DOM
Contribución a proyectos
Conectando GitHub a proyectos de JavaScript
Proyectos con JavaScript y GitHub desde cero
Fork a proyectos en GitHub
Analizando código de proyectos open-source
Fusión del menú en desktop
Fusión del menú en mobile
Carrito de compras
Lista de productos: HTML a partir de arrays
Detalles de un producto
Interacción entre todos los componentes
Pull Requests: aportando código a proyectos en GitHub
Feedback: conoce proyectos
Quiz: Contribución a proyectos
Despliegue
Deploy con GitHub Pages
Quiz: Despliegue
Próximos pasos
¿Cuál es tu sueño con JavaScript?
Comparte tu proyecto y certifícate
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 110
Preguntas 14
Les recomiendo esta herramienta para escribir Markdown. ¡Te permite poder crear tus textos de manera genial!
Este es el alcance de las variables (scope)
Excelente Profe!! Muy interactivas las clases, alguien más opina como yo?
Si se les complica MarkDown pueden usar notion que ademas te permite un montón de cosas, entre ellas guardar una base de datos con tus apuntes.
La edición permite Markdown y es muy intuitiva.
en el curso de EMS6+ aprendí que podemos evitar concatenar espacios vacios si usamos comillas invertidas y el signo de pesos
Ej ${nombre} ${apellido}
No sé ustedes pero a mi no me parece nada intuitivo ni siento que facilite realmente
El curso anterior no se debería llamar “Curso Básico de JavaScript” sinó “Curso Teórico de JavaScript”
Les comparto esta aplicación web que llevo usando mucho para ejecutar, probar y compartir código de JS, prueba este código aquí 👈.
1️.Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una variable y para qué sirve?
¿Cuál es la diferencia entre declarar e inicializar una variable?
¿Cuál es la diferencia entre sumar números y concatenar strings?
¿Cuál operador me permite sumar o concatenar?
2.Determina el nombre y tipo de dato para almacenar en variables la siguiente información:
3.Traduce a código JavaScript las variables del ejemplo anterior y deja tu código en los comentarios.
let nombre = 'George';
let apellido = 'Gutierrez';
let username = 'georgegg';
let edad = 24;
let mail = '[email protected]';
let esMayorDeEdad = true;
let dineroAhorrado = 1000;
let deudas = 100;
4️.Calcula e imprime las siguientes variables a partir de las variables del ejemplo anterior:
let nombreCompleto = nombre + ' ' + apellido;
let dineroReal = dineroAhorrado - deudas;
Pensé en utilizar un editor de texto externo para las respuestas, pero pensé que no eran tantas y casi no uso el editor de Platzi, esta vez le di la oportunidad y cuándo iba acabando el test no se que pasó y se me borró todo, lección de vida aprendida xD
Los programadores usan archivos . md para archivar y comparar diferentes versiones del código fuente. Los contenidos o las revisiones históricas son más fáciles de comparar en el lenguaje de marcado que en el formato binario.
Muchas felicidaes al Prof .
Echenle muchisimas ganas. 💪😉
Me quedo muy clara la explicacion. Espere a que saliera esta actualizacion para empezar el curso.
No hay nada mejor como revisar aquellas clases para reforzar conocimientos si la duda surge, el profesor ya puso el ejemplo,
En esta clase me quedó mucho más claro la diferencia entre los comandos var, let y const. Seguramente porque aún no hice los cursos específicos donde se traten esos temas.
En la clase anterior declaré e inicialicé las variables con el comando var, ahora considero que es mejor para estos casos utilizar el comando let
Una Función es una forma de englobar tu lógica para una tarea en específico y en donde tendras parametros y argumentos, si así lo deseas
Los parametros son los que aceptamos a la hora de declarar la función y los argumentos son los valores cuando invocamos la función
¿Qué es una función?
Una función en JavaScript es el lugar donde colocaremos nuestra lógica, la cual, requiera nuestro programa, y gracias a la función vamos a ejecutar su contenido siempre y cuando la necesitemos.
Yo a la variable de deudas las hice como un Array de objetos, ya que podría no tener una sola deuda, podría tener varias y con sus descripciones.
Quedaría de la siguiente manera
let deudas = [
{nombre: "Casa", costo: 5000},
{nombre: "Auto", costo: 3000},
{nombre: "PLatzi", costo: 9000}
];
let dineroAhorrado = 50000
let deudasTotales = 0//Inicializamos esta variable en 0 para luego asignarle un valor
for(let i = 0; i < deudas.length; i++){
deudasTotales += deudas[i].costo
}//Sumamos todos los costos de todos los indices con un ciclo for
//Y los guardamos dentro de la variable de deudas totales.
console.log(deudasTotales)
let dineroTotal = dineroAhorrado - deudasTotales
console.log(dineroTotal);
Me parece genial implementar este tipo de tests al inicio de los cursos! Muchas veces uno piensa que ya se sabe algo de memoria pero cuando se intenta definir claramente los conceptos y definiciones uno se da cuenta que se queda corto en lenguaje técnico e ideas claras. Pienso que esto es muy importante para el inicio de cada curso, gracias! 🙌🏻
Para mí deudas tiene más sentidos que sea un array ya que esta escrito de forma plural.
let deudas = [100]
Utilizamos las variables para almacenar información.
Una variables es un espacio en memoria nombrado que almacena un valor (estos valores que almacena son los tipos y estructuras de datos que soporta el lenguaje).
Declarar una variable es reservar un espacio en memoria para almacenar un valor (por defecto JavaScript las inicializa con el valor primitivo undefined).
Inicializar una variable es asignar un valor a una variable.
let name; // Declaración de la variable name (undefined)
name = 'Jhon'; // Inicialización de la variable name
let age = 30; // Declaración e inicialización de la variable age
Sobre el útlimo ejercicio, esta respuesta me pareció interesante:
let nombre = "Tony";
let apellido = "Stark";
let usuarioPlatzi = "Ironman";
let edad = 53;
let correo = "[email protected]";
let isMayorDeEdad = true; // se lee más fácil que sólo "mayor de edad"
let dineroAhorrado = "$12.4 Billion";
let deudas = "$20.0 Billion";
var nombreCompleto = nombre + " " + apellido;
var dineroReal = Number(ahorros.substring(1,3)) + Number(deudas.substring(1,4));
console.log(nombreCompleto)
console.log(dineroReal)
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:
Nombre
cognomen
, string
Apellido
lastname
, string
Nombre de usuario en Platzi
user
, string
Edad
age
, number
Correo electrónico
email
, string
Mayor de edad
adult
, boolean
Dinero ahorrado
savedMoney
, number
Deudas
debtedMoney
, 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 isAdult = 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);
Perfect!
Me acaban de llamar “abuelo”… XD
Yo a los de números les puse directamente si eran enteros o flotantes, no son esos tipos de datos también o son ya más específicos?
Nombre - stringn
Apellido – stringn
Nombre de usuario en Platzi - stringn
Edad - int
Correo electrónico - stringn
Mayor de edad - boolean
Dinero ahorrado - float
Deudas – float
Se supone que (y dicho por el mismo platzi) que su metodologia era “revolucionaria” porque hacian clases cortas para no aburrir ni abrumar al estudiante. Este curso es precisamente lo contrario, van 2 clases y ya me aburri, como es posible que sean mas de 40 minutos de video y voy a penas por el 3ero 🤡
Si quieren que al escribir codigo en Markdown tenga color, le pueden agregar la extencion del mismo, js, py despues de las 3 comillas, Ejemplo
.
Este seria el resultado en un archivo Markdown.
.
Es importante revisar y probar el código que estamos escribiendo para garantizar el buen funcionamiento de nuestro código. ¡Sigamos!
Yo diría que la variable “deudas” debe ser de tipo objeto porque hace alusión a deudas, (plural más de un valor), de lo contrario seria deuda o valor deuda.
ME ENCAAAANTAA!!! el tiempo que se toma para explicar todo!!! siento que en este curso si aprendere muchisimo y bien fundamentado conocimientos de js!!!
felicitaciones profe
siento que este profe deberia estar para una seccion de platzi kits xd
🔎 Recomendación de la clase 🤠🤘🏼
.
Declarar variables usando
camelCase
, puesto que la nomenclaturaPascalCase
usualmente se utiliza para definirclases
oprototipos
¿Qué es una variable y para qué sirve?
Las variables son representaciones de un espacio en memoria, con ellas podemos guardar datos en la memoria de la computadora y luego acceder a ellos con el identificador de la variable.
¿Cuál es la diferencia entre declarar e inicializar una variable?
La diferencia esta en que declarar es reservar un espacio en memoria y ponerle nombre para acceder a el después mientras que inicializar es insertarle un valor a a esa variable (a ese espacio en memoria).
¿Cuál es la diferencia entre sumar números y concatenar strings?
Que cuando sumamos números estamos realizando una operación matemática con dos operandos de tipo number, ejemplo: 2 + 2 = 4
. Cuando concatenamos dos strings lo que estamos haciendo es unir las dos cadenas de caracteres, ejemplo: ‘Jesus’ + ‘ Velasco’ = ‘Jesus Velasco’
¿Cuál operador me permite sumar o concatenar?
Con el operador de suma: +
.
let name = 'Jesus'
let lastName = 'Velasco'
let userName = 'jesusrobo9000'
let age = 21
let email = '[email protected]'
let isAdult = true
let savings = 5000
let debts = 1000
Nombre completo (nombre y apellido)
let fullName = `${name} ${lastName}`
Dinero real (dinero ahorrado menos deudas)
let totalMoney = savings - debts
Las variables LET pueden ser modificadas, pero no re-declaradas, las variables CONST no pueden ser modificadas ni re-declaradas y las variables VAR pueden ser modificadas y re-declaradas dentro de su ámbito.
La mejor parte de la clase es “ya soy mayor de edad aleluya” ejjejejejejejeje
En la concatenación del nombre con el apellido usé un template literal para sumar el espacio.
let fullName = `${name} ${lastName}`
Increible como explica Juan, un genio
Juan David es un excelente profesor, es el primer curso con el pero iniciando se le entiende perfectamente.
otra forma mas amigable para concatenar es usando Templete Literals…
let nombre = "Camilo"
let apellido = "Taborda"
let nombreCompleto = `${nombre} ${apellido}`
Es realmente muy bueno enseñando JuanDC, se le entiende muy bien, se siente muy cercano a la hora de enseñar, muy buen curso
Variables
1.- Responde:
¿Que es una variable y para que sirve?
Una variable es un espacio en memoria que guarda un dato de cualquier tipo.
¿Cuál es la diferencia entre declarar e inicializar una variable?
Declarar una variable es crearla, inicializarla es asignarle un valor.
¿Cuál es la diferencia entre sumar números y concatenar strings?
Al sumar datos de tipo número, se realiza la operación matemática normal: 1 + 7 = 8. Al concatenar datos tipo string solo se unen los dos datos sin operacion de por medio. (suma-concatenar.png)
¿Que operador me permite sumar o concatenar?
El operador de suma (+)
2.- Determina el nombre y tipo de dato para almacenar en variables la siguiente información:
Nombre = string
Apellido = string
Nombre de Usuario en platzi = string
Edad = number
Correo electrónico = string
Mayor de edad = boolean
Dinero ahorrado = number
Deudas = number
3.- Traduce a código las variables del ejemplo anterior:
4.- Calcula e imprime las siguientes variables usando a las variables anteriores:
Nombre Completo
Dinero Real
CAAAAAAAAAAAAAAAATROOOOOOOOOOOOO
CAAAAAAAAAAAAAAATROOOOOOOOOOOO
DIOS MIO COMO EL PROFESOR NO PUEDE VER QUE SU PROPIO APELLIDO ESTÁ MAL ESCRITO
NO ES MI APELLIDO Y ME MOLESTA BASTANTE QUE NO LO HAYA NOTADO JAJAJA
Una clase muy amena.
la verdad no termine el test porque lo estaba realizando y cuando estaba por terminarlo cerré sin querer el navegador, luego de un rato lo volví a hacer y se me fue la luz dos veces jajajajaj fue muy sad
¿Cuál operador me permite sumar o concatenar?
Cuando un pais le declara la guerra a otro, solo le esta avisando que habra guerra pero no ah enviado soldados (no hay contenido)
Asi mismo con JavaScript, cuando declaras una variable, le dices que habra guerra.
Al inicializar (o iniciar la guerra), das valor (contenido) a la variable (guerra)
Curiosamente, la mayoría de respuestas son muy diferentes a las de juan. Pero humildemente reconocer que algunas las cambie,
Las nomenclaturas son formas de llamar a elementos, sentencias o acciones más específicas. En programación tenemos diferentes formas que a veces son aplicadas como “reglas” sobre las cuales llevamos uniformidad en el código y un estándar de trabajo especialmente dentro de equipos de desarrollo de software.
Es una práctica de escritura que consiste en la unión de dos o más palabras sin espacios entre ellas, pero las diferencian una letra mayúscula inicial a partir de la segunda palabra, por ejemplo: miNombreEs.
Este nombre está dado porque forman con las letras mayúsculas iniciales la estructura de un camello que sube cuando hay un inicio de palabra y baja durante su definición.
Es similar a camelCase con una variación bastante simple: desde la primera letra de la frase se inicia con mayúscula cada palabra, sin embargo se mantiene la práctica de no tener espacios entre palabras y cada palabra siempre empieza con su primera letra mayúscula. Por ejemplo: MiNombreEs.
La nomenclatura “serpiente” es definida de esta forma porque siempre la usamos sobre el piso, esto quiere decir que las letras siempre las minúsculas y las diferentes palabras que compongan el nombre o la definición que se desea dar están separadas por un guion bajo de esta forma: mi_nombre_es.
1️⃣ Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una variable y para qué sirve?
las variables son espacios reservados en memoria que se utilizan para almacenar diferentes tipos datos y convertirlos en información al ser procesados por nuestras aplicaciones.
¿Cuál es la diferencia entre declarar e inicializar una variable?
Declarar una variable es el proceso que realizamos para reservar un espacio en memoria, que al ser inicializado se define el tipo de dato a almacenar y el valor inicial o por defecto.
¿Cuál es la diferencia entre sumar números y concatenar strings?
Sumar números es una operación aritmética que requiere realizar cálculos en la aplicación, por otra parte concatenar es una acción que permite unir dos o más cadenas de caracteres y formar una sola cadena con toda la información.
// arithmetic operation
const numberOne = 5;
const numberTwo = 10;
const sum = numberOne + numberTwo;
console.log("Result: ", sum);
// Concatenation
const stringOne = "Hi everyOne, ";
const stringTwo = "I study here at Platzi, never stop learning!";
const epicString = stringOne + stringTwo;
console.log(epicString);
😃 Variables y operaciones
1.- Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una variable y para qué sirve?
Una variable es un espacio en memoria que sirve para almacenar valores.
¿Cuál es la diferencia entre declarar e inicializar una variable?
Declarar una variable es cuando se asigna un nombre a una variable, mientras que inicializar una variable es cuando se asigna un valor a una variable.
¿Cuál es la diferencia entre sumar números y concatenar strings?
Sumar números consiste en adicionar dos o más cantidades para obtener una sola cantidad, mientras que concatenar strings consiste en unir dos o más cadenas de caracteres para obtener una sola cadena de caracteres.
¿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:
Nombre: nombre (cadena de caracteres)
Apellido: apellido (cadena de caracteres)
Nombre de usuario en Platzi: usuario (cadena de caracteres)
Edad: edad (numérico entero)
Correo electrónico: email (cadena de caracteres)
Mayor de edad: mayorDeEdad (booleano)
Dinero ahorrado: dineroAhorrado (numérico decimal)
Deudas: deudas (numérico decimal)
3.- Traduce a código JavaScript las variables del ejemplo anterior y deja tu código en los comentarios.
var nombre = “Luigi”; // Nombre
var apellido = “del Carpio”; // Apellido
var usuario = “luigidelcarpio”; // Nombre de usuario en Platzi
var edad = 35; // Edad
var email = “luigi.delcarpio@gmail.com”; // Correo electrónico
var mayorDeEdad = true; // Mayor de edad
var dineroAhorrado = 1000.69; // Dinero ahorrado
var deudas = 500.55; // Deudas
4.- Calcula e imprime las siguientes variables a partir de las variables del ejemplo anterior:
var nombreCompleto =`${nombre} ${apellido}`; // Nombre completo (nombre y apellido)
var dineroReal = dineroAhorrado - deudas; // Dinero real (dinero ahorrado menos deudas)
Para la variable nombreCompleto, he usado la interpolación de variables y me ha quedado así:
let nombreCompleto = `${nombre} ${apellido}`
Y para asegurarme que la variable dineroReal sea un número entero, la he parseado con:
let dineroReal = parseInt(`${dineroAhorrado}`) - parseInt(`${deudas}`);
Para mas información sobre el uso de la interpolación de variables, he consultado esta fuente en FreeCodeCamp y para el uso de castear variables he usado esta fuente de Mozilla Docs.
1️⃣ Responde las siguientes preguntas en la sección de comentarios:
2️⃣ Determina el nombre y tipo de dato para almacenar en variables la siguiente información:
3️⃣ Traduce a código JavaScript las variables del ejemplo anterior y deja tu código en los comentarios.
let name = “string”
let lastName = “string”
let userPlatzi = “string”
let age = number
let email “string”
let legalAge = Boolean
let moneySaving = number
let moneyDebt = number
4️⃣ Calcula e imprime las siguientes variables a partir de las variables del ejemplo anterior:
completeName = name + lastname;
totalMoney = moneySaving - moneyDebt;
Su explicación es mucho mejor, profe. Gracias. Esto me salió.
let nombre = "Toro";
let apellido = "Tete";
let dinAhorr = 11;
let dinDeu = 1;
let nombreCompleto = nombre + " " + apellido;
let dinerototal = dinAhorr - dinDeu;
console.log(nombreCompleto);
console.log(dinerototal);
Antes que dineroReal, sería mejor Patrimonio ;D
Y así quedo!
let nombre = "Alfonso";
let apellido = "Nino";
let username = "anino";
let mail = "[email protected]";
let mayorEdad = true;
let ahorro = 10000;
let deudas = 8000;
const nombreCompleto = nombre + " " + apellido;
const capital = ahorro - deudas;
document.write ("Mi nombre y apellido son: " + nombreCompleto + "<br>");
document.write ("Mi ahorro descontando mis deudas corresponde a: " + capital + " pesos colombianos");
Owwww no sabia lo que significada el .md dato curioso uwu
Buenas comunidad de platzi, en la parte de deudas en mis respuestas yo coloqué también un boolean, debido a que podría ser evaluado como si el usuario tiene deudas, tanto como si no tiene, y si no tiene deudas nos generaría un false, que en javascript el valor “0” nos lo lee como un false, y cualquier número diferente de 0, (ya sea negativo o positivo) nos lo lee como true, no sé si mi respuesta esté correcta, acepto cualquier comentario.
Nunca pares de aprender ♥
Esto no es del todo un aporte pero cuando pusiste en la variable mail “juanito alcachofa” me hiciste recordar esto https://www.youtube.com/watch?v=Kgk7EEmGiuo
Hice diferente el tema de dinero real, para mi las deudas era un objeto, por lo que lo hice así:
var ahorros = 599
let deudas = [
{ deuda: "celular", valor: 200 },
{ deuda: "laptop", valor: 100 },
{ deuda: "planMovil", valor: 50 },
];
let valorDeudas = deudas.map(function (deuda) {
return deuda.valor;
});
var dineroReal = function () {
let sumaDeudas = 0;
for (let key in valorDeudas) {
sumaDeudas += valorDeudas[key];
}
return ahorros-sumaDeudas; //599-350
};
dineroReal(); //249
Un poco más complejo pero más funcional también 😄
yo valore que las deudas deberian de ser objetos, ya que podes tener diferentes deudas a diferencia de un ahorro que solo puedes tener un total.
Mayor_edad también lo vi como un INT por que pensé que era un numero no una pregunta :C
Las respuestas me parecen bien, son también las que yo hice de manera individual en el test.
Hasta aquí todo ok, lo único es que yo usé la palabra reservada ‘var’ en vez de ‘let’
Muy buena clase!
var nombre= "andres"
var pellido= "montes"
var user= "ndres.montes"
var edad = 21
var email= "[email protected]"
var mayorEdad= true
var avings= 5000
var deudad= 80
function nombreCompleto (nombre, pellido) {
console.log(`tu nombre completo es ${nombre} ${pellido}`)
}
function patrimonio (avings, deudad) {
var patri
patri = avings - deudad
console.log(`tu dinero real es ${patri}`)
}
En la parte de variables me parecio muy practico como lo realizo el profe, aunque la forma en como yo lo hice tambien me parece buena
var dinero_ahorrado = 11800000;
var deudas = 5500000;
var Dinero_Total = dinero_ahorrado-deudas;
console.log(Mi dinero total es: $ ${Dinero_Total}
);
<code> // Declaración de variables
var numero1 = 10; // Una variable para almacenar un número
var numero2 = 5; // Otra variable para almacenar otro número
// Realizar operaciones con las variables
var suma = numero1 + numero2; // Sumar los dos números
var resta = numero1 - numero2; // Restar el segundo número al primero
var multiplicacion = numero1 * numero2; // Multiplicar los dos números
var division = numero1 / numero2; // Dividir el primer número por el segundo
// Mostrar los resultados en la consola
console.log("Suma:", suma);
console.log("Resta:", resta);
console.log("Multiplicación:", multiplicacion);
console.log("División:", division);
Analizar y repasar las clases es algo que ayuda mucho y en esta clase nos dio mucho el ejemplo de como hacerlo, no es necesario tomar tooodoo el curso completo anterior.
Comparto mi prueba de la clase 2 de la mejor forma redactada y explicada paso a paso. Espero que les sea de utilidad, para ello me tome el trabajo de hacerlo detenidamente e ir prácticando más de GitHub.
Y este espacio, seria terrible!!! jajajaj
Otro error algo desconocido en javascript es la operacion entre numeros decimales que aveces resulta en errores.
Ejemplo:
let a = 0.1;
let b = 0.2;
let c = a + b;
console.log(c); // resultado 0.30000000000000004
Prueba este codigo en tu consola para que compruebes el error.
Más infd aqui
Las variables son una serie datos que se almacenan en la memoria del ordenador para ser utilizados en tareas específicas que se quieren lograr al crear una aplicación.
Se dice que una variable es declarada cuando se crea para un ámbito determinado. Por otro lado, una variable se “inicializa” cuando se la asigna un valor por primera vez.
Si una variable no se inicializa, tendrá un valor indefinido (undefined)
La suma de números se produce cuando se tienen dos valores que son numéricos utilizando el operador “+” . JavaScript reconoce estos datos como “números” al pedir resultados en la consola.
Por otro lado, la concatenación se puede dar entre dos strings o entre un string y un número. JavaScript automáticamente convierte en “string” a un valor “numérico”. Esto ocurre al hacer una combinación entre distintos valores.
El operador “+” es el operador que se utiliza para concatenar.
RESPUESTA
Todas las variables son de tipo primitivo
RESPUESTA
var nombre = “José”;
var apellido = “Contreras;
var usuario = “platziuser”;
var edad = 30;
var correo = “[email protected]”;
var edad = 18;
var dineroAhorrado = 1500;
var cantidadDeudas = 500;
RESPUESTA
var nombreCompleto = (nombre + “ “ apellido);
console.log(nombreCompleto)
var dineroReal = dineroAhorrado - cantidadDeudas;
console.log(dineroReal)`
Es un bloque de código que se utiliza para lograr una tarea en específica
Cuando se quiere que nuestra aplicación ejecute una serie de instrucciones.
Los parámetros son las variables definidas en la definición de la función, mientras que los argumentos son los valores que se pasan a la función cuando se llama.
function introduceYourself(name, lastname, nickname) {
const completeName = name + " " + lastname;
console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".");
}
introduceYourself("Juan", "Pérez", "juanito");
Son valores boleanos (verdadero y falso) que permiten que nuestro código se ejecute de una manera determinada al cumplirse una condición.
if-else: se ejecuta cuando una condición es verdadera o falsa.
switch: se utiliza para evaluar instrucciones en el código y se ejecuta dependiendo de si se cumplen o no.
Operadores ternarios: son formas abreviadas del if else.
if else if: se utiliza para evaluar varias condiciones cuando la primera es falsa.
Sí, se puede escribir una función que tenga una o varias condicionales.
const tipoDeSuscripcion = "Basic";
if (tipoDeSuscripcion === "Free") {
console.log("Solo puedes tomar los cursos gratis");
} else if (tipoDeSuscripcion === "Basic") {
console.log("Puedes tomar casi todos los cursos de Platzi durante un mes");
} else if (tipoDeSuscripcion === "Expert") {
console.log("Puedes tomar casi todos los cursos de Platzi durante un año");
} else if (tipoDeSuscripcion === "ExpertPlus") {
console.log("Tú y alguien más pueden tomar TODOS los cursos de Platzi durante un año");
} else {
console.log("Tipo de suscripción no reconocido");
}
const tipoDeSuscripcion = "Basic";`
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");
}
Son bloques de código que permiten repetir varias veces acciones de código hasta que se cumple una condición.
For y while son los tipos de loops más comunes en Javascript. For se usa cuando se conoce la cantidad de veces en la que se desea repetir un bloque de código. Mientras que while, se usa cuando no se conoce la cantidad de veces en la que un bloque de código se tiene que repetir, y es por esto que se necesita una condición.
Es cuando no se cumple la condición necesaria para que el ciclo que se está ejecutando se acabe. Y es un problema porque al no cumplirse esta condición el código se ejecuta indefinidamente.
Sí, ambos van de la mano. Por ejemplo: se puede usar un ciclo for
y un condicional if
para recorrer un array y hacer algo solo con los elementos que cumplen cierta condición.
let i = 0;
while (i < 5) {
console.log("El valor de i es: " + i);
i++;
}
let i = 10;
while (i >= 2) {
console.log("El valor de i es: " + i);
i--;
}
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.
let respuesta = "";
while (respuesta !== "4") {
respuesta = prompt("¿Cuánto es 2 + 2?");
if (respuesta === "4") {
alert("¡Correcto! ¡Felicidades!");
} else {
alert("Lo siento, tu respuesta es incorrecta. ¡Inténtalo de nuevo!");
}
}
Son estructuras de datos que permiten organizar y almacenar una colección de valores del mismo tipo, como números, strings o booleanos.
En JavaScript, los objetos son una forma de modelar entidades del mundo real o conceptos abstractos como objetos dentro del lenguaje de programación.
La elección de utilizar objetos o arrays dependerá del tipo de datos que se quiera almacenar y la estructura que se requiera. En algunos casos, puede ser útil utilizar ambos juntos para lograr el objetivo deseado
JavaScript permite una gran flexibilidad en la manipulación y combinación de datos estructurados. Por ejemplo, puedes agregar objetos a un array, o agregar un array como una propiedad de un objeto
function imprimePrimerElemento(array) {
if (Array.isArray(array)) {
console.log("El primer elemento del array es: " + array[0]);
} else {
console.log("El parámetro proporcionado no es un array.");
}
}
function imprimeElementos(array) {
if (Array.isArray(array)) {
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
} else {
console.log("El parámetro proporcionado no es un array.");
}
}
function imprimeElementos(objeto) {
if (typeof objeto === "object" && !Array.isArray(objeto)) {
for (let key in objeto) {
console.log(key + ": " + objeto[key]);
}
} else {
console.log("El parámetro proporcionado no es un objeto.");
}
}
Jm en lo de deudas me confundí un poco jajaja, guarde varios productos con su respectiva deuda y los guarde como un array de objetos, pero igual después al sacar el dinero real lo puede resolver.
Variables y operaciones
var deudas = [
{producto: "Carro", valor: 350000},
{producto: "Moto", valor: 50000},
{producto: "Celular", valor: 15000}
]
Dinero real (dinero ahorrado menos deudas)
var valorDeudas;
deudas.forEach(function(deuda){
valorDeudas += deuda.valor;
});
console.log(dineroAhorrado - valorDeudas)
yo despues de 3 dias resolviendo el parcial. enterandome que iban a resolverlo:
https://www.youtube.com/watch?v=00Dfw0t4-5U
Una buena herramienta para que tomen apuntes en markdown es Obsidian
jeje cuando entró al curso de Diego… pesé, un curso anidado! 👀
Bueno, después de ver esta clase me di cuenta de que me equivoque en la parte de cuál era la diferencia entre iniciar y declarar una variable
No es de mucho aporte, mas bien es un comentario, pero vale la pena decirlo, el profe Juan David me recuerda a aquellos profesores que lo marcan a uno porque da las clases de una manera que uno le toma mas amor a la materia, en este caso a JS. Muchas gracias profe Juan por ser tan bueno en lo que hace!!
Hace parecer tan sencillo todo jeje 😃
🤔¿Qué son las variables?
Las variables son contenedores que se utilizan para almacenar valores en un programa. En JavaScript, podemos declarar una variable utilizando la palabra clave “var”, “let” o “const”.
🤩Pero, ¿por qué usar variables?
Las variables son importantes porque nos permiten almacenar valores y utilizarlos en diferentes partes de nuestro programa. Además, nos dan la flexibilidad de cambiar el valor de la variable en cualquier momento.
Acerté en todo, aunque el prof explicó cosas que no sabía como el reinicializar variable y el nombre de las variables cuando se trata de boolean.
PD: Para el test yo use VS CODE en un archivo JS porque no sabía lo de Markdown 😅
Lo hice casi igual, me faltó el espacio en el nombre completo 😛
variables
enserio!
3/27 Variables
En esta lase vamos a responder a las preguntas de la prueba de javaScript de la clase anterior, mostrando cómo llegar a las respuestas, la prueba y las respuestas se encuentran en un repositorio de Github.
La primera sección que vamos a responder es la de variables y operaciones, donde la primera pregunta es:
¿Qué es una variable y para que sirve?
La respuesta es: Una variable es un espacio en memoria donde podemos guardar información, dependiendo de los tipos y estructuras de datos que soporte nuestro lenguaje.
¿Cuál es la diferencia entre declarar e inicializar una variable?
Existen 3 formas de crear variables en JavaScript:
var
let
const
Inicializar una variable es asignar un valor a una variable.
Para sumar números se utilzia el operador +, mientras que para concatenar strings también se usa +.
El nombre, apellido, nombre de usuario en Platzi y correo electrónico se almacenan en variables de tipo string.
La edad se almacena en una variable de tipo número.
Podemos poner cualquier cantidad de dinero ahorrado y deudas en las variables pero al final son números.
Podemos crear variables en JavaScript con let y seguir convenciones de nomenclatura como camelCase.
Podemos utilizar comillas simples para strings y ponder punto y coma de forma opcional
Podemos unir variables para crear “Nombre completo” y “Dinero real” que resta “dineroAhorrado” y “deudas”
Muy linda y clara explicación. Se nota que le ponen toda la onda.
Hola!
En mi caso las deudas es un arreglo, porque puedo tener varias deudas. En mi caso use de tipo objeto, que me perimte darle un nombre a mi deuda y un valor:
var usuarioPlatzi= {
nombre: "",
apellido: "",
nombreDeUsuarioEnPlatzi: "",
edad: 0,
correoElectronico: "",
mayorDeEdad: false,
dineroAhorrado: 0,
deudas: {},
nombreCompleto: function() {
return this.nombre + " " + this.apellido;
},
dineroReal: function() {
var totalDeudas = this.deudas.reduce(function(acumulador, deuda) {
if (!deuda.pagado) {
return acumulador + deuda.valor;
}
return acumulador;
}, 0);
return this.dineroAhorrado - totalDeudas;
}
};
usuarioPlatzi.nombre = "Juan";
usuarioPlatzi.apellido = "Pérez";
usuarioPlatzi.nombreDeUsuarioEnPlatzi = "juanperez";
usuarioPlatzi.edad = 30;
usuarioPlatzi.correoElectronico = "[email protected]";
usuarioPlatzi.mayorDeEdad = true;
usuarioPlatzi.dineroAhorrado = 1000000;
usuarioPlatzi.deudas = [{nombre:"cuota 1", valor:75000, pagado:true}, {nombre:"cuota 2", valor:75000, pagado:false}, {nombre:"cuota 3", valor:75000, pagado:false}];
let nombre -> Declarar
nombre = "Juan" -> Asignar
let nombre2 = "Ricardo" -> Inicializar
Que cool
a
Me parece genial que el profesor nos invite a regresar a revisar aquellas cosas que no recordemos de momento, así podemos mantener frescos los conocimientos previos y quizá darnos cuenta de ciertos puntos de vista que no vimos la primera vez que tomamos esa clase.
Se nota mucho la tu pasión por enseñar @Andres Gabriel Reinoza Arteaga, Excelente forma de enseñar
Mis respuestas fueron las mismas, solo que yo lo hice mental y no use un editor.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.