¿Quién gana en una pelea: Gokú o Superman? Resolviendo este problema con ciclos while

Clase 7 de 51 • Fundamentos de JavaScript 2017

Alejandro López Gutiérrez

student•

Como no esta el enlace para descagar el resultado final, por aqui se los dejo:

let vidaGoku = 100;
let vidaSuperman = 100;

const min_power = 5;
const max_power = 12;

const ambosSiguenVivos = () => vidaGoku > 0 && vidaSuperman > 0;
const calcularGolpe = () => Math.round(Math.random() * (max_power - min_power) + min_power);
const gokuSigueVivo = () => vidaGoku > 0

let round = 0;

while(ambosSiguenVivos())
{
  round++
  console.log(`Round: ${round}`)

  const golpeGoku = calcularGolpe();
  const golpeSuperman = calcularGolpe();

  if (golpeGoku > golpeSuperman)
  {
    console.log(`Goku ataca a Superman con un golpe de ${golpeGoku}`);
    vidaSuperman -= golpeGoku;
    console.log(`Superman queda en ${vidaSuperman} puntos de vida`);
  }
  else
  {
    console.log(`Superman ataca a Goku con un golpe de ${golpeSuperman}`);
    vidaGoku -= golpeSuperman;
    console.log(`Goku queda en ${vidaGoku} puntos de vida`);
  }
}

if(gokuSigueVivo())
{
  console.log(`Goku gano la pelea. su vida es de: ${vidaGoku}`);
}
else
{
  console.log(`Superman gano la pelea. su vida es de: ${vidaSuperman}`);
}

Victor Alfonso Caballero Cabrera

student•

Cuando se declaran variables con const ,
se estila ponerlo en mayusculas MIN_POWER, haciendo entender que estas variables no van a cambiar de valor.

Denis Huamán

student•

Se han dado cuenta que cuando corren el código siempre gana Superman o.0 . Es porque en caso de empate de fuerzas ( golpeGoku == GolpeSuperman) el que ataca es Superman!, esto según el código que esta dentro del else.

Iván Darío Sánchez Jiménez

student•

Les comparto la pelea entre Goku vs Vegeta a todo color. Según se desarrolle la batalla se va formando un comic dinámico. Solo descarga el archivo, descomprime y abre el archivo index.html.

https://drive.google.com/open?id=0B0HosUxDleJ_NVhWYkUyQ2ktTFk

Carlos David Ramírez Gómez

student•

Genial, además que visualmente se ve genial, es entretenido recargar la página para ver quién gana, excelente trabajo 😄

Francisco Javier Rodriguez Gomez

student•

Sí está SUUUPER, muy bien.

Pablo Benavides Molina

student•

Les dejo el código donde le hago algunos cambios y mejoras xD

let vidaGoku = 100
let vidaSuperman = 100

const MIN_POWER = 0
const MAX_POWER = 30

let round = 1

const ambosSiguenVivos = () => vidaGoku>0 && vidaSuperman>0

const calculaGolpe = () => Math.round(Math.random() * (MAX_POWER - MIN_POWER)) + MIN_POWER

