Curso Pr谩ctico de JavaScript

Curso Pr谩ctico de JavaScript

Juan David Castro Gallego

Juan David Castro Gallego

Variables

3/26
Recursos
Transcripci贸n

Aportes 50

Preguntas 7

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

La mejor herramienta馃槑

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

Variables y operaciones

1锔.Responde las siguientes preguntas en la secci贸n de comentarios:
驴Qu茅 es una variable y para qu茅 sirve?

  • Espacios en memoria donde podemos guardar informaci贸n.

驴Cu谩l es la diferencia entre declarar e inicializar una variable?

  • Declarar es cuando le decimos a JavaScript que vamos a crear una variable con el nombre tal. Mientras que inicializar (o reinicializar) es asignarle un valor a esa variable.

驴Cu谩l es la diferencia entre sumar n煤meros y concatenar strings?

  • Sumar n煤meros es una operaci贸n matem谩tica. Concatenar strings es unir dos o mas strings.

驴Cu谩l operador me permite sumar o concatenar?

  • El operador que nos permite sumar o concatenar es +.

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 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:

  • Nombre completo (nombre y apellido)
  • Dinero real (dinero ahorrado menos deudas)
let nombreCompleto = nombre + ' ' + apellido;
let dineroReal = dineroAhorrado - deudas;

馃殌 Ejecutar c贸digo JavaScript con runjs.co

Les comparto esta aplicaci贸n web que llevo usando mucho para ejecutar, probar y compartir c贸digo de JS, prueba este c贸digo aqu铆 馃憟.

El curso anterior no se deber铆a llamar 鈥淐urso B谩sico de JavaScript鈥 sin贸 鈥淐urso Te贸rico de JavaScript鈥

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

Muy interesante las respuestas, la verdad dejan en que pensar cuando las compar贸 con las m铆as 馃 gracias.

Me quedo muy clara la explicacion. Espere a que saliera esta actualizacion para empezar el curso.

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

La mejor parte de la clase es 鈥測a soy mayor de edad aleluya鈥 ejjejejejejejeje

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.

驴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.

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

Este curso me esta hencantando, sin duda de los mejores que he tomado.馃槑

Muchas felicidaes al Prof .
Echenle muchisimas ganas. 馃挭馃槈

馃攷 Recomendaci贸n de la clase 馃馃馃徏
.

Declarar variables usando camelCase, puesto que la nomenclatura PascalCase usualmente se utiliza para definir clases o prototipos

.
Ver imagen de referencia

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

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

1锔忊儯 Responde las siguientes preguntas en la secci贸n de comentarios:

  • 驴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: 鈥楯esus鈥 + 鈥 Velasco鈥 = 鈥楯esus Velasco鈥

  • 驴Cu谩l operador me permite sumar o concatenar?

    Con el operador de suma: + .

2锔忊儯 Determina el nombre y tipo de dato para almacenar en variables la siguiente informaci贸n:

  • Nombre .- 鈥渘ame鈥 de tipo string
  • Apellido .- 鈥渓astName鈥 de tipo string
  • Nombre de usuario en Platzi .- 鈥渦serName鈥 de tipo string
  • Edad .- 鈥渁ge鈥 de tipo number
  • Correo electr贸nico .- 鈥渆mail鈥 de tipo string
  • Mayor de edad .- 鈥渋sAdult鈥 de tipo boolean
  • Dinero ahorrado .- 鈥渟avings鈥 de tipo number
  • Deudas .- 鈥渄ebts鈥 de tipo number

3锔忊儯 Traduce a c贸digo JavaScript las variables del ejemplo anterior y deja tu c贸digo en los comentarios.

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

4锔忊儯 Calcula e imprime las siguientes variables a partir de las variables del ejemplo anterior:

  • Nombre completo (nombre y apellido)

    let fullName = `${name} ${lastName}`
    
  • Dinero real (dinero ahorrado menos deudas)

    let totalMoney = savings - debts
    

Qu茅 es una variable y para que sirve?.

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).

Cu谩l es la diferencia entre declarar e inicializar una variable?.

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

Para m铆 deudas tiene m谩s sentidos que sea un array ya que esta escrito de forma plural.

let deudas = [100]

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! 馃檶馃徎

驴Cu谩l operador me permite sumar o concatenar?

  • El s铆mbolo abstracto de l铆neas rectas perpendiculares de un tama帽o y plano igualmente abstracto para relacionar unidades en un espacio imaginario y poder cuantificar cantidades de manera abstracta, o simple mente cruz 鈥+鈥.

siento que este profe deberia estar para una seccion de platzi kits xd

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.

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,

Nomenclaturas de programaci贸n: camelCase, PascalCase, snake_case

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 鈥渞eglas鈥 sobre las cuales llevamos uniformidad en el c贸digo y un est谩ndar de trabajo especialmente dentro de equipos de desarrollo de software.

camelCase o CamelCase

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.

PascalCase

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.

snake_case

La nomenclatura 鈥渟erpiente鈥 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.

Variables y operaciones

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 = 鈥淟uigi鈥;	// Nombre
var apellido = 鈥渄el Carpio鈥;	// Apellido
var usuario = 鈥渓uigidelcarpio鈥;	// Nombre de usuario en Platzi
var edad = 35;	// Edad
var email = 鈥渓uigi.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.

Variables y operaciones


1锔忊儯 Responde las siguientes preguntas en la secci贸n de comentarios:

  • Una variable es la representaci贸n de un espacio en memoria. Nos sirve para almacenar datos que luego usaremos.
  • Nombrar la variable es el acto de declarar mientras que esta queda inicializada luego de que le asignamos un valor despues del signo de igual =.
  • El operador de suma trabaja con diferentes tipos de datos, al tener dos numero hace una adici贸n tradicional ( 2 + 2 = 4), Mientras que la concatenaci贸n es la uni贸n de 2 o mas cadenas de texto (鈥滺ola鈥 + 鈥, C贸mo est谩s?鈥 = 鈥淗ola , C贸mo est谩s?)
  • El operador de suma +

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 = 鈥渟tring鈥

let lastName = 鈥渟tring鈥

let userPlatzi = 鈥渟tring鈥

let age = number

let email 鈥渟tring鈥

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

No hay nada mejor como revisar aquellas clases para reforzar conocimientos si la duda surge, el profesor ya puso el ejemplo,

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 鈥渏uanito 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.

Est谩 bueno este curso, el anterior me cost贸 entender bien su prop贸sito, tuve que estudiar manejo del DOM en otras plataformas, sin embargo este curso est谩 siendo un gran repaso, adem谩s las herramientas que nos dan son muy buenas.

Me acaban de llamar 鈥渁buelo鈥濃 XD

Esta fue mi soluci贸n.

var nombre = "Julio";
var apellido = "Luna";
var dinero = 10000;
var deudas = 2000;

console.log(nombre + " " + apellido);
console.log(dinero - deudas);