Variables

Clase 4 de 55 • Fundamentos de JavaScript 2018

Resumen

En este curso utilizaremos la consola de Google Chrome y el editor de texto Atom. También, crearemos una carpeta llamada fundamentos_js. Para crear un archivo independiente del html utiliza la etiqueta <script> en tu archivo html. Por convención de la comunidad te recomendamos utilizar las comillas simples ( ' ' ).
Además, te recomendamos utilizar el símbolo ( ; ) al finalizar cada instrucción. De esta forma le indicamos al navegador el término de esta.

leonardo Oteca

student•

Aun no he visto todo el curso pero se nota lo mucho que ha mejorado Sacha como profesor.

Saúl Báez Terrez

student•

Coincido contigo, se nota la diferencia.

Joel Aravena Villegas

student•

Si !!!, vengo del curso de Boostrap y esta mucho mejor !!!

Samuel Garcia

student•

Recuerden tenemos 3 tipos de varibles en JS:
var = Una varible global
const = Una varible en la cual no se puede cambiar su contenido
let = Varible que permite declarar variables limitando su alcance
😃

Humberto León

student•

Soy nuevo en esto. Pero matemáticamente, una constante es lo opuesto a una variable…Las constantes ya reciben un valor inicial en su declaración. Las variables primero se declaran, luego se inician, y luego se usan. Las constantes, una vez declaradas mantienen su valor durante toda la ejecución del programa. En cambio, las variables pueden cambiar su valor tantas veces como deseen.

Gino Ureta

student•

gracias por el aporte

Carlos Mario

student•

Leonard L

student•

Lo curioso es que declaramos una variable con const pero lo que está adentro es una constante no una variable. Esto ya se puso raro haha.

Britney Hadassa Ascencio Henriquez

student•

Thanks

Jeremy Barroso

student•