while(ambosSiguenVivos()){

	console.log(`Round ${round}`)

	const golpeGoku = calculaGolpe()
	const golpeSuperman = calculaGolpe()

	function getAtaque(golpe,personaje){
		if(golpe==0){  // esquivado

			return "ATAQUE PERO ES ESQUIVADO"

		} else if(golpe>=1 && golpe<=5){ //fallido 

			return "ATAQUE PERO FUE MUY DEBIL"

		} else if(golpe>=6 && golpe<=10){ //patada

			return "PATADA"

		}else if(golpe>=11 && golpe<=15){ //puñetazo

			return "PUÑETAZO"

		}else if(golpe>=16 && golpe<=20){ //kamehameha - agilidad

			if(personaje=="goku"){
				return "KAME HAME HA"
			}else{
				return "AGILIDAD"
			}	

		}else if(golpe>=21 && golpe<=25){ //genkidama - super aliento

			if(personaje=="goku"){
				return "GENKIDAMA"
			}else{
				return "SUPER ALIENTO"
			}	

		}else if(golpe>=26 && golpe<=30){ //KaioKen - Mirada laser

			if(personaje=="goku"){
				return "KAIO KEN"
			}else{
				return "MIRADA LASER"
			}	

		}
	}

	if(golpeGoku > golpeSuperman){
		// goku ataca
		vidaSuperman -=golpeGoku
		console.log(`Goku ataca a Superman con ${getAtaque(golpeGoku,"goku")}(${golpeGoku}). Superman queda con ${vidaSuperman} puntos de vida`) 
	}else{
		// superman ataca
		vidaGoku -=golpeSuperman
		console.log(`Superman ataca a Goku con ${getAtaque(golpeSuperman,"superman")}(${golpeSuperman}). Goku queda con ${vidaGoku} puntos de vida`) 
	}

	round++

	if(vidaGoku>0 && vidaSuperman<=0){
		console.log("GOKU GANA!")
		break
	}else if(vidaSuperman>0 && vidaGoku<=0){
		console.log("SUPERMAN GANA!")
		break
	}
}

Jose Parra

student•

Hola,

Me parece interesante tu función getAtaque, sin embargo te recomiendo no definir la función dentro del ciclo (while) , no es una buena practica ya que por cada iteración del ciclo la estarías definiendo nuevamente.

Lo mejor es hacerla fuera del ciclo. Saludos.

Pablo Benavides Molina

student•

Gracias, lo tomare en cuenta 😃

Wilmer Ariel Moina Rivera

student•

Una alternativa :

// VIDA
let vidaGoku = 100
let vidaSuper = 100

//PODER
const min_power = 5
const max_power =12

let round = 1

////LUCHA
const ambosSiguenVivos= () => vidaGoku > 0 && vidaSuper > 0
const calcularGolpe = () => Math.round(Math.random() * (max_power - min_power) + min_power)

while(ambosSiguenVivos()){
  console.log(`Round ${round++}`)

  const golpeGoku = calcularGolpe()
  const golpeSuper = calcularGolpe()

  if(golpeGoku > golpeSuper){
    //ataca goku
    console.log(`Goku ataca a Superman con un golpe de ${golpeGoku} ***`)
    vidaSuper-=golpeGoku
    console.log(`Superman queda en ${vidaSuper} de vida`)
  }else if(golpeSuper>golpeGoku){
    //ataca superman
    console.log(`Superman ataca a Goku con un golpe de ${golpeSuper} ===`)
    vidaGoku-=golpeSuper
    console.log(`Goku queda en ${vidaGoku} de vida`)
  }else{
    console.log(`Ambos esquivan el ataque.
      El ataque lo sufrio la tierra (((.)))`);
  }
}

// VENCEDOR 
const ganador = () => vidaGoku <= 0 ? 'Gano Superman !!!' : 'Gano Goku!!!'
console.log(`${ganador()}`)

Juan Fernando Vargas

student•

Me quedo con tu funcion final para definir el ganador, con la version del profe siempre ganaba Goku, estando en menos.
Genial.

Leandro Videla

student•

Pelea por turnos con muy poco código.

var goku = 100;
var batman = 100;

const golpeMin = 5;
const golpeMax = 12;

var turno = true;

while (goku >= 0 || batman >= 0) {

  var quita = Math.floor(Math.random() * (golpeMax - golpeMin) + golpeMin);

  if(turno == false){

    goku = goku - quita;
    turno = true;

  }else{

    batman = batman - quita;
    turno = false;

  }

}

if(goku > batman){
  console.log(`gano goku porque tiene ${goku} de vida y batman tiene ${batman} de vida`);
}else{
  console.log(`gano batman porque tiene ${batman} de vida y goku tiene ${goku} de vida`);
}

Ricardo Celis

teacher•

