¡Resuelvo la PRUEBA TÉCNICA del TETRIS con JAVASCRIPT en menos de 40 minutos!

Abordamos la famosa prueba técnica de programación: crear un Tetris desde cero en solo 40 minutos.
Descubre cómo desglosamos el problema, organizamos nuestro código y superamos los obstáculos comunes mientras trabajamos contrarreloj.
Ya sea que estés preparándote para una entrevista técnica o simplemente ames los desafíos de codificación, ¡este vídeo te proporcionará consejos valiosos!
Además, compartiremos consejos y trucos para optimizar tu tiempo y mejorar tu habilidad en la resolución de problemas técnicos.
¡No te lo pierdas!
▶ No te pierdas más directos en: / midudev

[@ronygrafo]

Creo que Midu es de las personas más entretenidas de ver cómo Programa

[@andresdeveloper9809]

confirmo, y NateGentile, en mi caso

[@eliseoac966]

@@andresdeveloper9809 Nate tiene videos programando? xd

[@RJDC-jz7uj]

Coincido muchisimo

[@ricko13]

increible el razonamiento y la lógica que tiene este hombre por Dios, yo ni en sueños hubiese llegado a terminarlo con todo el tiempo del mundo!

[@stevengarcia3057]

Dios vaya que si, que nivel tiene, yo tenia cierta nocion de por donde iban los tiros pero siendo muy honesto yo hubiera llegado a las coliciones siendo optimista

[@LiiZanNisteR]

El nivel lo tiene gracias a su experiencia de más de 15 años todos pueden conseguirlo con esfuerzo

[@BanaCJ]

albert einstain y luego esta MiduGod un peldaño mas arriba

[@haroldpepete]

tu crees que eso no lo habra estudiado previamente o con varias personas, dejen de ser tan ingenuos que el.mundo de las redes es una farsa, de seguro ustedes creen en santa

[@cdcm]

revisa jdh en youtube

[@THEITAGAMER]

Yo digo que eres un monstruo en la programación. Desde que descubrí tu canal veo cada vídeo que subes!!!

[@midulive]

Gracias! 😊

[@adriandiaz-my6ks]

Este es mi comentario de prueba.

[@adriandiaz-my6ks]

Este es mi comentario de prueba.

[@arielpenalver2531]

Me acabo de bajar de la nube....ya veo las diferencias entre un senior y yo . Bien hecho Midu!! Aprendo mucho contigo!

[@catmanmovie8759]

Y yo me acabo de subir XD

[@dantenicolascaballero7703]

Es más que un Senior amigo.

[@Zorish373]

El trabajo: oyes puedes ponerle color azul a este boton?

[@FrancoCarrara96]

El boton tiene que ser mas azul

[@albertgutierrez886]

😂

[@nauhhv5385]

*pone el botón en el azul mas azul que encuentra* El trabajo: no me gusta el botón, sácalo y que empiece directo

[@bluediu1714]

True

[@Darknhyt01]

- Tiene que ser mas azul... El Botton #0000FF: ಠ⁠_⁠ಠ

[@escanoreldifunto-sama4044]

Midu estoy en 2 de mi carrera de ing en sistemas y la verdad este tipos de videos que haces me motivan y apasionan una banda, es decir me haces ver LO DIVERTIDO que es progamar y me encanta, te veo como una meta y la verdad que me queda un camino larguisimo, gracias por hacer este contenido tan divertido ❤

[@adriandiaz-my6ks]

Este es mi comentario de prueba.

[@adriandiaz-my6ks]

Este es mi comentario de prueba.

[@nirbeathaboryhm]

Necesito un sticker con la cara de satisfaccion de Midu cuando comprueba que las piezas rotan en 38:25

[@Nicoolas3103]

Este junio me saqué el titulo de técnico superior en desarrollo de aplicaciones web y veo esto y parece que empecé a programar ayer. Tienes un manejo del código excelente. ¡Enhorabuena!

[@edoh6381]

y tienes xp laburando?

[@Nicoolas3103]

@@edoh6381 Sí

[@BrianAlvarezCuadros]

jajaja nunca me había emocionado tanto con un video de programación, parecía viendo un partido de fútbol. Muy pro el Midu.

[@brankoh]

