RESUELVO una PRUEBA TÉCNICA de React para Programador JUNIOR FULL-STACK
Вставка
- Опубліковано 31 лип 2024
- En este video estaremos desarrollando una prueba técnica Junior Full-Stack desde cero, en la cual debemos crear El Back-End hasta el Front-End. Descubre cómo desglosamos el problema, organizamos nuestro código y superamos los obstáculos comunes mientras trabajamos en la Prueba Técnica.
¡No te lo pierdas!
▶ No te pierdas más directos en: / midudev
00:00:00 - Intro
00:00:56 - Conferencia en madrid
00:01:54 - mi libro: Git y Github físico
00:03:14 - Prueba técnica en Discord de Notion
00:04:16 - Prueba técnica
00:13:11 - Qué es API REST y RESTfull
00:14:15 - Creando el BACK-END
00:14:47 - Creando carpetas/archivos
00:15:57 - Inicializando proyecto
00:17:28 - Instalando express
00:17:38 - Creando API
00:20:52 - Traduciendo Ejercicio en pasos
00:25:11 - Instalando multer
00:27:46 - Agregando multer al método Post
00:28:50 - Extraer el archivo de la request
00:32:12 - Validamos que tenemos el archivo
00:32:42 - Validar el mimetype (csv)
00:33:04 - Transformar el Archivo a String
00:37:09 - Transformar string (csv) to JSON
00:40:07 - Creando el método GET
00:40:18 - Extraer la query param `q` para la request + Validar que tenemos la query param
00:40:42 - Filtrar la data desde la DB (o memoria) con la query param
00:43:27 - Preguntas de la comunidad
00:45:52 - Filtrar Datso
00:48:18 - preguntas de la comunidad
00:49:23 - Creando proyecto con Vite para el Front-End
00:51:04 - Tener una configuración global para el BackEnd y FrontEnd (linter etc)
00:53:50 - Limpiando archivos para comenzar el Front-End
00:54:05 - Creando estructura del Front-End
00:58:39 - Agregando “estados” a la ui
01:06:46 - Estilo de programación de Go
01:07:24 - Creando función para llamar a la API + Gestión de errores
01:13:50 - Integrando Toaster (Sonner)
01:16:11 - Probando aplicación
01:17:15 - Corrigiendo el problema al transformarlo de CSV a JSON
01:19:46 - Ocultar boton de “seleccionar un archivo” (UX)
01:21:05 - Buscar información
01:25:40 - Llamar a la API para filtrar los resultados
01:33:42 - Por qué se coloca en la URL?
01:35:34 - Colocando el valor en el input
01:36:20 - Arreglando el debounce
01:39:21 - Arreglando el localhost
01:43:49 - Creando monorepo
01:50:04 - Quiéres una segunda parte? (testing, refactoring, patron de diseño) - Наука та технологія
Por fin un poco de backend
Una segunda parte para ver el testing estaria brutal no abandones esta prueba ... gracias por todo el contenido que haces y la educación que brindas
RESTful es básicamente el estándar que usa GET, POST, PUT y DELETE, así como un endpoint de recursos. Es decir, el típico CRUD de toda la vida. Si tu API REST cumple con esto, en automático es RESTful.
Es verdad que es bastante para 48 horas pero lo bueno es que está muy bien especificada la prueba, eso se agradece mucho
haz la segunda parte porfaaa, ver el testing y despliegue va a estar bueno. De 10 el video 👌👌
Siiii segunda parte pliiiissss
Coincido, excelente video midu, gracias!! Seria genial verte realizar la 2da parte, saludos!
Midu! Excelente video! como siempre muchas gracias por tu contenido. Quedo a la espera de la 2da parte..
Que grande Midu, este video me ha ayudado un montón y he aprendido cosas nuevas! la forma tuya de explicar todo en detalle es un espectáculo, te lo super agradezco :D
Para no liarse si hay que instalar un paquete adicional o no, en npm al lado del nombre del paquete puede aparecer TS o DT, si dice TS significa que esta hecho con typescript el paquete y no tienes que instalar un paquete adicional si dice DT significa que esa libreria tiene un archivo de definición de typescripc adicional que toca instalar. Saludos.
ME encanta ver tu expresividad cuando algo te funciona.. me representa xD
Esperando con ansias la segunda parte, por favor..., ¡Que gran maestro, Midu! 🤩💻. Gracias, gracias, gracias por este contenido.
Gracias midu justo lo que necesitaba para medir mi nivel
buaff, ojala y llegue el dia que tenga ese dominio. La experiencia dice mucho, el saber y conocer tantos paquetes que se pueden usar y donde, es genial. Mis 10/10. Soy super fan de tu canal
Por favor segunda parte, me ha sido muy útil, lo del monorepo está muy chulo
Midu, excelente este contenido de verdad, es bueno para saber tu nivel ver ejemplos reales de pruebas
muchas gracias, espero con ansias la segunda parte y ojalá puedas seguir con el curso de php, siempre es bueno diversificar, otra cosa, siempre me a gustado aprender como funcionan los frameworks por dentras, y vi un video de hace unos 5 años tuyo, donde construyen un microframework tipo react, podrias hacer algo asi para los 100 proyectos de js, gracias nuevamente
Muchas gracias midu, gracias por explicar los monorepos y como implementarlos así de fácil
Venga! Buenísimo Midu! Parte dos por favor!!
Espero la segunda parte!!!
Gracias!
Siempre que veo un video tuyo termino aprendiendo algo nuevo, en este caso qué es un mono repo. Te agradezco.
segunda parte por favor, gracias por tu servicio a la comunidad
Excelente ver estos ejemplos de pruebas tecnicas 👍👍
midu, creo que esta excelente tu video para aprender muchas cosas en poco tiempo, Genial!! y gracias.
Dios mio que nivel! Te admiro. Gracias por todo. Saludos desde RD 👋
Ansioso nivel 10000 por la segunda parte!! 🔥
Excelente video. Esperando la segunda parte
Claro segunda parte! Y mas Backend en el futuro, con papas fritas muchas gracias🍟 jaja gracias midu por tanto contenido de calidad ❤
Midu,eres un gigante muchas gracias
Maestral!!! Como siempre muy buenos aportes.
Saludos desde Colombia.
Excelente como siempre midu, espero la segunda parte
Muy interesante, como todo lo que publicas, un saludo.
Gracias por compartir tanto conocimiento midu,
Gracias Midu! ❤
crack! gracias midu
Estaría buenoaa contenido de este tipo.
denle apoyo lok que el midu la rompe toda pa traernos contenido man
La prueba la verdad esta sencilla, un junior como dice midu la puede hacer sin problemas
La segunda parte por favor
Eres grande hace poco te inicié a seguir y me gustan tus videos
Yo había hecho una prueba técnica igual para otra empresa. Esa prueba me demostró que no estaba al nivel jajajaj. Tengo que seguir mejorando
Me pasó 😢
Esta muy bueno!. Me encantaria la 2da parte
Gracias wapo, muchas bendiciones
Amo las pruebas técnicas 😂❤
Hola midu, esperando con ansias la segunda parte. Por favor no te olvides
Está genial el vídeo! De todas formas lo de nivel junior, parece que es fácil porque no ha habido ningún error en el que atascarse, si lo hace un junior en casa al tercer error de tipo se acabaron las 48horas
sin querer queriendo encontre el video que resuelve el problema que tenia para mi proyecto de la universidad como siempre salve MIDULIVE como siempre salvando a esta pobre alma en pena
Gracias Midu ❤❤
A disfrutar y aprender de este video.
Siii, segunda parte por favor
Grande mídia!
Siiii segunda parte por favor
El Midu es un dios generoso 😮
Hola, si queremos segunda parte con lo que falta..., testing, etc..
Que buenas pruebas toca
sos un crack!
Buenisimo
La vida de autónomo acaba haciendo de selección natural XD
Y es la primera vez que escucho sobre el connect, no me apuntaré pero me informaré para otras veces, gracias :3
typescript, testing ,docker, monorepo, madre mia con los curros de "junior" hoy en dia. Por poco y te piden la infrastructura de paso, total ya que estamos.
no soy frontend, ni backend, programo complementos para sistemas ERP, especificamente para sap business one, pero quiero adentrarme al mundo del desarrollo web, y estas pruebas son muy interesantes :D
Lo del monorepo me ha explotado la cabeza :'v Gracias midu
Groso miduuuuu!
Muy bueno! Me parece que si es para junior y esta bien, yo tuve que hacer algo parecido pero recibiendo PDFs y mandarlos por mail, no sabia de multer asi que lo hice manual a la vieja escuela pasandolo a base64 y luego a arraybuffer etc jaja pero hubiera sido bastante mas sencillo
Segunda parte porfa
Gracias Midu! Esta la segunda parte? 😊
Muy bueno, después lo veo
Amino Midu. Eres un guerrero contra todo! contra adversidades y con tu pasion de hacer un excelente contenido
Que extension es la que te sale cuando estas codeando y alado te sale los errores en rojo?
Segunda parte por favor !
Alguien me puede decir como te contactan para resolver la prueba tecnica una vez que aplicas , ¿ te hablan por la pagina que aplicaste o como ?
Necesito una segunda parte. Nunca he hecho testing
Este tipo de pruebas me suenan a: tengo estos problemas para resolver para alguna solución que ya tengo, y para hacer un producto mínimo viable publico una oferta laboral y los que se presentan me arman distintos prototipos de manera gratuita y sin remunerar... y luego si tal, quizás te contraten... pero ellos ya sacan valor sólo con entrevistar candidatos, y el que se presenta a la prueba a veces no recibe ni respuesta a su solicitud de prueba... Da para opinar de manera capciosa este tipo de "entrevistas".
Sisi segunda parte
Primer comentario, listo para ver el video del buen midudev
Es para un junior y lo desean en 48 horas. A menos que no tenga otros asuntos para esos dos días y las complicaciones de código que encuentre no le tome horas para solucionar creo que esta bien. A mi me dieron un examen técnico un domingo en la tarde y lo querían para el lunes ._.
1. Alguien me puede decir cómo pongo el fondo de Brave como el que tiene Midu en el min 25:49
2. He visto que usa un zoom para ver pequeñas partes de su pantalla, ¿saben con que programa lo hace?
Hola midulive, podrias hacer un video mostrandos los pluggins que usas con vs y tu entorno en cuanto a desarrollo, tipo de Terminal etc, Saludos.
Es que es verdad lo que dice midu, un junior no es que no sepa programar, solo es que no tiene experiencia, si eres fs junior ya debes poder hacer la prueba, además siento que el tiempo es justo, ni más ni menos.
Tengo 6 meses programando y podría hacer esa prueba. Con dificultades, buscando un montón de cosas y en mucho más tiempo, pero podría. Para aquellos que dicen que está difícil. Además te dan 2 días.
bueno cerebro no todos son como vos.
Nah, tiene razón, algunos aprenden más lento pero no significa que este difícil @@uriibrea
Midu, seria buena idea que agregues este video a la colección 'curso de react 2024'
Midu continuaras esta prueba como habias dicho lo del testing y demas?
Vi esto y me doy cuenta que me hace falta un mundo aún para mínimo entenderle a esto
Tengo entendido que rest es la arquitectura y restful es la aplicacion de esa arquitectura que seria el servidor o backend. Como bien dijiste
Si supiera de donde sacar pruebas técnicas me pondría a hacer todas las que encuentre. Creo que eso aporta mas a tus capacidades que inventar proyectos uno mismo.
Segunda parte porfavoooor
pasen el link de la prueba para ver si puedo hacerla en menos de 48 horas.
Me encanta esto, aunque la verdad no entiendo nada de nada 🤣
Una consulta que nada tiene que ver con el video en si, cuál es el tema de vscode que usa midu?
esperando la segunda parte xd
Para los que lo estaban siguiendo y les dio problemas al leer el .csv, hay una funcion dentro de la libreria de csv-to-json que se llama fieldDelimiter, antes de llamar al metodo csvStringToJson, ponen el delimitador, en este caso es la coma, Saludos!
Amo la voz de Batman 😂
Jaja! La empresa resolviendo una necesidad puntual de negocio, y sin tener que poner un centavo, maquillandolo bajo una "prueba" para un puesto laboral... es maquiavélico hasta decir basta! Aplaudo al que se le ocurrió eh...
quiero el testing!!!
Midu Hace la segunda parte porfaa
Podrías seguir con el diseño y las pruebas? Gracias!!
Segunda parteeee
Por favor midu segunda parte
que teclado usas midu? tengo buena mecanografia pero mi es muy angosto que hace que escriba mal muchas veces XD
Que visual studio code es ese?
segunda parte por favor
cual es la consola que utiliza?
Hola Midugod
donde encuentro el servidor de ds
?