Excelente trabajo! oye LeanDevs para que sigas aprendiendo me gustaría invitarte a leer el código de la entrega anterior a la tuya y dejar tu feedback!
Pueden ser mejoras en la identación, quizás comentarios sobre los nombres de las variables y cosas por el estilo ¿qué te parece? te animas?

Leandro Videla

student•

Gracias! Dónde encuentro esas líneas de código?

Ronaldo Ricardo Mata Rodriguez

student•

Pregunta del millon de dolares, usamos si o no el punto y coma (😉 al final de cada linea

Enrique Alexis Lopez Araujo

student•

yo no lo uso es mas por tener un standard de codigo mas limpio 😉 no te estreses por eso 😉 ama a tu codigo

Manuel Andres Santizo Avila

student•

Es cuestión de tu estilo de programación, yo en lo personal si las uso y me siento más ordenado.

Fernando David Soto Betin

student•

Sacha, los archivos por favor…

Ignacio Esteban Aredez Diaz

student•

ESTO ES UNA ESTAFA !!!

SUPERMAN JAMAS LE GANARIA A GOKU !!!

XDDDDDDDDD

Diego Forero

Team Platzi•

Por favor no escribas en mayúsculas.

Ignacio Esteban Aredez Diaz

student•

Estaba gritando por eso las mayusculas, pero bueno si no se puede gritar…

Joaquin Garcia Real Joya

student•

Les dejo el ejercicio un poco modificado, para que tengan un simulador de duelo de cartas, básico, pero les puede ayudar a darse idea de que clase de cosas pueden hacer

let duelistaUno = prompt('Porfavor escribe el nombre del primer Dueslita', 'Yugi')
let duelistaDos = prompt('Porfavor escribe el nombre del segundo Dueslita', 'Kaiba')

let puntosDeVidaDuelistaUno = 100
let puntosDeVidaDuelistaDos = 100

const MIN_POWER = 0
const MAX_POWER = 12

const ambosSiganVivos = () => puntosDeVidaDuelistaUno > 0 && puntosDeVidaDuelistaDos > 0

const calcularGolpe = () => Math.round(Math.random() * (MAX_POWER - MIN_POWER) + MIN_POWER)

const duelistaUnoSigueVivo = () => puntosDeVidaDuelistaUno > 0

const elejirCarta = (ataque, duelista) => {
	if (ataque == 0) {
		return 'Golpe fue bloqueado por la defensa'
	} 

	else if (ataque >= 1 && ataque <= 3 ) {
		if(duelista == duelistaUno) {
			return 'Kuribo'
		} else {
 				return 'Peten el Payaso Oscuro'
		}
	}

	else if (ataque >= 4 && ataque <= 6 ) {
		if(duelista == duelistaUno) {
			return 'La Maga Oscura'
		} else {
 				return 'El Señor de Dragones'
		}
	}

	else if (ataque >= 7 && ataque <= 9 ) {
		if(duelista == duelistaUno) {
			return 'El Mago Oscuro Ataca'
		} else {
 				return 'El Planeador Kaiser'
		}
	}

	else if (ataque >= 10 && ataque <= 12 ) {
		if(duelista == duelistaUno) {
			return 'Exodia'
		} else {
 				return 'Obelisco el Atormentador'
		}
	}

}

let turno = 0

while (ambosSiganVivos()) {
	turno++

	console.log(`Turno: ${turno}`)

	const golpeDuelistaUno = calcularGolpe()
	const	golpeDuelistaDos = calcularGolpe()

	if (golpeDuelistaUno > golpeDuelistaDos) {
		//ataca Yugi
		console.log(`${duelistaUno} ataca a ${duelistaDos} con ${elejirCarta(golpeDuelistaUno, duelistaUno)} causando ${golpeDuelistaUno} puntos de ataque directos a ${duelistaDos}`)
		puntosDeVidaDuelistaDos-= golpeDuelistaUno
		console.log(`${duelistaDos} tiene menos ${puntosDeVidaDuelistaDos} puntos de vida`)

	} else {
		//ataca Kaiba
		console.log(`${duelistaDos} ataca a ${duelistaUno} con ${elejirCarta(golpeDuelistaDos, duelistaDos)} causando ${golpeDuelistaDos} puntos de ataque directos a ${duelistaUno}`)
		puntosDeVidaDuelistaUno -= golpeDuelistaDos
		console.log(`${duelistaUno} queda en ${puntosDeVidaDuelistaUno} puntos de vida`)
	}

}
if (duelistaUnoSigueVivo()) {
	console.log(`${duelistaUno} Ganó el duelo. Termino con ${puntosDeVidaDuelistaUno} puntos de vida`)
} else {
	console.log(`${duelistaDos} Ganó el duelo. Termino con ${puntosDeVidaDuelistaDos} puntos de vida`)
}

Alexis Antonio Moraga Gallardo

student•

Hola les comparto mi Repositorio de GitHub con el avance del curso

Repositorio

acá están los ejercicios del curso, ademas de mis notas personales

Jose L. Figueroa

student•

Debudo a que el Golpe de SuperMan a que se encuentra en el código debajo del golpe de Goku, este siempre le gana si hay empate en la fuerza de sus golpes.

Thony Nava

student•

El ganador se lleva un lindo Alert de victoria 😄

let vidaGoku = 100;
let vidaSuperman = 100;

const MIN_POWER = 5;
const MAX_POWER = 12;

let round = 0

const ambosSiguenVivos = () => vidaGoku > 0 && vidaSuperman > 0

const calcularGolpe = () => Math.round(Math.random() * (MAX_POWER - MIN_POWER) + MIN_POWER);

const gokuSigueVivo = () => vidaGoku > 0;

while (ambosSiguenVivos())
{
	round++

	console.log(`Round ${round}`)

	const golpeGoku = calcularGolpe()
	const golpeSuperman = calcularGolpe()

	if (golpeGoku > golpeSuperman)
	{
		console.log(`Goku ataca a Superman con un golpe de ${golpeGoku}`);
		vidaSuperman -= golpeGoku;
		console.log(`Superman ahora tiene ${vidaSuperman} pts. de vida`)
	}

	else
	{
		console.log(`Superman ataca a Goku con un golpe de ${golpeSuperman}`);
		vidaGoku -= golpeSuperman;
		console.log(`Goku ahora tiene ${vidaGoku} pts. de vida`)
	}
}

if (gokuSigueVivo())
	{
		alert(`Goku ganó la pelea, vive con ${vidaGoku} pts. de vida`);
	}

	else
	{
		alert(`Superman ganó la pelea, vive con ${vidaSuperman} pts. de vida`);
	}

Roberto Prince

student•

Una version un poco mas orientada a objetos, las peleas estan intensas

let writeln = txt => console.log(txt)
            function random(start, end){
                return Math.floor(Math.random() * ( (end + 1) - start) ) + start;
            }      
            const MIN_POWER = 5;
            const MAX_POWER = 12;
            let round = 0;

            class SuperHeroe{
                constructor(nombre){
                    this.nombre = nombre;
                    this.vida = 100;
                }

                intentarGolpear(){
                    return random(MIN_POWER, MAX_POWER);
                }

                recibirGolpe(daño, nombreEnemigo, round){
                    this.vida -= daño; 
                    writeln("Round: " + round)
                    writeln(`${nombreEnemigo} ataca a ${this.nombre} con un golpe de ${daño}`);
                    writeln(`${this.nombre} queda con ${this.vida} puntos de vida`);
                }

                sigueVivo(){
                    return this.vida > 0;
                }

                static encontrarGanador(sh1, sh2){
                    return sh1.sigueVivo() ? sh1 : sh2
                }
            }

            const superman = new SuperHeroe("Superman");
            const goku = new SuperHeroe("Goku");
            let ataqueGoku, ataqueSuperman;

            while(superman.sigueVivo() && goku.sigueVivo() ){
                round++;
                ataqueGoku = goku.intentarGolpear();
                ataqueSuperman = superman.intentarGolpear();

                if(ataqueGoku > ataqueSuperman){
                    superman.recibirGolpe(ataqueGoku, goku.nombre, round);
                }else if(ataqueGoku < ataqueSuperman){
                    goku.recibirGolpe(ataqueSuperman, superman.nombre, round);
                }else{
                    writeln(`Round ${round} igualan su fuerza`)
                }
            }

            let {nombre, vida} = SuperHeroe.encontrarGanador(goku, superman);
            writeln(`${nombre} gana la pelea, su vida es de ${vida}`)

Andre Rivera

student•

Algun consejo de como estudiar esto? por que tengo vacios desde hace 3 videos atras, y ahora solo estoy copiando codigo para rellenarlos en youtube despues =)… Creo que no deberia ser asi.