Qué maravilla! Cuando me puse a hacerlo lo arranqué de la misma forma pero plantée el board diferente, por lo que perdí un montón de tiempo y nunca subí el video a KZbin. Gracias por compartir tu resolución!

[@RogerSthow]

Es la primera vez que he visto un vídeo relacionado con la programación de 40 minutos entero. ME HA ENCANTADO, y aunque trabajo con Python, admiro y disfruto todos tus projectos y vídeos. Eres increíble Midu!!

[@SneyderGantiva]

Este video merece que todos pongamos una felicitación 🎉, MÁQUINA!!!, si yo fuera el entrevistador: “a este tío lo quiero en mi equipo”, grande midu

[@codesthenos]

40:00 otra forma, es crear 2 funciones, 1 que rote en el sentido de las agujas del reloj y la otra en el inverso, aplicas una y luego otra, que tiene de bueno esto, que puede incluir en la barra espaciadora por ejemplo, el input de giro en sentido contrario, y asi tienes dos formas de rotar la pieza y para que no haya problemas con las colisiones, solamente tienes que aplicar la contraria despues del chequeo de colisiones. Mil gracias midu gracias a ti y mas circusntancias, estoy aprendiendo muchisimo en muy poco tiempo

[@codesthenos]

MIL GRACIAS TIO vi el video hace 2 meses sin tener ni idea de programacion, he vuleto a verlo para intentarlo y perfecto GRACIAS

[@XxTheMonstersxX]

amigo como estas?, dices que hace 2 meses no tenias ni idea de programacion, y volviste y pudiste resolverlo? me podrias decir que pautas seguiste, como hiciste para estudiar de manera que pudiste resolver? agradeceria mucho tu respuesta, un saludo

[@tecnomanu6856]

El final lo viví como una competencia jaja. Deberían ser públicas las pruebas de Seniors jaja. 🎉❤

[@scottvance383]

Muy bien hecho midu 😎, eso de dividir un problema en problemas mas pequeños para si ir resolviendo todo. Exelente

[@FaluMadryn09]

Estos videos nos ayudan un montón para la logica! Gracias por el aporte Midu 🎉

[@midulive]

Gracias a ti!

[@zandyaverhoff9554]

Seria bueno que lo pusieras en el repo de pruebas tecnicas ;). Saludos eres un crack

[@midulive]

Lo haré!

[@andresgeovanisalamancamart9391]

hace mucho tengo el sueño de ser programador,estoy haciendo la ingenieria,pero ver tu video me ha alegrado y querer echarle mas ganas al sueño

[@juanpablotorres3522]

La verdad que en 40 min es excepcional !!!! Quizás me llevaría 2 semanas minimo, lo sacaría pero no pasaría jamás la entreviste jajaja! Muy bueno!! Lo voy a intentar!

[@andreswinckler]

Realmente QUE BESTIAL la forma de programar en vivo!!! IMPRESIONANTE!!!

[@JuanBayonaBeriso]

Muy divertida, creo que algún bug se quedó por el camino 😂, por ejemplo el quitar las líneas debería ser recursivo o chekar todas las líneas en las que la pieza se ha solidificado. Creo que el hacerlo todo iterativo y no hacer una clase pieza, tablero al final hacia bastante complicado ver en qué parte estaba fallando pero es verdad que el tiempo era demasiado justo

[@sergiodiaz605]

Saabia que eras bueno, y creo que eso se queda corto, de verdad eres impresionante y espero algun dia con mucha practica poder estar en ese nivel un saludo ;)

[@darkalden]

Ufff recién veo este video y en general, EN GENERAL, es un seco... pero claro porqué no ? Solo ver lo que hace y que lo explica tan fácil muestra la clase. Por algo lo siguen tantos y es tan conocido. Un 10 de 10 !!! Saludos Midu... mis bendiciones.

[@juanjosebertinatti4752]

Sos una maquina midu!!!, con un profesor como vos cualquiera aprende.

[@Musulmi]

Eres la primera persona por la cual activo la campanita hahaha cuando termine los cursos que estoy haciendo voy a empezar a hacer los que tienes montados en tu web.

[@midulive]

Gracias 😻

[@adamCastro1]

Que increible tu laburo Midu! Me saco el sombrero. Nunca voy a olvidar que aprendi viendote

