Continúa con el Curso Práctico de JavaScript

Clase 30 de 30 • Curso Básico de JavaScript

Contenido del curso

Introducción a JavaScript

Bases de JavaScript

Condicionales

Arrays

Loops

Objects

Métodos de Arrays

Próximos pasos con JavaScript

30
Continúa con el Curso Práctico de JavaScript
Viendo ahora

Tomar examen

Resumen

🎉¡Lo has logrado! 🙌

Completaste todas las clases del Curso Básico de JavaScript.

✅ Si aún no queda claro algún tema, revisa las clases o deja tus dudas en la sección de preguntas.

🧾 Realiza la prueba del curso para recibir tu certificado y no olvides dejar tus 🌟 y tu comentario.

👨‍💻 Te presentamos JavaScript Hero, donde podrás practicar los conceptos de JavaScript en un desafío diario, en el que podrás demostrar tus conocimientos sobre lo aprendido durante el curso y mucho más.

Y, sobre todo, ¡nunca pares de aprender! 💚

Contribuciones del curso creadas por Andrés Guano (Platzi Contributor).

Daniel Rodrigo Valdivieso Merino

teacher•

RESUMEN DEL CURSO Espero que a alguien le sea de uilidad.

//_____VALORES_____
//40 numero

//"texto" Texto o string

//true boleano
//false boleano

//null valores vacios
//undefined valores vacios

//[1,2,3,4]valores primitivos dentro de un array "Esto es tipo objeto"

//{nombre: "daniel"} Valor tipo objeto

var nombre = "Oscar";
// declarar 
var edad;
// inicializar
edad = 30;
var elementos = ["Computadora, Celular"]
var persona = {
    nombre: "Daniel",
    edad: 30
}
persona



//____FUNCIONES_____

// Funciones Declararivas
function miFuncion(c,d) {
    return c + d;
}
miFuncion ();

// Funciones de Expresión
var mifuncion = function (a,b){
    return a + b;
}
mifuncion ();

//_____HOISTING_____
console.log(miNombre)
var miNombre = "Daniel";
hey ();
function hey() {
    console.log("hola "miNombre)
}



//______COHERCION_______
//Cohercion inplicita
var a = 4 + "7";
a
// a es un string
var b = 3 * "4";
b
// b es tipo numero7

//cohercion explicita
d = 34;
var e = String(d);
// d es un numero y e es un string con el calor de d
f= "45";
var g = Number(f);
// f es un valor String y g es tiene el valor de f pero es un tipo Número



//_______TRUTHY & FALSY______
// FALSE___FALSE
Boolean (0);
//false
Boolean (null);
//false
Boolean (NaN);
//false
Boolean (undefined);
//false
Boolean (false);
//false
Boolean ("");
//false

// TRUE ____TRUE
Boolean (" ");
//true
Boolean ("a");
//true
Boolean (1);
//true
Boolean ([]);
//true
Boolean ({});
//true
Boolean (function());
//true
Boolean (true);
//true



//_______OPERADORES__________
// Operadores Matematicos
3 + 2
//5
25 - 10
//15
10 * 3
//30
15 / 3
//5
"Daniel" + "Valdivieso"
//Daniel Valdivieso

! //negación
!false
//true
= //asignacion var a = 1
== //comparación 3 == "3" ?
=== // 3 === "3" falso porque uno es string y otro es numero por lo tanto no son exactamente iguales

5 < 3 //false
5 > 3 //True
5 <= 6 //true
5 >= 6 //false
a && b // si a es T y b es T entonces es True, si alguna es falsa entonces el condicional es falso
!= //diferente 
a || b // si a es T o b es T entonces la condicion es T.
var edad = 40
edad ++ // es la variable + 1 
edad += 2 // es variable + 2


//______ CONDICIONALES_________
// ____if___
if () {
}
else if () {
}
//si no se cumplio el if se evalua el () del else if
else {
}
//lo que este dentro de () tiene que ser verdad "valida booleans" para que pase lo que esta en {}
// si lo que esta dentro de () es falso, entonces ejecutara el else{}
condition ? true : false; //condicional ternario
var numero = 1;
var resultado = numero === 1 ? "Sí, soy un 1" : "No, no soy 1"