Diego Forero

Team Platzi•

Si no entiendes algo, regresa al video y revisalo las veces que necesites si hay un termino o algo que no entiendes dejas tu duda en el sistema de discusiones y entre todos te ayudamos a solventar esas dudas.

Oscar Barajas Tavares

Team Platzi•

Regresando el video es una buena opción, la otra es ponerse retos, trata de cambiar el contexto del problema y intenta resolverlo. Ayudarte con una hoja y papel antes de tirar código también te ayuda a aclarar las dudas.

Francisco Benitez

student•

Lo pensé sin rounds, tipo pelea callejera el que puede pegar,pega (random quien pega)

let vidaGoku = 100
let vidaSuperman = 100

const MIN_POWER = 5
const MAX_POWER = 12

const GOKU = 0
const SUPERMAN = 1

const ambosSiguenVivos = () => vidaGoku > 0 && vidaSuperman > 0
const calcularGolpe = () => Math.round(Math.random() * (MAX_POWER - MIN_POWER) + MIN_POWER)
const quienGolpea = () => Math.round(Math.random())

console.log(quienGolpea())

while (ambosSiguenVivos()) {
        
    if (quienGolpea() === GOKU){
        const golpeGoku = calcularGolpe()
        console.log('Golpea Goku...')
        vidaSuperman -= golpeGoku
        if (vidaSuperman <= 0){
            console.log(`GANÓ GOKU!`)
        } else {
            console.log(`Superman tiene ${vidaSuperman} de vida`)
        }
    } else if (quienGolpea() === SUPERMAN){
        const golpeSuperman = calcularGolpe()
        console.log('Golpea Superman...')
        vidaGoku -= golpeSuperman
        if (vidaGoku <= 0){
            console.log(`GANÖ SUPERMAN!`)
        } else {
            console.log(`Goku tiene ${vidaGoku} de vida`)
        }
    }
}

