Simulación de Entrevista #1: React Developer

Поделиться
HTML-код
  • Опубликовано: 30 июл 2024
  • Visita mis cursos en Udemy
    www.udemy.com/user/juan-jose-...
    Twitter
    / juan_deltoro2
    Instagram
    / juanortizdt
    Facebook
    / juanjoseodeltoro
    Inicio 0:00
    Entrevista 1:10
    Conclusiones 48:06
  • НаукаНаука

Комментарии • 118

  • @alanshalem8633
    @alanshalem8633 2 года назад +86

    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

  • @sebastiantorres783
    @sebastiantorres783 2 года назад +49

    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.

    • @rafaelhernandezpompeyo7180
      @rafaelhernandezpompeyo7180 10 месяцев назад

      Te hicieron preguntas en ingles? Si es asi, podras decir cuales fueron? Por favor, yo tengo una entrevista en unos dias.

    • @sebastiantorres783
      @sebastiantorres783 10 месяцев назад

      @@rafaelhernandezpompeyo7180 no, la posición para la que apliqué era 100% en español.

    • @jameszr1995
      @jameszr1995 24 дня назад

      Pasaron?

  • @josemunozlopez4841
    @josemunozlopez4841 2 года назад +41

    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

  • @ramonchancay9614
    @ramonchancay9614 2 года назад +174

    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.

    • @agustinaluz963
      @agustinaluz963 2 года назад +3

      Bien ahiii, cual es la empresa? De casualidad siguen buscando dev front end jr?

    • @josenegrin
      @josenegrin 2 года назад +1

      Felicidades bro!

    • @mcbelme92
      @mcbelme92 2 года назад +6

      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 :(

    • @danielaguzman3230
      @danielaguzman3230 2 года назад

      Hola... que preguntas te realizaron? pdt: FELICITACIONES!!!

    • @CriptoLeaks
      @CriptoLeaks 2 года назад

      Es verdad, las empresas de LATAM son una bosta.

  • @bernardozelaya2685
    @bernardozelaya2685 2 года назад +7

    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 !!!

  • @giovannivoltaproxy
    @giovannivoltaproxy 2 года назад +3

    Muy buen contenido amigo, hay muchos temas que uno puede salir a investigar

  • @josenegrin
    @josenegrin 2 года назад +1

    Brutal iniciativa y brutal video.

  • @markosmk
    @markosmk 2 года назад +5

    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 ✌️

  • @parkin09kinder
    @parkin09kinder 2 года назад +3

    Excelentes preguntas, sirve para estudiarlas ya que son muy comunes
    Graciass por compartir!

  • @cardenat
    @cardenat 2 года назад

    Excelente video Juan, muy interesante para repasar conceptos. Te felicito, espero que sigas haciendo este tipo de videos. Gracias.

  • @alankrug3993
    @alankrug3993 2 года назад

    Increible para repasar conceptos y volver a profundizar

  • @NPicotto
    @NPicotto 2 года назад

    Que buen video! Muy útil para los que arrancamos hace poco.

  • @luisangelmendozachate
    @luisangelmendozachate 2 года назад

    Muchas gracias compañero, me sirvió cada una de las 3 partes, sobre todo el feedback

  • @sergiovalp
    @sergiovalp 2 года назад +15

    buenísimo! vale oro para quienes están buscando trabajo. Muy buena idea hacer este tipo de videos. La realidad misma.

  • @moro.s
    @moro.s 2 года назад +3

    exelente muchas gracias! estoy proximo a buscar empleo y me sirve mucho

  • @fedeinternet1
    @fedeinternet1 Год назад

    Tremendamente util!!! Me sirvio un monton para ponerme en contexto. Muchas Gracias. Siguiendo.

  • @Martin-kd2rf
    @Martin-kd2rf 2 года назад +2

    Me puse hasta nervioso... aun no tuve entrevistas pero duro.. muy buen video.

  • @tomasferro6151
    @tomasferro6151 11 месяцев назад

    que buena entrevista, la estoy disfrutando muchisimo, esta muy bien ejecutada por ambos

  • @joelleon8712
    @joelleon8712 2 года назад +10

    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 )

  • @justinlu5730
    @justinlu5730 Год назад

    Uff, super util. Muy buen entrevistador y muy buen entrevistado.

  • @alansoto1078
    @alansoto1078 2 года назад +2

    Buen video juan.

  • @MetallikoHermetiko
    @MetallikoHermetiko 2 года назад

    Me encantó este video, muy interesante

  • @haroldpinedaruiz6782
    @haroldpinedaruiz6782 2 года назад +3

    Ufff que nivel de video. Que buena preparacion para una entrevista tecnica. Mil gracias

  • @joannarvaez4891
    @joannarvaez4891 Год назад

    Gracias Sr Juan estoy estudiando y me ayudo mucho este video

  • @isaacarias7561
    @isaacarias7561 10 месяцев назад

    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

  • @matiasvadala52
    @matiasvadala52 Год назад

    Un tipazo Cesar, ojalá lo hayan contratado :)

  • @lautarorodriguez5912
    @lautarorodriguez5912 2 года назад +3

    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!

  • @jonathancardenas5528
    @jonathancardenas5528 2 года назад +1

    Excelente. Estoy empezando con react y queria saber si al menos llego al nivel junior. Agradecido

  • @diegofuentes425
    @diegofuentes425 2 года назад +2

    Tome nota para mi siguiente entrevista 👀

  • @ZzZz-dr7uq
    @ZzZz-dr7uq 2 года назад +2

    esto si que esta bueinisimo :D

  • @gladmarmotaweeex7979
    @gladmarmotaweeex7979 2 года назад +6

    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.

    • @zwwx2142
      @zwwx2142 Год назад +1

      Estoy iniciando en la programación voy por esa 💪😎

  • @blackjack4482
    @blackjack4482 2 года назад +4

    1:02:02 “Disfrutar el proceso y confiar en nuestro conocimiento” ✍️

  • @frandepaulo
    @frandepaulo 2 года назад

    Gracias por estas entrevistas, ayudan mucho! Me parecio un raro que no hayan hablado de redux hehe

  • @jonasromanespaillat9566
    @jonasromanespaillat9566 Год назад

    Excelente Entrevista

  • @asrockriel
    @asrockriel 2 года назад +5

    Que opinas de la web ?
    Yo la he usado pero actualmente estoy más enfocado en React.

  • @tomasponce9409
    @tomasponce9409 3 месяца назад

    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á!

  • @expresstutorial3255
    @expresstutorial3255 2 года назад

    Minuto 47 Me parece algo muy importante saber eso, para cuestiones del rendimiento

  • @jeremiasmenacho5997
    @jeremiasmenacho5997 Год назад

    Gran video

  • @Bertoos8
    @Bertoos8 2 года назад +1

    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.

  • @sayaskye
    @sayaskye 2 года назад +6

    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

  • @leonelfressi
    @leonelfressi Год назад

    muchas gracias!

  • @emaaadelgado
    @emaaadelgado 2 года назад +2

    Me suscribo! excelente simulacion! podrias sacar mas videos de este estilo? especificamente orientados a React y JavaScript! Saludos !

  • @asbeldev3071
    @asbeldev3071 2 года назад +3

    Genial

  • @ricardotrejoruiz5776
    @ricardotrejoruiz5776 2 года назад +1

    funciones flecha son las lambda?

  • @signolivideos
    @signolivideos Год назад

    en react utilizo arrow functions porque las guardo en constantes y a diferencia de usar function este se puede modificar

  • @eduardomezagallardo2321
    @eduardomezagallardo2321 2 года назад +6

    Haz una de un nivel más avanzado. Buen contenido!

  • @rodsilva6927
    @rodsilva6927 2 года назад +9

    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

    • @hergoro84
      @hergoro84 2 года назад

      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.

    • @faustovii1085
      @faustovii1085 Год назад +1

      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

  • @matifiordelli3886
    @matifiordelli3886 Год назад

    Muy bueno

  • @luchodomizi
    @luchodomizi 2 года назад +3

    Tengo una entrevista en ésta semana, dios quiera que el entrevistador sea tan capo como vos Juan! jaja

    • @JuanOrtizDev
      @JuanOrtizDev  2 года назад +1

      Haha saludos lucho! Mucho exito en tu entrevista y gracias por ver el video

    • @nahueljj
      @nahueljj 2 года назад +2

      cuentanos como te fue y que te preguntaron

    • @RapidsLoader
      @RapidsLoader 2 года назад +6

      lo mataron

    • @Youdliketobuy
      @Youdliketobuy 2 года назад

      jajajaja

  • @francovedia5584
    @francovedia5584 Год назад

    gracias.

  • @MiguelRodriguez-hi7gw
    @MiguelRodriguez-hi7gw Год назад

    Ese es mi mentor

  • @ZzZz-dr7uq
    @ZzZz-dr7uq 2 года назад +2

    Ahora que lo veo, no le preguntaste nada sobre cors, No crees que sea necesario algo de conocimiento en eso?

  • @gab2050
    @gab2050 Год назад

    Para tener un año en front end dijo sabe un montón 😮

  • @ASOCMARCTKD
    @ASOCMARCTKD 9 месяцев назад +1

    Ahora en Inglés !!!

  • @camiloandresalvarezavila5837
    @camiloandresalvarezavila5837 2 года назад

    ¿como se llama el algoritmo que se usa para el tema de las actualizaciones en react?

  • @josedejesuslopezdiaz
    @josedejesuslopezdiaz 2 года назад

    ahi te va la mas dificil en front: como resuelvo un error de CORS en produccion que nunca se habia presantado hasta ahora ?

    • @oscargm1979
      @oscargm1979 2 года назад +5

      fácil: dejandolo para otro

  • @faranight1865
    @faranight1865 Год назад +2

    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)

    • @faustovii1085
      @faustovii1085 Год назад

      suena complejo pero es una boludez

    • @chinooox01
      @chinooox01 Год назад

      ​@@faustovii1085cual es ? Jaja

  • @jaimeirazabal
    @jaimeirazabal 2 года назад +2

    cual es el promedio de sueldo por pasar una entrevista como esta? en USD. gracias

    • @JuanOrtizDev
      @JuanOrtizDev  2 года назад +2

      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

    • @nahueljj
      @nahueljj 2 года назад

      @@JuanOrtizDev wtf y yo pidiendo 1,348 dolares para entrar de junior.

    • @betteroffdeadd
      @betteroffdeadd 2 года назад +1

      Depende mucho del país. En Argentina menos de USD 700/mes.

  • @keyberthrengel1087
    @keyberthrengel1087 2 года назад +1

    Me parece interesante estas entrevistas, me gustaria saber si es posible participar en alguna de ellas

    • @JuanOrtizDev
      @JuanOrtizDev  2 года назад +1

      Claro que si, escribeme en twitter amigo y nos ponemos de acuerdo

  • @elliberalismolibertari3897
    @elliberalismolibertari3897 2 года назад

    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...

  • @henry-do9bl
    @henry-do9bl 3 месяца назад +1

    olv se parece un monton a hitboxking

  • @jhoansebastian1358
    @jhoansebastian1358 2 года назад +2

    Hazme una entrevista a mi ajaj :)

  • @gpolancodev
    @gpolancodev 2 года назад +8

    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.

    • @oscargm1979
      @oscargm1979 2 года назад

      toda la razón

    • @MarcoAntonio-dm8yn
      @MarcoAntonio-dm8yn 2 года назад

      Entonces consideras que es mejor dar la respuesta lo mas precisa y entendible?
      Pregunto porque em algunas entrevistas puntúan cuanto hablas.

  • @miguel900030
    @miguel900030 2 года назад +1

    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?

    • @esneiderherrera7441
      @esneiderherrera7441 2 года назад +3

      En realidad lo que evaluaron fue la capacidad de escribir sin buscar codigo. Aca el 90% de las personas falla.

    • @erikguillen6599
      @erikguillen6599 2 года назад

      Sí hace poco hice un test y eao fue lo que me pidieron hacer

  • @CosmeValera
    @CosmeValera 11 месяцев назад

    37:11

  • @lukasahiasmoyano2673
    @lukasahiasmoyano2673 2 года назад +2

    Es argentino verdad?!jeje por qué cada vez que entra a hablar dice "un par "

    • @manuelscott9078
      @manuelscott9078 Год назад

    • @oscarvarela4196
      @oscarvarela4196 Год назад

      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

  • @bawual9223
    @bawual9223 2 года назад

    Falta claridad sobretodo con la dif de props y state

  • @juancarlosmaciasnajera4946
    @juancarlosmaciasnajera4946 2 года назад

    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

    • @elargento1
      @elargento1 Год назад

      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.

  • @manuelscott9078
    @manuelscott9078 Год назад

    10 meses y ya se considera junior advanced? mmm medio raro

  • @devnorth
    @devnorth Год назад +1

    Nos es que yo sea un crack pero me parecio recontra junior el entrevistado ...😕

  • @mayamamaicez9327
    @mayamamaicez9327 2 года назад +1

    Parpadea una banda un miedo me da XD

  • @Tinchoas19
    @Tinchoas19 Год назад +1

    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.

  • @hirammataavila6883
    @hirammataavila6883 2 года назад

    sin ningun hook se hubiera podido, no?

  • @christianirack
    @christianirack Год назад

    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...

  • @miguelolarte1889
    @miguelolarte1889 Год назад

    15:20 esta mas perdido que un moco en una oreja