[@RagnarTube]

Me ha flipado mucho este vídeo, es un lujo ver cómo lo vas razonando e iterando

[@oscarorlandocaballeromoren5763]

Genial el vídeo! Una de las cosas que podría mejorarse es usar operaciones sobre matrices, hallar la traspuesta de la matriz y luego revertir las filas funcionaría también.

Saludos desde Venezuela... Excelente... Muchas felicitaciones a Miguel por su lógica y dedicación para inspirarnos a seguir adelante.

[@joseluisosuna5728]

Por que no tiene millones y millones de subs? No entiendo.

[@RyoukenDofus]

Estaria bueno el mismo video pero usando Svelte o React, a ver que tanto simplifica el codigo

[@midulive]

Lo tendré en cuenta!!!

[@carlosportillamedina6804]

loco eres un mago, logicamente todos pueden hacerlo con mucho esfuerzo, pero tu sin ayuda , explicando tu codigo, en stream con la presión, el TIEMPO y de colmo tratar de darle orden a tu code. un capo.

[@WarioNeila]

Muchas gracias! Ahora voy a pegarme para pintar el grid, implementar una dificultad creciente y mostrar la siguiente ficha por algún lado 😅

[@debiangames]

Descubrí este canal de pura casualidad y ya estoy suscrito. Es super entretenido de ver y con este del Tetris muchísimo más!

[@midulive]

Gracias! 🤗

[@kscius]

wow, he aprendido tanto de Javascript en este video

[@antoniomardones9730]

pedazo de bestia! muchas gracias por esta master class! valio totalmente la pena ver el video completo! un saludo crack, admiro mucho tu profesionalidad y dedicación

[@mikelsalvadorgarcia5034]

Que grande midu ne ah encantado el video, nos ilustras con tu logica de programacion y lo vas explicando como puedes por lo que es doblemente mas complejo. Excelente trabajo

[@EdgardoAlexis16]

20:11 tuve la misma reacción cuando vi que ya medio funcionaba! jajaja algun día espero ser igual de crack que tu midu! un saludo!

[@osakadev]

Lo serás, solo se disciplinado y dedícale tiempo, vos podés pa

[@chatcho123]

Te haz convertido en un dios para mí. Cómo me he podido haber perdido todos estos videos!?!?!? Saludos!

[@tomihq]

Ya tenía ganas de hacer algo con JS plano, me parece que encontré lo ideal. Gracias Midu!

[@mapachao-de-to]

Eres un tremendo crack!! eso que vaya por delante. Ahora, esta prueba sin poder pensar nada antes, me parece imposible de resolver por tiempo. Seguramente no esté pensada para que se termine, sino para ver el razonamiento de la persona y hasta dónde llega.

[@camiloandresporrasvega8716]

Simplemente increible, para mi esto es maravilloso, se que habra mejores programadores, y cosas mas complejas, pero esto me parecio fascinante

[@cheezma]

Mas videos asi, son muy entretenidos!

[@carloskimax]

Sólo queda decir que todo el esfuerzo y dedicación que dedicaste da frutos tremendos!! un Crack!!

[@cristianmunoz9016]

Lo vi en director , todos estabamos flipando , y lo hizo sencillo y facil de entender , genial

[@mr_diegui]

Acabo de ver este video y se me ocurrieron algunas ideas más de juegos para hacer y mostrar!! Gracias por la inspiración

[@adrianmartinez2061]

Muy bueno el video! los últimos minutos tuvieron mas tensión que la final del mundial. Cine!

[@omarruiz4953]

terriblemente bueno todo un capo master Midu !

[@AlejandroGarcia-zz2dj]

impresionante que habilidad, primer video que veo de tu canal y es impresionante. Nuevo suscriptor

[@midulive]

Muchísimas gracias!

[@marcossglr]

El nivel de tensión que he sentido en este video no me lo ha dado ni la película de thriller mejor valorara en IMDb

[@RepleteFF]

guau es bastante grande el poder de js me sorprendio mucho lo de rotar. por cierto... ... podrias poner un repositorio en github para el codigo??(solo sugerencia)

[@gabrielcampos3842]

Eres una maldita maquina y te admiro un monton

[@syst3m98]