//____SWITCH______
var numero = 1;
switch (true){
    case 1:
        console.log("Soy uno!");
    break;
    caso 10:
    console.log("Soy un 10!")
    break;
    caso 50:
    console.log("Si, soy un 50")
    break;
    default:
        console.log("No soy nada")
}



//__________ARRAYS_________
var frutas = ["manzana", "plátano", "cereza", "fresa"];
console.log(frutas.length) //imprime el numero de elementos del array

var masFrutas = frutas.push ("uvas") // añade uvas al final del array anterior

var ultimo = frutas.pop ("uvas"); // elimina el ultimo elemento del array 

var nuevaLongitud = frutas.unshift("uvas"); //añade elementos al inicio del array

var borrarFruta = frutas.shift("uvas"); // elimina el primer elemento del array

var polisicion =frutas.indexOf ("cereza"); //busca la posicion del elemento dentro del array



//___________LOOPS FOR & FOR...OF__________
var estudiantes = ["Maria","Sergio", "Rosa", "Daniel"];

function saludarEstudiantes(estudiante) {
    console.log (`Hola, ${estudiante}`);
}
for (var i = 0; i < estudiantes.length; i++){
    saludarEstudiantes(estudiantes[i]);
}

var estudiantes = ["Maria","Sergio", "Rosa", "Daniel"];

function saludarEstudiantes(estudiante) {
    console.log (`Hola, ${estudiante}`);
}
for (var estudiante of estudiantes){
    saludarEstudiantes(estudiante);
}



//__________LOOPS WHILE___________
var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"]
function saludarEstudiantes(estudiante){
    console.log(`Hola, ${estudiante}`);
}
while(estudiantes.length > 0){
    console.log(estudiantes)
    var estudiante = estudiantes.shift();
    saludarEstudiantes(estudiante)
}



//______________OBJECTS______________
var miAuto = {
    marca: "Toyota",
    modelo: "Corolla",
    annio: 2020,
    detalleDelAuto: function(){
        console.log (`Auto ${this.modelo} ${this.annio}`)// this hace referencia a su padre que en este caso es miAuto, en la escritura no existe diferencia
    }
};

miAuto //imprime los objetos y sus valores

miAuto.marca //imprime el valor del objeto
miAuto.annio //imprime el valor del objeto
miAuto.detalleDelAuto() //imprime los valores del objeto

//_______FUNCION CONSTRUCTORA________

function auto(marca, modelo, annio){
    this.marca = marca;
    this.modelo =modelo;
    this.annio = annio;
}

auto //imprime todo el objeto

var autoNuevo = new auto("Tesla", "Model 3", "2020");
autoNuevo //imprime los valores del objeto
var autoNuevo2 = new auto("Tesla", "Model X", 2018);
var AutoNuevo3 = new auto("Toyota", "Corolla", 2020);

autoNuevo2 //imprime los valores del objeto



//__________METODOS DE RECORRIDOS DE ARRAYS_________
var articulos = [
    {nombre:"Bici", costo: "3000"},
    {nombre:"Tv", costo:"2500"},
    {nombre:"Libro", costo:"320"},
    {nombre:"Celular", costo:"10000"},
    {nombre:"Laptop", costo:"20000"},
    {nombre:"Teclado", costo:"500"},
    {nombre:"Audifonos", costo:"1700"},
];

//________MEDOTO 1__________FILTRA ELEMENTOS ESPECIALMENTE
var articulosFiltrados = articulos.filter(function(articulo){
    return articulo.costo <=500
});
articulosFiltrados //imprime los valores menores o iguales a 500

//_________METODO 2___________MAPEA LOS ELEMENTOS DE
var nombreArticulos = articulos.map (function(srticulo){
    return articulo.nombre
});
nombreArticulos // imprime los nombres de los articulos del objeto

//________METODO 3_________ BUSCA ALGO DENTRO DEL ARTICULO
var encuentraArticulo = articulos.find(function(articulo){
    return articulo.nombre === "Laptop"
});
encuentraArticulos //imprime los elementos y valores del elemento buscado.

//________METODO 4_________ 
articulos.forEach(function(articulo){
    console.log(articulo.nombre) //imprime el valor del elemento especificado solamente
});