Las variables se declaran colocando la palabra reservada (keyword) var
A las variables se les puede asignar el valor que queremos que esta tenga directamente en la misma linea en la que la creamos. Ej:
var nombre = 'Jeremy'
Se pueden declarar múltiples variables en una misma linea de código haciendo uso de la coma El: var nombre = 'Jeremy', apellido = 'Barroso'
Las variables en JS son débilmente tipadas, es decir, que estas pueden aceptar cualquier valor que le reasignemos a lo largo de nuestro código. Un ejemplo de esto sería que la variable “peso” inicie almacenando un entero como valor y luego se le termine asignando un string como valor, no hay nada que impida que esta reasignación se realice (contrario a otros lenguajes como por ejemplo C#) donde es estrictamente necesario indicar el tipo de la variable antes de comenzarla a utilizar y una vez que esta fue declarada, no puede albergar un valor de otro tipo

Kevin Chipana Chucare

student•

Gracias

Victor Andres Castillo Zambrano

student•

gracias

Carlos Rodríguez Huerta

student•

#teamAtom ❤️

Jonatan Padilla

student•

#TeamVSCode ❤️

leonardo Oteca

student•

#TeamSublimeText ❤️

Steve Anthony Luzquiños Agama

student•

Tengo entendido que los tipados son de la siguiente manera:

Fuerte: una variable necesita de un tipo de dato para poder ser creada, ejemplos: C, C++, Java, Python (lo infiere en la declaración).
Débil o no tipado: una variable no necesita un tipo de dato para ser creada, ejemplos: JavaScript, PHP, Ruby.
Dinámico: una variable puede cambiar su tipo de dato en tiempo de ejecución sin necesidad de casteo, ejemplos: Python, JavaScript.
Estático: una variable no puede cambiar su tipo de dato sin un casteo previo: Java, C++, C.

Así, podemos decir que JavaScript es un lenguaje de tipado débil y dinámico.

María José Ledesma

student•

¡Muchas gracias por el aporte, AnthonyLzq! 😄 ¡Nunca pares de aprender! 🦄

Platzi Team

student•

Excelente aporte compañero 💪

Andrés Madrigal

student•

#TeamFirefox

Jonatan Padilla

student•

me too ❤️

Luis Miguel Patiño Buendía

student•

#TeamBrave

Ivan Santiago

student•

En Emmet se pueden usar atajos:

Escribiendo ! se obtiene la estructura basica del html
Escribiendo script se obtiene <script></script>

Pablo Cesar Cardozo Chile

student•

Lo del ! no lo sabia, gracias…

Viridiana Sánchez Ramírez

student•

Yo sólo conocía ->_ html:5 + TAB_

Gracias por el tip

Jesús Josemaría Cama Raymundo

student•

Si alguien usa Visual Studio Code, para autocompletar la estructura de html es con ctrl+space y eligen html sample

Luis Armando Aguilar Pereyra

student•

Siempre usaba comillas dobles, creo que empezaré a usar las simples... Buenas practicas como diriía diosito Freddy

Camilo Echeverry

student•

Alt + 39 = ' comilla simple Alt + 34 = " comilla doble Ctrl + R = Refresca el navegador

Nicolas Esteban Prieto Sarmiento

student•

SRC EN OTRAS CARPETAS

El SRC sirve para encontrar la ruta del archivo. Si tienes el archivo JS en una sub carpeta y el HTML en la carpeta raíz ejm

Para que el SRC encuentre el archivo pones el nombre de la carpeta seguido de un / y así hasta llegar al archivo ejem src="Code/index.js"

Si es al revés y el JS esta en la carpeta raíz y el HTML en una sub carpeta ejm

En el SRC como el JS esta antes de la carpeta del HTML para devolverte y llegar a esa tienes que poner ../ esto es para devolverte una carpeta ejem src="../index.js" y si esta dentro de un carpeta seria: src="../carpeta/index.js"

Adrian Gines

student•

También podemos usar backtick para concatenar strings.

let firstName = 'Fernando';
let lastName = 'López';

console.log(`${firstName} ${lastName}`);

Jose Calvano

student•

//Primera Clase

// imprimir un mensaje por consola.
console.log('hola mundo JS')
//Crear una variable. 
var nombre
// En la consola podemos interactuar con las variables definidas anteriormente.

/* Podemos asignarle un valor a la variable "en este caso un string" las comillas simples ('')
y las dobles son indistintas(""). Por convención se utiliza 'SIMPLE'*/
nombre = 'Jose'
//Si nos dirigimos a la consola podremos notar que el valor de la variable cambio a 'Jose'.
//La utilización del ; es algo opcional

// definir y asignar valor a la variable.
var apellido = 'Calvano'
//Utilizando la variable, en la consola.
console.log('Hola ' + nombre + ' '+ apellido)

//JS es un lenguaje debilmente tipado.
/* Los lenguajes de programación no tipados o débilmente tipados no controlan 
los tipos de las variables que declaran, de este modo, es posible usar variables 
de cualquier tipo en un mismo escenario. Por ejemplo, una función puede recibir 
como parámetro un valor entero, cadena de caracteres, flotante, etc.*/

var edad = 23
edad = '23 años'
console.log('Tengo ' + edad) ```

Edylber Simancas

student•

Al colocar mi codigo JS en mi editor sin el punto y coma (;) se siente desnuda mi escritura. En fin, cada quien lo hace como mejor se sienta. =\

Aarón González

student•

¡Hola, @esimabol! :D Al principio es normal que se sienta un poco raro hacerlo de esa forma, ya con el tiempo uno se va acostumbrando. He trabajado y visto algunos proyectos, y la mayoría ya trae el código sin puntos y comas ;)

Cesar Andres Urrea Gutierrez

student•

Hay otra manera en la que podemos ingresar las variables junto a nuestro string:


var nombre = prompt('¿Cual es tu nombre?');
var apellido = prompt('¿Cual es tu apellido');

console.log(`Hola ${nombre} ${apellido}, bienvenido al sistema.`);

Juan Pablo Cadena Bahos

student•

A mi me gusta escribir el punto y coma, cuando no lo hago me siento incompleto ¿Qué opinan ustedes?

Diego Iván Centeno

student•

Hola:wave: Es más cuestión de gustos y lo importante es que te sientas cómodo. A mi también me gusta poner el punto y coma pero hay gente a la que no, es dependiendo gustos. Saludos:v:

Fredy Daniel Flores Lemus

student•

Yo también soy del team punto y coma jaja

Juan José Rodríguez Portillo

student•

buenas tardes, por que este curso no esta en la escuela de JS, será por que es del 2018, estará desactualizado, vale la pena tomar este curso o existe alguno mejor.

David Rodriguez

student•

Hola

Este curso fue reemplazado principalmente por el Curso Básico de JavaScript que es del 2020 y el Curso Práctico de JavaScript que se estreno hace unas semanas. Normalmente se recomienda que se tome esos cursos que están mas actualizados.

Este curso de Fundamentos es bastante completo y después de concluir el curso basico y el curso practico lo puedes usar para repasar conceptos y funcionamiento de JavaScript que no ha cambiado mucho en los últimos 5 años por lo menos.

Juan José Rodríguez Portillo

student•

muchas gracias.

Wilder Freddy Cortés Ovalle

student•

hola soy nuevo, espero contar con todo su apoyo soy de Colombia si tienen algún grupo de trabajo comunidad o demás me gustaría saber y vincularme quedo atento y éxito en sus proyectos

Ronald Martinez

student•

Igual que yo.. en qué ciudad estas? chévere poder crear un grupo de novatos para poder apoyarnos mutuamente.

Kevin Morales

student•

No dudes preguntar cuando tengas una duda en esta misma sección y muchos estaremos encantado de ayudarte :)

Willy David Da Conceicao Lozada

student•

![](

//Primera Clase

// imprimir un mensaje por consola.
console.log('hola mundo JS')
//Crear una variable. 
var nombre
// En la consola podemos interactuar con las variables definidas anteriormente.

/* Podemos asignarle un valor a la variable "en este caso un string" las comillas simples ('')
y las dobles son indistintas(""). Por convención se utiliza 'SIMPLE'*/
nombre = 'Jose'
//Si nos dirigimos a la consola podremos notar que el valor de la variable cambio a 'Jose'.
//La utilización del ; es algo opcional

// definir y asignar valor a la variable.
var apellido = 'Calvano'
//Utilizando la variable, en la consola.
console.log('Hola ' + nombre + ' '+ apellido)

//JS es un lenguaje debilmente tipado.
/* Los lenguajes de programación no tipados o débilmente tipados no controlan 
los tipos de las variables que declaran, de este modo, es posible usar variables 
de cualquier tipo en un mismo escenario. Por ejemplo, una función puede recibir 
como parámetro un valor entero, cadena de caracteres, flotante, etc.*/

var edad = 23
edad = '23 años'
console.log('Tengo ' + edad) ```

Variables

Introducción al curso

¡Alto! Tenemos una nueva versión de este curso para ti

Bienvenidos al Curso de Fundamentos de JavaScript

Repositorio de este curso de fundamentos de JS

Primeros pasos en JavaScript

Variables

Variables: Strings

Variables: Números

Funciones

El alcance de las funciones

Objetos

Desestructurar objetos

Parámetros como referencia o como valor

Comparaciones en JavaScript

Estructuras de Control y Funciones

Condicionales

Funciones que retornan valores

Arrow functions

Estructuras repetitivas: for

Estructuras repetitivas: while

Estructuras repetitivas: do-while

Condicional múltiple: switch

Arrays

Introducción a arrays

Filtrar un array

Transformar un array

Reducir un array a un valor

Programación Orientada a Objetos en JavaScript

Cómo funcionan las clases en JavaScript

Modificando un prototipo

El contexto de las funciones: quién es this

La verdad oculta sobre las clases en JavaScript

Clases en JavaScript

Asincronismo

Funciones como parámetros

Cómo funciona el asincronismo en JavaScript

Cómo funciona el tiempo en JavaScript

¿Qué pasó con swapi.co?

Callbacks

Haciendo múltiples requests

Manejando el Orden y el Asincronismo en JavaScript

Manejo de errores con callbacks

Promesas

Promesas Encadenadas

Múltiples promesas en paralelo

Async-await: lo último en asincronismo

Juego de HTML

Comenzando el juego

Generando una secuencia de números

Iluminando la secuencia de colores

Obteniendo el input del usuario

Agregando la verificación del color elegido

Agregando los estados finales del juego

Conclusiones del curso

Complementos

Diferencias entre var, let y const

Memoización: ahorrando cómputo

¿Hace cuántos días naciste?

Funciones recursivas

Entiende los closures de JavaScript

Estructuras de datos inmutables

Cambiando de contexto al llamar a una función

¿Cuándo hace falta poner el punto y coma al final de la línea?