Lo que es ser un Senior de Seniors!!!!

[@geniusdesign7306]

Que grande eres Midu. Cuanto te admiro!

[@davitchalabyan2061]

Midu gracias por el video. Es el primer video que miro de javascript, vengo de python y php. Las rotaciones al final no serian simplemente utilizar matriz transpuesta (cambia filas por columnas)? Por otro lado como las piezas de matrices 2x2(fila x columna) nunca tendran problemas para girar estando en los laterales, solamente hay que asegurarse de que se permitan los giros de las piezas laterales en las que la matriz transpuesta tiene menos columnas que la matriz original. Por ejemplo una pieza 3x2 que esta pegada en el lateral, al transponer se convertiria en una pieza 2x3 por lo tanto al tener 3 columnas al final y 2 al principio, no podria girar. Alomejor me estoy dejando algo. Gracias por todo

[@juancarloslopezvillegas5629]

dioos, me emocione tanto viendo como ponias el style para el audio y demas JAJJA, tremendo crack Midu!!

[@vhngroup]

Excelente, he logrado terminarla, me tomo mucho mas tiempo del convebcional, pero lo logre. Muchas Gracias por el tuto.

[@rikena13]

Te quedó espectacular! Para los colores yo solo hubiera hecho una asociación con números 1: amarillo 2:azul 3:rojo etc, y no llevaría mucho hacerlo y le daría un toque como la música

[@salvadorroibon]

Tremendo!!! Grande Midu. Soy vieja escuela me duele un poco que no uses punto y coma pero dado el ASI.... Muy bueno! gracias por el video

[@nikcapo]

Que maquinón, me siento como un neandertal programando después de esta exhibición sacándose tol nabo encima de la mesa, recuerdo que una vez quise hacer un ajedrez en javascript para practicar y estuve un dia entero con el tablero y las piezas. Cabe aclarar que soy backend y no se ni poner un hacer un querySelector

[@etcode]

Me quito el sombrero. Una cosa es hacerlo por curiosidad y otra cosa hacerlo bajo presión, y haciendo un streaming, y trabajando con canvas 🤩

[@mcordobaruiz]

Podías ahorrarte lo de calcular la rotación de la pieza si para cada pieza metes el array de "rotaciones". Son 4 posiciones de cada pieza y cada vez que pulsas tecla pues cambias el piece shape.

[@midulive]

En ese momento pensé que me costaba más hacer a mano las rotaciones de todas las piezas que calcularlo. 😊

[@total3971]

yo me acuerdo cuando estaba en la uni hice el juego de la vivorita con java y swing al final si me quedo eso me ayudo a despertar mas mi logica como desarrollador

[@cristiantapiaolivera2234]

Que grande Midu, la capacidad de razonamiento tan veloz que tienes, eres un genio!!!!

[@JRTatto97]

Sencillamente Midu, que nivel, un grande

[@eduardo.e]

Qué locura el último minuto, increible! jajaja

[@netrufo]

Maquina de progrmaacion eres bro !

[@midulive]

Gracias!

[@CristianCSanta]

Ojala sigas haciendo este tipo de videos, me encanta❤

[@midulive]

Ayer justamente programamos el Arkanoid. Pronto lo subimos ;)

[@terry-]

Estaría muy bueno que hagas más juegos clásicos de esta manera o alguna otra. No solo con JS pero typescript etc.

[@nekosmic]

Es bestial la velocidad con cual escribe las lineas de código 🙀 (yo apenas puedo escribir viendo el teclado y fallo XD)

[@MrJuank123]

Definición de ser un dev Sr, hacer un tetris en 40 minutos

[@renatopilamonta5937]

Midu hermano, por Dios, ayúdame urgentemente con esto. Tienes un canalazo de KZbin, pero con este reto me dejas en una encrucijada. Soy ciego, uso lector de pantalla y me interesaría crear alguna extensión potenciada con IA para que me ayude a trabajar con lenguajes gráficos también. Así, como ciego, no me perdería en el manejo de estas novedades. O no sé, algún programa que me permita dibujar sin la vista, como en este caso lo estabas haciendo tú para mayor rapidez. Por ejemplo, utilizando audio 3D que se vaya acercando o alejando, cambiando de tono según el color, doble clic para hacer un hueco en algo plano, presets para poder elegir el tamaño de los huecos de un tablero. Espero que alguien más técnico me pueda leer y escribir para que podamos hacer algo juntos. Muchos éxitos en todo y espero alguna respuesta.

