00:07:15 Dom 00:08:20 Accesibilidad 00:08:50 Implementar estilos en sitio web 00:09:25 bem 00:10:00 preprocesadores de css 00:11:50 pixel perfect JAVASCRIPT 00:13:10 variables en javascript var - let - const 00:15:10 hoisting 00:16:00 arrow functions 00:17:00 functiones tradicionales 00:17:30 scope (ambito) 00:19:10 closure 00:19:30 callbacks 00:20:30 promises 00:21:30 async-await 00:22:45 se puede utilizar el await fuera de una funcion? 00:23:25 IIFE expresion de funcion ejecutada inmediatamente (immediately invoked function expression) 00:23:40 Clases - herencia por prototipo REACT 00:25:20 Que es React.JS? 00:27:12 Virtual dom 00:27:45 Algoritmo de Diferenciacion 00:28:00 props vs state 00:29:00 cuando elijo prop vs state 00:30:00 useEffect(callback, array de dependencias), componentdidmount, componentwillunmount, etc 00:32:39 futuro de React 00:37:11 Ejercicio react 00:45:00 key en listas
Hace 3 días tuve mi primer entrevista para un puesto de front end jr, y las preguntas fueron muy similares. Excelente video de mucha ayuda a los que estamos buscando nuestro primer empleo como desarrolladores.
Cada definición que ni yo mismo había escuchado la busqué, vi videos y ejemplos por aparte, PEDAZO de video que me ayudó un montón para mi entrevista...este video dura 1hr y a mi me tardó 5 por estar pausándolo por lo ya mencionado.
Muy buena iniciativa, me gustaría saber si pudieras entregarnos una explicación de que conocimientos debe tener un junior, mid y senior para saber que es lo que le falta a uno para poder avanzar de rango a nivel de conocimientos. Saludos desde Chile
Juan, me encanto la entrevista..te juro que todas las preguntas sirven y el ejercicio técnico esta MUY bueno, muchisimas gracias por proporcionar estas simulaciones. Es muy muy real. Gracias !!!
Tuve una entrevista larguísima con una empresa de LATAM, cuando entré me encontré con una tonelada de código legacy. Hace poco empeze en una empresa de Los Ángeles, 10 minutos dos preguntas puntuales y ya estoy adentro ganando el triple que en la de LATAM.
aca en latinoamerica son muy exigentes pero el sueldo es bajisimo a mi me toco alguien que pedia react mas figma con ingles avanzado tamb ien que usara adobe XD y practicamente todo lo tenia menos el ingles avanzado por $ 15 no me quede :(
Juan Jose Ortiz, lo del pixel perfect es un tema muy anbiguo, ya que es utilizado por los diseñadores y no tanto por lo desarrolladores, ya que a ellos esto si les funciona pero no asi a los desarrolladores ya que cuando tomas el pixel perfect como medida para tu aplicacion el pixel perfect te funcionara bien para ciertas resoluciones pero no para todas y en varios proyectos me he encotrado problemas con esto del pixel perfect, ya que toman el pixel perfect desde la resolucion en que el diseñador hizo su arte y lo adaptan asi en la parte de desarrollo, siendo un problema a la hora del responsiveness, es mejor trabajar con medidas relativas o con flexbox. Lo de react acerca de si es libreria o no tambien es algo ambiguo ya que bajo los conceptos de que es un framework react tambien se encaja a lo que es un framework a pesar de que se dice que react es libreria (creo que ahi deberias pedirle mas contexto del por que lo ven asi y no siento que eso sea una bandera roja al fin y al cabo a la hora de programar eso no tiene ninguna relevancia )
Muy buena entrevista me estoy preparando para una vacante como desarrollador Frontend y necesitaba tener una idea de que es lo que preguntan para una vacante en React JS
Que buen video!! 100 puntos!! Nos da una idea en que enforcarnos y como expresarnos en las respuestas, el entrevistado comentaba que siempre utiliza async y await pero no lo hizo con el fetch en la practica sino que utilizo then para resolver la promesa ✌️
Hola Juanjo, excelente video, muchas gracias por compartir este tipo de contenido que suma muchísimo para quienes recién arrancamos. Quería sumar algo, sin animo de spamear y hacer publicidad a otro canal, pero para quienes quieran ahondar un poco en el tema de clases y prototipos, hay un video del canal "La cocina del código" que lo explica de forma sencilla y a mi me ayudó bastante xD Sin mas, te vuelvo a agradecer Juanjo! nuevo suscriptor acá!
Yo hace proco presente una entrevista para frontend react jr y me preguntaron hasta de docker... xD un jr deberia saber a estas alturas cosas sobre testing? en los directos hacias mucho enfasis en eso, pero no le preguntaste nada al respecto, asi que me quede don la duda jeje
Hola, muy buenas. yo empecé en la programación en el año 2022 (junio) con javascript en el frontend y todo este año (2024) estuve estudiando y especializándome en react js, tocando frameworks frontend y desarrollando proyectos propios y en equipo ademas que tengo conocimientos y practica muy básicos de backend. La info de este video sigue aplicando a entrevistas actuales en 2024/2025?
Creo que el entrevistado cree q sabe mas de lo q sabe en realidad para catalogarse como junior advanced. Pero por lo demas excelente video. Es un de los pocos canales con contenidos como este
Sentí lo mismo, y hay algunas respuestas que no están del todo bien (no lo veo mal, pero es justamente un ejemplo de una entrevista, no es la biblia del programador)... mas que un junior advanced siento que es un trainee casi junior. Esta claro que aun esta aprendiendo. Un ssr pide tener al menos 3 años de experiencia, y habla que trabaja profesionalmente hace menos de 1 año. Al año/ año y medio de experiencia serias junior... no es algo establecido, pero la experiencia es lo que mas conocimiento te termina dando, y lo que va a terminar definiendo tu seniority.
Yo lo noté a la hora de formular las respuestas. Muy trabado y si bien lo que dice esta bien, había explicaciones que podrían ser más contundentes y claras
Buen vídeo. Estaria bien que para la próxima vez se pueda visualizar un poco más grande el código que se pica. Así será más fácil de acompañar los tests.
Hay que aprender a responder solo lo que te preguntan. Si te preguntan la diferencia entre var y let. NO RESPONDAS OTRA CASA, Responde justo lo que te preguntan. No termines hablando de clousure o histing, es innecesario y estás dando pie a que sigan preguntándote sobre temas que has sacado tú y quizás no tenía pensado preguntarte.
A mi me preguntaron cuál era el ciclo de vida de un componente en React (soy trainee, ando a full con la práctica y me cagué en esa pregunta teórica xD)
Tan extremandamente facil es la parte del ejercicio? Se me hace muy fantasioso que para entrar como desarrollador react solo te pidan llamar a una api y renderizar una lista, o la facilidad del ejercicio fue solo para fines practicos del video?
De angular tienes?, pues ya react he trabajo por más de 3 años, pero me aburrio su falta de orden, reactive programming, estandar, fallos de memoria...
Nada mas como comentario en general y sin animos de ofender, no se vallan por todo lo que responde este cuate por que hay respuestas que si estan aveces medio ambiguas o mal y vallan a responder asi en una entrevista, aunque el ejercicio esta muy bueno
Sin animos de ofender, 'valla' y 'cuate' no son palabras dignas de una entrevista. Espero no escribas en una entrevista asi. Por cierto, se escribe 'vayan'. Te sugiero ser mas empatico.
Realmente pensas que porque una persona no sabe que React es una libreria en lugar de un framework asumis que no tiene conocimiento del lenguaje? Es una lastima que pienses ese tipo de cosas. Por entrevistadores como vos muchos desarrolladores con ganas y mucho conocimiento no ingresan a los puestos. Para la gente: estudien la teoria para las entrevistas, pero en la practica van codear y nadie les va a preguntar si es una libreria o un framework o como funciona por atras o cual es la ultima actualizacion. Eso solo piden personas que ya tienen trabajo y no tienen empatia con el entrevistado. Saludos a la comunidad.
Honestamente, es muy común este tipo de entrevistas, más de lo que parece. Y creo que en realidad no son efectivas este tipo de preguntas de documentación, me parece que son una forma pobre de ver realmente los skills del candidato, además de que son en su mayoría cliché. Es un error usual que comenten los leads que son demasiado técnicos y de libro. Promesas, variables, callbacks, eventloop...
Entrevistas larguísimas y mucho rollo pero cuando ingresas a la compañía por lo general encuentras puro código basura y malas prácticas. No entiendo la necesidad de este tipo de entrevistas donde parece que vas a dar un curso y lo único que te piden al final es llamar una API :D
00:07:15 Dom
00:08:20 Accesibilidad
00:08:50 Implementar estilos en sitio web
00:09:25 bem
00:10:00 preprocesadores de css
00:11:50 pixel perfect
JAVASCRIPT
00:13:10 variables en javascript var - let - const
00:15:10 hoisting
00:16:00 arrow functions
00:17:00 functiones tradicionales
00:17:30 scope (ambito)
00:19:10 closure
00:19:30 callbacks
00:20:30 promises
00:21:30 async-await
00:22:45 se puede utilizar el await fuera de una funcion?
00:23:25 IIFE expresion de funcion ejecutada inmediatamente (immediately invoked function expression)
00:23:40 Clases - herencia por prototipo
REACT
00:25:20 Que es React.JS?
00:27:12 Virtual dom
00:27:45 Algoritmo de Diferenciacion
00:28:00 props vs state
00:29:00 cuando elijo prop vs state
00:30:00 useEffect(callback, array de dependencias), componentdidmount, componentwillunmount, etc
00:32:39 futuro de React
00:37:11 Ejercicio react
00:45:00 key en listas
Anclen este comentario!
siii me fue de utilidad gracias
Buenisimo, gracias
Muchas gracias!!!
Gracias 😊
Hace 3 días tuve mi primer entrevista para un puesto de front end jr, y las preguntas fueron muy similares. Excelente video de mucha ayuda a los que estamos buscando nuestro primer empleo como desarrolladores.
Te hicieron preguntas en ingles? Si es asi, podras decir cuales fueron? Por favor, yo tengo una entrevista en unos dias.
@@rafaelhernandezpompeyo7180 no, la posición para la que apliqué era 100% en español.
Pasaron?
Cada definición que ni yo mismo había escuchado la busqué, vi videos y ejemplos por aparte, PEDAZO de video que me ayudó un montón para mi entrevista...este video dura 1hr y a mi me tardó 5 por estar pausándolo por lo ya mencionado.
Estoy iniciando en la programación voy por esa 💪😎
Muy buena iniciativa, me gustaría saber si pudieras entregarnos una explicación de que conocimientos debe tener un junior, mid y senior para saber que es lo que le falta a uno para poder avanzar de rango a nivel de conocimientos. Saludos desde Chile
Juan, me encanto la entrevista..te juro que todas las preguntas sirven y el ejercicio técnico esta MUY bueno, muchisimas gracias por proporcionar estas simulaciones. Es muy muy real. Gracias !!!
Tuve una entrevista larguísima con una empresa de LATAM, cuando entré me encontré con una tonelada de código legacy.
Hace poco empeze en una empresa de Los Ángeles, 10 minutos dos preguntas puntuales y ya estoy adentro ganando el triple que en la de LATAM.
Bien ahiii, cual es la empresa? De casualidad siguen buscando dev front end jr?
Felicidades bro!
aca en latinoamerica son muy exigentes pero el sueldo es bajisimo a mi me toco alguien que pedia react mas figma con ingles avanzado tamb ien que usara adobe XD y practicamente todo lo tenia menos el ingles avanzado por $ 15 no me quede :(
Hola... que preguntas te realizaron? pdt: FELICITACIONES!!!
Es verdad, las empresas de LATAM son una bosta.
1:02:02 “Disfrutar el proceso y confiar en nuestro conocimiento” ✍️
La parte de usar una funcion flecha o no, las funciones flechas tambien te sirven para crear una funcion de una sola linea.
buenísimo! vale oro para quienes están buscando trabajo. Muy buena idea hacer este tipo de videos. La realidad misma.
Juan Jose Ortiz, lo del pixel perfect es un tema muy anbiguo, ya que es utilizado por los diseñadores y no tanto por lo desarrolladores, ya que a ellos esto si les funciona pero no asi a los desarrolladores ya que cuando tomas el pixel perfect como medida para tu aplicacion el pixel perfect te funcionara bien para ciertas resoluciones pero no para todas y en varios proyectos me he encotrado problemas con esto del pixel perfect, ya que toman el pixel perfect desde la resolucion en que el diseñador hizo su arte y lo adaptan asi en la parte de desarrollo, siendo un problema a la hora del responsiveness, es mejor trabajar con medidas relativas o con flexbox.
Lo de react acerca de si es libreria o no tambien es algo ambiguo ya que bajo los conceptos de que es un framework react tambien se encaja a lo que es un framework a pesar de que se dice que react es libreria (creo que ahi deberias pedirle mas contexto del por que lo ven asi y no siento que eso sea una bandera roja al fin y al cabo a la hora de programar eso no tiene ninguna relevancia )
Muy buena entrevista me estoy preparando para una vacante como desarrollador Frontend y necesitaba tener una idea de que es lo que preguntan para una vacante en React JS
Me puse hasta nervioso... aun no tuve entrevistas pero duro.. muy buen video.
Que buen video!! 100 puntos!! Nos da una idea en que enforcarnos y como expresarnos en las respuestas, el entrevistado comentaba que siempre utiliza async y await pero no lo hizo con el fetch en la practica sino que utilizo then para resolver la promesa ✌️
Increible para repasar conceptos y volver a profundizar
exelente muchas gracias! estoy proximo a buscar empleo y me sirve mucho
Excelentes preguntas, sirve para estudiarlas ya que son muy comunes
Graciass por compartir!
Hola Juanjo, excelente video, muchas gracias por compartir este tipo de contenido que suma muchísimo para quienes recién arrancamos.
Quería sumar algo, sin animo de spamear y hacer publicidad a otro canal, pero para quienes quieran ahondar un poco en el tema de clases y prototipos, hay un video del canal "La cocina del código" que lo explica de forma sencilla y a mi me ayudó bastante xD
Sin mas, te vuelvo a agradecer Juanjo! nuevo suscriptor acá!
Brutal iniciativa y brutal video.
Excelente. Estoy empezando con react y queria saber si al menos llego al nivel junior. Agradecido
Gracias Sr Juan estoy estudiando y me ayudo mucho este video
Yo hace proco presente una entrevista para frontend react jr y me preguntaron hasta de docker... xD
un jr deberia saber a estas alturas cosas sobre testing? en los directos hacias mucho enfasis en eso, pero no le preguntaste nada al respecto, asi que me quede don la duda jeje
que buena entrevista, la estoy disfrutando muchisimo, esta muy bien ejecutada por ambos
Ufff que nivel de video. Que buena preparacion para una entrevista tecnica. Mil gracias
Muy buen contenido amigo, hay muchos temas que uno puede salir a investigar
Tremendamente util!!! Me sirvio un monton para ponerme en contexto. Muchas Gracias. Siguiendo.
Que opinas de la web ?
Yo la he usado pero actualmente estoy más enfocado en React.
Hola, muy buenas. yo empecé en la programación en el año 2022 (junio) con javascript en el frontend y todo este año (2024) estuve estudiando y especializándome en react js, tocando frameworks frontend y desarrollando proyectos propios y en equipo ademas que tengo conocimientos y practica muy básicos de backend. La info de este video sigue aplicando a entrevistas actuales en 2024/2025?
Excelente video Juan, muy interesante para repasar conceptos. Te felicito, espero que sigas haciendo este tipo de videos. Gracias.
Tome nota para mi siguiente entrevista 👀
Muchas gracias compañero, me sirvió cada una de las 3 partes, sobre todo el feedback
Uff, super util. Muy buen entrevistador y muy buen entrevistado.
Un tipazo Cesar, ojalá lo hayan contratado :)
Tengo una entrevista en ésta semana, dios quiera que el entrevistador sea tan capo como vos Juan! jaja
Haha saludos lucho! Mucho exito en tu entrevista y gracias por ver el video
cuentanos como te fue y que te preguntaron
lo mataron
jajajaja
Que buen video! Muy útil para los que arrancamos hace poco.
Muy bueno, gracias por brindarnos esta simulación que para personas que aun no han tenido una entrevista técnica, esto vale oro! Mas que suscrito!
Me encantó este video, muy interesante
Buen video juan.
Creo que el entrevistado cree q sabe mas de lo q sabe en realidad para catalogarse como junior advanced. Pero por lo demas excelente video. Es un de los pocos canales con contenidos como este
Sentí lo mismo, y hay algunas respuestas que no están del todo bien (no lo veo mal, pero es justamente un ejemplo de una entrevista, no es la biblia del programador)... mas que un junior advanced siento que es un trainee casi junior. Esta claro que aun esta aprendiendo. Un ssr pide tener al menos 3 años de experiencia, y habla que trabaja profesionalmente hace menos de 1 año. Al año/ año y medio de experiencia serias junior... no es algo establecido, pero la experiencia es lo que mas conocimiento te termina dando, y lo que va a terminar definiendo tu seniority.
Yo lo noté a la hora de formular las respuestas. Muy trabado y si bien lo que dice esta bien, había explicaciones que podrían ser más contundentes y claras
Buen vídeo. Estaria bien que para la próxima vez se pueda visualizar un poco más grande el código que se pica. Así será más fácil de acompañar los tests.
Minuto 47 Me parece algo muy importante saber eso, para cuestiones del rendimiento
Haz una de un nivel más avanzado. Buen contenido!
Para tener un año en front end dijo sabe un montón 😮
funciones flecha son las lambda?
esto si que esta bueinisimo :D
Excelente Entrevista
en react utilizo arrow functions porque las guardo en constantes y a diferencia de usar function este se puede modificar
tambien podrias cambiar el contenido de la funcion de la misma forma no ?
Ahora que lo veo, no le preguntaste nada sobre cors, No crees que sea necesario algo de conocimiento en eso?
Gracias por estas entrevistas, ayudan mucho! Me parecio un raro que no hayan hablado de redux hehe
Hay que aprender a responder solo lo que te preguntan.
Si te preguntan la diferencia entre var y let. NO RESPONDAS OTRA CASA, Responde justo lo que te preguntan.
No termines hablando de clousure o histing, es innecesario y estás dando pie a que sigan preguntándote sobre temas que has sacado tú y quizás no tenía pensado preguntarte.
toda la razón
Entonces consideras que es mejor dar la respuesta lo mas precisa y entendible?
Pregunto porque em algunas entrevistas puntúan cuanto hablas.
Gran video
muchas gracias!
A mi me preguntaron cuál era el ciclo de vida de un componente en React (soy trainee, ando a full con la práctica y me cagué en esa pregunta teórica xD)
suena complejo pero es una boludez
@@faustovii1085cual es ? Jaja
Me suscribo! excelente simulacion! podrias sacar mas videos de este estilo? especificamente orientados a React y JavaScript! Saludos !
Me parece interesante estas entrevistas, me gustaria saber si es posible participar en alguna de ellas
Claro que si, escribeme en twitter amigo y nos ponemos de acuerdo
Genial
Tan extremandamente facil es la parte del ejercicio?
Se me hace muy fantasioso que para entrar como desarrollador react solo te pidan llamar a una api y renderizar una lista, o la facilidad del ejercicio fue solo para fines practicos del video?
En realidad lo que evaluaron fue la capacidad de escribir sin buscar codigo. Aca el 90% de las personas falla.
Sí hace poco hice un test y eao fue lo que me pidieron hacer
gracias.
Muy bueno
Nos es que yo sea un crack pero me parecio recontra junior el entrevistado ...😕
cual es el promedio de sueldo por pasar una entrevista como esta? en USD. gracias
Depende mucho de la empresa. Te podria decir que he visto vacantes en mi pais desde 2000 a 4000 usd por mes. Pero directo con el cliente, hasta 5000
@@JuanOrtizDev wtf y yo pidiendo 1,348 dolares para entrar de junior.
Depende mucho del país. En Argentina menos de USD 700/mes.
Ese es mi mentor
Ahora en Inglés !!!
ahi te va la mas dificil en front: como resuelvo un error de CORS en produccion que nunca se habia presantado hasta ahora ?
fácil: dejandolo para otro
De angular tienes?, pues ya react he trabajo por más de 3 años, pero me aburrio su falta de orden, reactive programming, estandar, fallos de memoria...
Entonces es mejor angular? Y que piensas de vue?
¿como se llama el algoritmo que se usa para el tema de las actualizaciones en react?
X2
X3
Se llama algoritmo de reconciliación, en la documentación oficial te lo explican en detalle
Nada mas como comentario en general y sin animos de ofender, no se vallan por todo lo que responde este cuate por que hay respuestas que si estan aveces medio ambiguas o mal y vallan a responder asi en una entrevista, aunque el ejercicio esta muy bueno
Sin animos de ofender, 'valla' y 'cuate' no son palabras dignas de una entrevista. Espero no escribas en una entrevista asi. Por cierto, se escribe 'vayan'. Te sugiero ser mas empatico.
Es argentino verdad?!jeje por qué cada vez que entra a hablar dice "un par "
sí
En sus respuestas se nota que tan jr es dice al inicio que se considera md y no toca ni redux cuando le preguntan del this
Realmente pensas que porque una persona no sabe que React es una libreria en lugar de un framework asumis que no tiene conocimiento del lenguaje? Es una lastima que pienses ese tipo de cosas. Por entrevistadores como vos muchos desarrolladores con ganas y mucho conocimiento no ingresan a los puestos. Para la gente: estudien la teoria para las entrevistas, pero en la practica van codear y nadie les va a preguntar si es una libreria o un framework o como funciona por atras o cual es la ultima actualizacion. Eso solo piden personas que ya tienen trabajo y no tienen empatia con el entrevistado. Saludos a la comunidad.
Hazme una entrevista a mi ajaj :)
olv se parece un monton a hitboxking
10 meses y ya se considera junior advanced? mmm medio raro
Honestamente, es muy común este tipo de entrevistas, más de lo que parece. Y creo que en realidad no son efectivas este tipo de preguntas de documentación, me parece que son una forma pobre de ver realmente los skills del candidato, además de que son en su mayoría cliché. Es un error usual que comenten los leads que son demasiado técnicos y de libro. Promesas, variables, callbacks, eventloop...
37:11
Falta claridad sobretodo con la dif de props y state
Parpadea una banda un miedo me da XD
sin ningun hook se hubiera podido, no?
Entrevistas larguísimas y mucho rollo pero cuando ingresas a la compañía por lo general encuentras puro código basura y malas prácticas. No entiendo la necesidad de este tipo de entrevistas donde parece que vas a dar un curso y lo único que te piden al final es llamar una API :D
15:20 esta mas perdido que un moco en una oreja