Cheranthony Peña Perez

student•

¿Por qué cuando va a crear un ARROW FUNCTION los llama métodos y no funciones? ¿Cual es la diferencia?

Cheranthony Peña Perez

student•

¡Muchas Gracias, Leonidas! Por ti estoy yo tomando este curso, hice el DISEÑO WEB ONLINE contigo. Gracias por la aclaración.

Jersson Mendoza Linares

student•

me podrían dar su opinión o punto de vista a una pregunta
¿Cual es la diferencia entre FOR y WHILE?
esta es una pregunta de la he escuchado diferentes respuestas y no se cual es la correcta me podrían dar su opinión por favor

Diego Forero

Team Platzi•

WHILE ejecuta el código que esta dentro hasta que X condición se cumpla, por otro lado FOR se utiliza para recorrer arrays principalmente
La estructura del WHILE es:

while (condicion) {
	// codigo
}

La estructura del FOR es:

for (inicio, fin, avance) {
	// codigo
}

for (var i=0; i<=10; i++) {
	console.log(i)
}

Gerlis Alvarez Cardona

student•

Te lo explico de una forma sencilla.

While: no sabes exactamente cuando termina
For: Sabes exactamente cuando termina

Omar Flores Grimontt

student•

Este ejemplo me pareció excelente para practicar el condicional Switch (y agregarle algo de drama jaja), comparto mi código:

let vidaGoku = 100;
let vidaSuperman = 100;
let round=0;

const MAX_POWER=12;
const MIN_POWER=5;

const golpe=()=>Math.round(Math.random()*(MAX_POWER-MIN_POWER)+MIN_POWER);

while(vidaGoku>0 && vidaSuperman>0){
  round++;
  let golpeSuperman=golpe();
  let golpeGoku=golpe();
  console.log(`Round: ${round}`);
  if(golpeSuperman>golpeGoku){
    vidaGoku-=golpeSuperman;
    switch(golpeSuperman){
      case 5:
        console.log(`Superman usa su soplido contra Goku causándole un daño de ${golpeSuperman}, Goku queda en ${vidaGoku} de vida`);
        break;
      case 6:
        console.log(`Superman logra impactar a Goku en la espalda con una patada casusándole un daño de ${golpeSuperman}, Goku queda en ${vidaGoku} de vida`);
        break;
      case 7:
        console.log(`Superman ve venir el Kamehameha de Goku y se lo devuelve creando una ráfaga de aire con su soplido, Goku queda en ${vidaGoku} de vida`);
        break;
      case 8:
        console.log(`Superman lanza a Goku contra una roca causándole un daño de ${golpeSuperman}, Goku queda en ${vidaGoku} de vida`);
        break;
      case 9:
        console.log(`Superman impacta a Goku con si visión de calor causándole un daño de ${golpeSuperman}, Goku queda en ${vidaGoku} de vida`);
        break;
      case 10:
        console.log(`Superman le da un cabezazo a Goku causándole un daño de ${golpeSuperman}, Goku queda en ${vidaGoku} de vida`);
        break;
      case 11:
        console.log(`Superman utiliza su visión calorífica sobre Goku, Goku queda en ${vidaGoku} de vida`);
        break;
      case 12:
        console.log(`Superman concentra toda su energía en un golpe e impacta a Goku causándole un daño de ${golpeSuperman}, Goku queda en ${vidaGoku} de vida`);
        break;
    }
  }else{
    vidaSuperman-=golpeGoku;
    switch(golpeGoku){
      case 5:
        console.log(`Goku golpea rápidamente a Superman causándole un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
      case 6:
         console.log(`Goku lanza una serie de bolas de energía causándole a Superman un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
      case 7:
         console.log(`Goku se transforma en Super Saiyajin y empieza a golpear a Superman causándole un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
      case 8:
         console.log(`Goku se hace el muerto y hace que Gohan le pegue a Superman causándole un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
      case 9:
         console.log(`Goku aumenta su Ki y empieza a golpear a Superman causándole un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
      case 10:
         console.log(`Goku utiliza el Kaio-ken y empieza a golpear a Superman causándole un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
      case 11:
         console.log(`Goku utiliza el Kamehameha causándole a Superman un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
      case 12:
         console.log(`Goku utiliza la Genki-dama causándole a Superman un daño de ${golpeGoku}, Superman queda en ${vidaSuperman} de vida`);
        break;
  }
}
}

if(vidaGoku>0){
  console.log(`Goku queda con una vida de ${vidaGoku} y gana la pelea`)
}else{
  console.log(`Superman queda con una vida de ${vidaSuperman} y gana la pelea`)
}

Jeffer Barragan

student•

Pregunta, he visto que el profesor no pone ; al final de cada linea de código , pero he visto que en algunos códigos que la gente de la comunidad comparte si los tiene , ¿que tan importante en javascript es el ; ?

Gustavo Isidoro

student•

el poner ; es opcional, de las dos formas es válido, yo antes ponía ; al final de cada sentencia. Pero cuando pasas tu proyecto a producción son bytes que te puedes ahorrar ya que no es necesario poner el ;
Pero de las dos formas funcionan igual 😄

Javier Nava

student•

es importante si haces tu codigo minificado o uglify , ya hay programas que te ayudan con esto webpack o jscompress

juan carlos mercedes

student•

porque en mi codigo siempre gana superman ??? eso me hace enojar me gusta mas goku

let vidaGoku = 100
let vidaSuperMan = 100

const MIN_POWER = 5;
const MAX_POWER = 12;

const ambosSiguenVivos =() => vidaGoku > 0 && vidaSuperMan > 0

const calcularGolpe = () => Math.round(Math.random()) * (MAX_POWER - MIN_POWER) + MIN_POWER

let round = 1

while (ambosSiguenVivos()) {
  console.log(` round ${round}`)

  const golpeGoku = calcularGolpe()
  const golpeSuperman = calcularGolpe()

  if(golpeGoku > golpeSuperman){
    //ataca goku
    console.log(`Goku ataca a superman con golper de ${golpeGoku}`)
    vidaSuperMan -= golpeGoku
    console.log(`Superman queda en ${vidaSuperMan} de vida`)
  }

  else {
    //ataca SuperMan

    console.log(`superman ataca a a goku con un golper de ${golpeSuperman}`)
    vidaGoku -= golpeSuperman
    console.log(`Goku queda en ${vidaGoku} de vida`);
  }

  round++
}

¿Quién gana en una pelea: Gokú o Superman? Resolviendo este problema con ciclos while

Estamos renovando el Curso de Fundamentos de Javascript

¿Dónde aprender JS actualizado?

Bases del lenguaje

Bienvenido al curso

Calcula el área de un triángulo. Creando funciones

¿Quiénes pueden pasar a ver una película? Ejercicio con condicionales, expresiones y booleanos

Inventar un idioma manipulando strings

¿Cuántos kms corre una persona en promedio? Entendiendo el ciclo for

¿Quién gana en una pelea: Gokú o Superman? Resolviendo este problema con ciclos while

¿Cuánto tiempo pasó desde tu fecha de nacimiento?

Objetos en JavaScript

Calcular la distancia entre dos puntos - Objetos en JavaScript

Agrega métodos para mover los puntos - Objetos Avanzado en JavaScript

Definiendo la clase Punto - Prototipos en JavaScript

Definiendo la clase Punto - Object.create en JavaScript

Definiendo la clase Punto - Class en JavaScript

Conocimientos intermedios

Entiende el scope de las variables

Operaciones con arrays

Entiende los closures de JavaScript

Estructura del lenguaje

¿Quién es this?

This, _this y los arrow functions

La función bind

call y apply

ECMAScript 5, 2015, 2016, Babel y otros cuentos

ECMAScript: El estándar en el que se basa JavaScript

Babel al rescate: logrando la compatibilidad buscada

Distintas formas de escribir módulos en JavaScript

Procesos asíncronos

No generes un cuello de botella en el EventLoop

Los callbacks de JavaScript

Callback a un servidor externo

Promesas

Async-await

Implementación de set timeout en JavaScript

Implementación de set interval en JavaScript

Cancelando el Timeout y el Timeinterval

Qué son y cómo se implementan el callbacks en JavaScript

Eliminando el callback hell usando promesas en JavaScript

Estructuras de datos y funciones avanzadas

Funciones Recursivas

Memoizacion

Iteradores en JavaScript

Generadores en JavaScript

Estructuras de Datos Inmutables en JavaScript

Creando un paquete para NPM

Requisitos Técnicos

Creando nuestro paquete

Escribiendo el código de nuestro paquete

Testeando el paquete

Publicando el paquete en NPM

Juego de HTML

¿Qué vamos a construir?

Inicializando el juego

A una ronda le sigue otra ronda

Añadir una librería

Cierre del Curso

Desafíos

Crear un modulo para convertir medidas de peso

Crear un juego en HTML, tic tac toe

Crear un tutorial