[@rigby_lel5955]

cosas como estas son las que me metieron a quebrarme la cabeza contra la programación, con que esto siente la gente que ve futbol XD

[@programadorbetacr]

Una semana viendo este video para aprender. Eres Grande MIDU. Gracias

[@dolly2450]

😮😮😮😮 waoooooo mis respetos caballero 😎😎😎😎

[@eduardocastro2523]

Muy buen video, pero como se llama el temporizador que estas usando? Me serviria mucho

[@Eduardog1975]

si algun dia llego a programar el 1% que programas tu me voy a dar con un canto en los dientes!!!! es una maravilla verte programar!!!

[@INAVACL]

Cuanto tiempo se habra tardado el tetris original?

[@huha-wb4vt]

De donde has sacado ese cronómetro? lo quierooo

[@Samun1]

Que videazo, de locos, un idolo. 🙌

[@midulive]

Muchas gracias!!

Eres un duro! 💪🏻

[@damianbertoni1119]

Espectacular!!!!!👏🏼👏🏼👏🏼

[@awaken5622]

Este video es oro puro.

[@brauliomariano]

Impresionante, y admirable bravo bravo!!!

[@santo_59]

wooffff increible bro!!! ojala algun dia pueda llegar a tu nivel!!!

[@hamn_n1483]

Cuando crezca quiero ser como midu, que Crack señor, como se le nota la experiencia y al manejo de la lógica.

[@soran2290]

Ahora hazlo con godot la alternativa a unity, para que veas la diferencia 😂

[@midulive]

jajajajaja algo me dice que me costaría más y todo 🤣

[@madeinhellhell6363]

Lo mas ironico de todo y tendria mas sentido comun es que esta prueba sea para alguien que desea entrar como programador en una empresa de videos juegos pero no para un puestro de front end. Despues que van a pedir conocimientos de redes neuronales para un puesto de backend🤣🤣🤣

[@Xavo33]

como se llama el cronometro circular que usaste para controlar los 40 min?

[@deki7a]

como se llama el plugin que muestra el console.log()

[@manuseitz8887]

Midu, cómo haces para aprender todo esto? Hay muchísimas cosas que ni sabía que existían

[@musicalatina8681]

El aplica la metodología. CAP!!! Curiosidad, Actitud y Práctica!! No hay shortcuts!! 😂😂😂😂

[@hector7029]

​@@musicalatina8681mucha, mucha práctica 🤣

[@bryanmirandapalacios1988]

Practicando y leendo diario, no solo la documetacion del lenguaje que utilices sino tambien libros de algoritmia y estructuras de datos, ahi esta lo duro

[@cosmeticmichu8653]

Con las rotaciones no podías simplemente hacer una transpuesta? No sé, no sé nada de js xd solo me apareció el video, pero todo el video estuve pensando las rotaciones como eso, como una transpuesta del array que es cada figura

[@echongkan01]

Yo ahi me pasaria mucho nas de 40 minutos solo pensando en el juego etc. 35:52 - me pregunto si los shapes de cada piece podrian ser matrices de 0-1s. Ademas pienso que podria usar numeros enteros para identificar los tipos de pieza y asi usar por ejemplo colores. Que bueno -- -- voy a intentarlo usando arrays de matrices para las piezas

[@jasubip]

Eres un crack 🎉

[@DZ-nx3he]

Increíble, no entendí una mierda lo que hacías pero me encantó todo el proceso. Un crack

[@crashito_x]

Hace poco vi el canal de @InternetOfBugs donde mostraba que en el MIT opencoursware puedes encontrar una clase introductoria de Python donde el examen final es justo esta prueba... y lo decía como si fuera algo básico, imagínate esa xD

[@andresalvarado963]

Que consola usa al principio para crear el proyecto?

[@Aratgurth]

Faltaron los muñequitos que bailan (?) jajajaja genial el vídeo

[@juanavila4154]

Buen trabajo. saludos desde PERÚ

[@blakecl940]

¡Gracias!

[@midulive]

Gracias por el super chat!!!