//_________METODO 5_________
var articulosBaratos = articulos.some(function(articulo){
    return articulo.costo <=700;
});
articulosBaratos //imprime un boleano que afirma si la consicion es verdadera o falsa



//__________AÑADIR Y ELIMINAR ELEMENTOS DE UN ARRAY_________
//Añadir elementos (Numeros) a un Array
//__________ .push() __________

let numArray = [1,2,3,4,5]

//Función
function newNum(){
    //Agrego elementos
    numArray.push(6,7)
    console.log(numArray)//imprime los elementos viejos y los nuevos
}
newNum ()//ejecuto la función para permitir al console.log imprimir los elementos

//Añadir elementos "strings" a un Array
Let txtArray = ["Ana", "Juan", "Diego", "Laura"] //Definición del array
function addCharacters(){
    txtArray.push("Chris", "María")
    console.log(txtArray)//Imprime los elementos viejos y los nuevos
}
addCharacters () //Ejecuta la funcion para ejecutar el console.log

//__________ .shift ____________ ELIMINA PRIMER ELEMENTO

let array = [1,2,3,4,5]
console.log(array) //imprime el array existente

let shiftArray = array.shift() //Se aplica la eliminacion del primer elemento del array

console.log(array)//imprime el nuevo array con el primer elemento borrado

//____________ .pop ______________ ELIMINA EL ULTIMO ELEMENTO

let array = [1,2,3,4,5]
console.log(array) //imprime el array existente

let shiftArray = array.pop() //Se aplica la eliminacion del ultimo elemento del array

console.log(array)//imprime el nuevo array con el primer elemento borrado

Francisco Escobar

student•

Gracias, muy bueno, creo que me lo voy a copiar ... :)

Edwin Vega

student•

Refrescado! que buen aporte

Cristian Alejandro Muñoz Cardona

José Gregorio Block

company_admin•

Russell Sotomayor

Johnnatan Reyes Garcia

Ignacio Crespo

Douglas San Anton Bianchi

Efraín Hernández García

Bernardo Aguayo Ortega

Maricela Garcia

Carlos Hubert Baltazar Espetia

Moisés Manuel Morín Hevia

Diego Alejandro Moreno Pedroza

Luis E. Gama Ramirez

Juan Christopher

Pablo Rocha

Roberto Shirásago Domínguez

Cristobal Torres

Uriel Mojica Mejía

Christian Velázquez

Gonzalo Vidal

Usuario anónimo

user•

Luis Garcia

Carlos Humberto Taracena Sandoval

Abraham Benjumea

Javier Andres Gamboa Duarte

Beto Toro

Ramón Ruiz

Carlos Roa

Manuel Rivera

Gary Barzola Pesantes

LINDA JHENNIFER ACOSTA LEGUIZAMO

Maximiliano Andrés Zamorano Rubio

Francisco Javier Catalan Serrano

María Sierra

Luis Lira

Juan David Niño Rodriguez

John Cardenas

Mauricio Moreno Morales

Continúa con el Curso Práctico de JavaScript

Introducción a JavaScript

¿Qué es JavaScript y para qué sirve?

Accede a la versión más actualizada de este contenido

¿Por qué JavaScript?

Elementos de un Lenguaje de Programación: Variables, Funciones y Sintaxis

¿Qué es una variable?

Qué son las funciones en JavaScript

¿Qué es una función declarativa y una expresiva?

Playground: retorna el tipo

Bases de JavaScript

Scope

Hoisting

Coerción

Valores: Truthy y Falsy

Operadores: Asignación, Comparación y Aritméticos.

Playground: compara un número secreto

Condicionales

Condicionales: If, Else, else if

Switch

Playground: tienda de tecnología

Arrays

¿Qué es un array?

Playground: detecta el elemento impostor de un array

Loops

Loops: For y For...of

Loops: While

Playground: rescata al estudiante

Objects

Objects

Objects: Función constructora

Playground: permiso para conducir

Métodos de Arrays

Métodos de recorridos de Arrays

Recorriendo Arrays con .find(), .forEach() y .some()

Eliminando elementos de un Array

Playground: Arregla el Bug

Próximos pasos con JavaScript

Continúa con el Curso Práctico de JavaScript