35 preguntas de entrevista técnica para Frontend

[@AstrikoM1]

Me sentí identificado completamente JAJAJAJA. Excelente video!!

[@josee.payemamani5062]

x2

[@adriangonzalez7857]

Una clase es la plantilla para crear objetos, la cuál tiene métodos y atributos, el objecto es la instancia de la clase

[@damian1310]

Tal cual, no sé por qué respondió que una clase es un "objeto con superpoderes"

[@LeonidasEsteban]

Fallé ponme 0

[@juancarlosgomez77]

Jajaja yo también pensé lo mismo cuando Leónidas dijo eso de los súper poderes xD, y en JavaScript puede ser muy verdadero desde varios puntos de vista, empezando porque "todo" es un objeto en JavaScript.

[@armandorivera8230]

Pero en JS ni siquiera existen las clases XD

[@juancarlosgomez77]

@@armandorivera8230 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes

[@gjavier]

var: concede ámbito global (desaconsejo su uso por esta característica a menos que se esté seguro de lo que se quiere lograr). let: concede ámbito local. const: en variables primitivas no permite cambiar su valor ya que el identificador apunta al valor; en arreglos y objetos el identificador apunta a la referencia, por lo tanto se puede cambiar los valores mientras se conserve la referencia al arreglo u objeto (se mantenga constante la referencia). Espero se haya entendido.

[@milenacastro3159]

Los mixins en sass son pedazos de Código que podemos reutilizar por todo nuestro proyecto, con eso evitamos la repetición del mismo Código y minimizamos líneas de Código.

[@Autystar]

12:17 (Por si alguien le sirve) Los demás faltantes eran; Header, footer, figure, figcaption, hgroup, nav, section & time.

[@carlospinto6124]

De lo que he aprendido en JS tendría preguntas como: -Diferencia entre programación por prototipos y clases. -Que son las promesas y como funcionan en JS -la diferencia entre spread y rest (...) -diferencia entre una función flecha y una anónima. -que es una función de primera clase. -que es una función lambda -que significa (implica) que javascript sea un lenguaje asíncrono. Muchas más JS nunca deja de sorprenderme

[@richard3797]

Una función flecha no es lo mismo que una función anónima y así mismo para una función lambda?

[@hecmen84]

Excelente dinámica, estuve tratando de responder también y me alegra que pude responder varias tal como vos lo hiciste.

[@ForrestGumpband]

Leónidas has un live respondiendo los test de LinkedIn sería genial.

[@maucendon]

Let SI se puede redefinir fuera del scope donde fue definido primeramente. Da error si se trata de redefinir en el mismo bloque o scope

[@campagnamatias]

la respuesta 13. esta mal, porque dice para que sirve el ATRIBUTO "title" no el TAG "title" que son cosas distintas jaja

[@terraxted9280]

Parece que la pasé con unos cuantas que no sabía jijiji. Me encantó. Fue increíble. Excelente Video

[@LeonidasEsteban]

Que chido! No es tan difícil como parecen estas entrevistas

[@agusoteras]

Muy interesante, gran video!

[@alexanderrepollo1024]

15:24 te juro que yo también estuve así como "un objeto... pues es un objeto" XD jajajaja. Muy buen video! Pude responder la mayoría salvo las de SASS porque nunca lo vi, pero creo que el 75% de las preguntas las conteste bien :D.

[@CesarSanchez-uy9nt]

gracias por tus respuestas , te felicito por tu sinceridad respondiendo al momento

[@Magistrado1914]

Excelente vídeo Visto en 23/1//2021

[@LeonidasEsteban]

Graaascias

[@ThePolin19]

Wow ..respondí 29.. es decir estoy bien . Seguiré estudiando 😍😍😍, gracias SOS un crack ...

[@LeonidasEsteban]

Felicidades

[@Cacho-Carrock]

corregí, por favor, la parte de clases y objetos.

[@angelalmario8452]

me encanta la sinceridad en tus videos! fue genial esta entrevista!

[@jsaenzr]

Hola Leónidas. Sos genial por tu sinceridad y humildad. Saludos.

[@chelomancilla5691]

Excelente, gracias. Me estoy formando como fontend y me dio una idea de lo que puede ser una entrevista en un futuro. Está bien no saber todo y menos frente a la comunidad sin preparación. Mucho coraje leónidas 👏🏼👏🏼👏🏼👏🏼

[@miguelangelgodamolina1226]

lamentablemente me dijeron sabe como hacer mantenimiento y manejar bien ofimática ?

[@yonatancuervo3489]

jajajajajajajajajaja

[@miltonoscarflores6124]

eeeeeaa respondi casi 20 bien..el curso de html y css va rindiendo frutos de momento :D

[@juancarlosgomez77]

Me hizo recordar una pregunta que me hicieron, y fue, que es el scope en JavaScript y cómo funciona.. me rajé porqué fue mi primera entrevista en inglés y los nervios me jugaron una mala pasada 😭😭 y me puse a adivinar 😆😆

[@danielitop11]

Qué es el scope en Javascript?

[@jordisantamariaportoles8233]

@@danielitop11 el scope se le llama al ambito en el que una variable es accessible. En javascript por defecto, las variables tienen scope global para todo el programa "no solo su fichero", por ello es que es muy mala practica declarar las variables con var, se deben declarar con let o const.

[@sebaspudiente]

Desde el segundo 0:24 sentí que debía suscribirme

[@LeonidasEsteban]

Que bonito leer esto, seguro encuentras algún otro vídeo útil par tu carrera.

[@joshifuk]

Voy como.3 semanas dándole duro al HTML css y js y me sabía várias respuestas, mi camino está por buen camino ojalá

[@logaritm0651]

y ahora como vas amigo? cómo dividis los horarios para estudiar? estoy con css y hace 4 días termine´un curso de html, pero ya quiero comenzar a estudiar js, pero no lo hago para no mezclar tanta info con CSS. :/

[@joshifuk]

@@logaritm0651 sigue dándole, los proyectos(hay varios en youtube) que combinan las 3 herramientas te va ayudar , luego pasas a un framework como React.

[@ricardorien]

Espero estés mejor. Son buenas bases si respondes todo.

[@joshifuk]

@@ricardorien hola ricardo, me fue muy bien, la verdad, actualmente me encuentro trabajando en una empresa de Perú dandole servicios al scotia de toronto. me estoy especializando como frontend y la tecnología que uso es React

[@ricardorien]

@@joshifuk Brutal amigo. A mi me patearon el culo hoy.

[@maximiliamino1989]

Buen contenido leonidas! Me sirvio para saber como voy en conocimiento ..Te ganaste una sub!

[@juanfernandovilladiegomade9423]

Leonidas, gracias por estos vídeos aprendí mucho, y anima a no tener tantos nervios cuando hagan estás preguntas

[@tianosorio99]

Creo que me gustó mucho, porque te equivocaste en algunas, perp es la idea del video, responder como si estuvieras en una entrevista en vivo. Creo que es una joya de video porque al menos nos podemos preparar un poco. Saludos 💕

[@adhemarlafuente7812]

Nosotros lo llamamos joven!

[@pizzasperoni]

Muy buena, me hacen la misma entrevista en casi todos lados jaja.

[@koobraproyectos2548]

Buen video!!!

[@orlandog1979]

Ya hiciste las paces con Freddy? 😜..Genial tu canal Leo cada vez mas grande.

[@eduardocamposfrias9983]

La etiqueta modal si salió en HTML 5?

[@willystu10]

Alguien sabe si suelen ser de este estilo la mayoría de las entrevistas? Estoy estudiando desarrollo Full-Stack hace unos 3 meses y medio aprox, la parte del front ya la aprobe y me resultaron bastantes sencillas estas preguntas por suerte. Suelen tener mayor grado de dificultad ? De React en este caso ni se pregunto.

[@RubenERangel]

Hola Leo, gusto en saludarte, te tengo una que es y cómo está compuesto un modulo en angular

[@FernandoGoni-eq2hg]

9:38 jajajaja tuve la misma reaccion y dije lo mismo

[@diegosilvaai]

Muy interesante el video, para repasar conceptos y reaprender, estoy representandome como Fronted espero tener un poquito de suerte

[@LeonidasEsteban]

Mucho éxito!

[@kerwinjoelsandovalsanchez4031]

a mi ni me llaman para hacer la primera entrevista :`v jaja. Buen video me gustò mucho y respondi la mayorìa , exitos.

[@CrisTowi]

Muy Buen contenido!!!! Aunque dudaría del proceso de selección de una empresa que te hace preguntas tan especificas de sintaxis de un lenguaje de programación. Para mi, eso se aprende pero no hay problema si no lo sabes. Para eso está google. Es mejor preguntar conocimientos más generales de cómo funciona una aplicación, decisiones tecnológicas y arquitectura.

[@LeonidasEsteban]

Un poco dura 😂 yo cuando me va bien hago 6 preguntas

[@desaextremo]

Muchas gracias Leonidas, buen video.

[@john160797]

Excelente video!! Eres un crack!! Siempre aprendo con tus vídeos

[@CodingLover1]

La diferencia de let y var ,es que let solo tiene alcance dentro del bloque donde esta se crea ,por lo tanto para evitar tener que depurar linea tras linea por undefined es mejor usar SOLO let

[@joserosales9994]

muy video bro, me gusto mucho. Me suscribo

[@LUARLOBO]

Muy bien Leonidas! Sin Google y en caliente las preguntas

[@MrRomedina]

Buen video Leonidas, gracias

[@gogyuv]

9:44 nunca lo he hecho. diveria probar?

[@LeonidasEsteban]

Seguro que si, es útil para segmentar arrays

[@michaeltapiaalmidon1875]

Crack 💚❤️🇵🇪

[@GuitarAnime]

Muchas gracias Genio!!

[@AliLopez]

estuve respondiendo al mismo tiempo, fue como estar alli

[@LeonidasEsteban]

Que lindo comentario 👏

[@percytataje8763]

Pense que era el unico que confundia el slice con el splice xD xD

[@gabrielcarrasco5650]

Ya que dijiste pokeapi... Me suscribo.

[@gusrbaut]

Genial video!! Me recordaron las preguntas que hay en los tests de LinkedIn

[@gjavier]

Objeto es una instacia de una clase!! Si se está hablando de javascript vale aclarar que al utilizar clases, por debajo sigue utilizando prototipos.

[@Chupapingaa]

Respondí el 90% bien, ¿crees que ya debería postularme a trabajos como programador frontend?

[@LeonidasEsteban]

Con el rinengan seguro te aceptan en cualquier parte

[@PeriscopioAzul]

Corto y al punto! muy bien :D Sugerencia: también podrías haber puesto "la solución" como Caption mientras la decías :D

[@LeonidasEsteban]

Me dio pereza to be honest 😂 a ver si alguien se rifa las respuestas en los comentarios. 😬

[@katzekro]

hey muy bueno el contenido del vídeo, Saludos.

[@eutickdesign1192]

hola buen vídeo. deberías hacer un vídeo de paginas para buscar empleos de programación seria de gran ayuda. saludos

[@jordisantamariaportoles8233]

Me parece absurdo las entrevistas estas de trabajo que te dejan 1 horita o asi a hacerte rellenar este tipo de preguntas, como si te hicieran un examen. Basicamente ser capaz de responder estas preguntas no tiene porque significar nada a la hora de ser bueno programando o no. Ademas, todo lo que estan preguntando son cosas muy basicas, yo en mi dia a dia uso miles de cosas mas xD, muchas de ellas bastante mas complejas, como muchissimo esto puede tener algun sentido si es dirigido a alguien muy junior. Porque vamos, lo mas normal es que te pregunten cosas del estilo: Conoces react/angular o vue?, has usado typescript? sabes que es webpack? sabes que es docker? Cuando suelen preguntarte por css, html o javascript, suele ser porque buscan alguien muy junior para esa posicion y se suele notar mucho eso, lo que hace que uno con un minimo nivel ya ni siquiera quiera trabajar en tal sitio. Tambien nose si soy el único que le pasa, pero cuando vas a una entrevista, si estan interesados en contratarte, normalmente queda muy claro en el momento de la entrevista y te dan la respuesta en muy pocos dias. Si pasa una semana desde la entrevista, lo mas probable es que no te vayan a coger.

[@lubeckable]

se ve que tienes mucha experiencia en esto, las empresas grandes hacen este tipo de test? O como lo ves tu?

[@jordisantamariaportoles8233]

@@lubeckable hay algunas empresas grandes que suelen hacer este tipo de test, es porque te hace la entrevista alguien que no tiene ni idea de programacion, pero personalmente considero que eso da mucha mala imagen, es como si les valiera a cualquiera que sepa escribir unas linias de codigo, no valoren a sus trabajadores.

[@jordisantamariaportoles8233]

@@lubeckable del mismo modo, que si tu no les haces preguntas, es como si no estuvieras interesado en su empresa.

[@nicolasjimenez5432]

Como Front dev ¿Consideras necesario aprender Docker? Siempre he visto que es más para backends y devops.

[@jordisantamariaportoles8233]

@@nicolasjimenez5432 El frontend no suele trabajarse en una aplicación dockerizada. Pero probablemente necessites saber como funciona igual. Porque por ejemplos los pipelines de git o bitbucket para hacer deploy del código, entre muchas otras aplicaciones, hacen uso de docker y si no sabes los conceptos basicos de docker no sabras como resolver muchos de los problemas. Además cada vez mas, las empresas buscan un perfil mas tirando a fullstack, así que aunque te especializes en frontend, iria bien que tuvieras un pequeña base de conocimientos basicos de backend.

[@juancarlosgomez77]

Genial el vídeo!! Me gustó mucho, aunque en una parte la pregunta que leíste no correspondía con el texto e. Pantalla xD. Y debería hacer un vídeo sobre clases en JavaScript ya que mucho pueden confundirse con typescript

[@vaniaelizabethcardenasandrade]

Me preguntaron por HTML5 y las etiquetas semanticas !!!!

[@campagnamatias]

Ya creo que ni preguntas hacen, a mi me hicieron hacer puras pruebas técnicas de maquetacion, etc

[@CristopherPS]

21:54 Lo que quiso decir es que Vue solo anda mejorando lo que hace React y Angular jaja 😜

[@mochemiguel1233]

18:15: IIFE

[@flagno9999]

La pregunta dice : Tributo tittle, no etiqueta tittle... Consejo...siempre revisa las preguntas dos veces, en una entrevista yo calificó mucho el ser precavido

[@josegabrielpuente5546]

me matò las preguntas de Sass y test unitario, casi no sè aùn de ellos, pero lo demàs respondì bien o estuve cerca

[@CavalloGuido]

Jaja jamás en mi vida hice tablas con esas cosas son de los 90. Empecé a hacerlas con Flex y ahora con css grid. Por favor si una empresa te pide usarlas renuncia.. jaja

[@LeonidasEsteban]

Solo e-mails lamentablemente

[@jordisantamariaportoles8233]

Al usar el atributo table, ayudas a los navegadores a detectar que eso es una tabla, asi que realmente es bastante recomendado. Si por poderse, podrias usar solo div/span/input, pero no es para nada lo recomendable. Ademas, puedes usar table junto a flex o grid, una cosa no quita la otra lul.

[@CavalloGuido]

Si te interesa el SEO podés usar solo el Tag table y dentro usar diva y darle estilos por css! De esa forma el navegador puede saber que es una tabla y se puede complementar con el atributo role="table" tanto en filas y columnas respectivamente para su accesibilidad.

[@jordisantamariaportoles8233]

@@CavalloGuido la cosa es darle estilos directamente al tag table, hacer divs extras es horrible para SEO.

[@CavalloGuido]

Desde que trabajo con react, hacer divs de más no me preocupa. Muchas veces tenés componentes muy complejos y dinámicos los cuales necesitan de divs internos para estructurar. Probablemente el contenido que necesites que indexe suele ser simple. La complejidad está en los componentes que se aplican en pantallas bajo autenticación.

[@LuisAndresBlancoCarrasco]

Mala definicion de las diferencias de los tipos de variables , sus diferencias mas grandes radican en el scope de estas

[@zwwx2142]

Y yo empezando en programación dicen que está saturado 🥴🥴😔👍

[@alejandrocastillov]

Super el video muchas gracias, me sorpredí al ver que ya conozco varios conceptos, faltan algunos pero precisamente ejercicios como estos sirven a la hora de entrenar para una entrevista y si, aun estoy buscando como configurar bien sass en webpack porque no lo dijiste ni en el curso de 2017 ni en el de webpack 4 seria bueno que apareciera

[@LeonidasEsteban]

Juro que hay un apartado de prepros en webpack

[@alejandrocastillov]

@@LeonidasEsteban Gracias por responder Leonidas, Retiro lo dicho tienes toda la razón ya lo encontré explicas como configurar no solo sass sino less y stylus, incluso postcss, ya lo logré y puedo seguir construyendo mi pagina de portafolio muchas gracias!

[@thedevdudeyt]

en js falto == vs === muchos fallan esa! xD

[@JhonyHDV]

30/35

[@marktulsoto8685]

NO lo Se... pero.... si esto fuera para un desarrollador junior que no sepa mucho de fronted, se rajaria descomunalmente en la entrevista, la verdad es que las empresas deberian tener buenas estrategias para medir el conocimiento de un desarrollador sin involucrar cosas tan puntuales y especificas del lenguaje... ya seria diferente si fuera para contratar a alguien senior en esa tecnologia, pero para desarrolladores junior, no lo veo muy adecuado.

[@AnthonyCode]

yo hago tablas era : TD

[@LeonidasEsteban]

Lo sabía...un clásico luego de cada entrevista.

[@franmartin2758]

Interesante las preguntas , Hoy sábado vas hacer livelivecoding??

[@juaniera7597]

const si se puede cambiar el valor, lo que no se puede es cambiar el tipo de dato

[@panarenga1]

Muy bueno tener una lista de preguntas para practicar, pero a nivel didactico el video no sirve porque das respuestas erroneas en algunos casos y ni lo aclaras editando el mismo. Bien igual

[@LeonidasEsteban]

Pero si estoy dando las respuestas en caliente por eso hasta me equivoco

[@solgarciacba]

esas no son preguntas reales de Front

[@LeonidasEsteban]

Déjame en comentarios más preguntas para hacer esa 2da parte. Con súper gusto las abordo.

[@solgarciacba]

son demasiado simples

[@LuisCabrera]

Como colocar un comentario en html, facil ctrl +... Jajaja

[@jordisantamariaportoles8233]

xd, para mi el comment es ctrl shift /

[@ciudadanox3523]

Kunno? No mames! "Modelo" programador y "cantante" y le gusta que l@ respeten...

[@criss27oana]

Tu no buscas empleo, a que no?!! jajaja

[@developertechnology3880]

No esta tan difícil. Si vieras los de Java cagaras sangre.

[@CarlosGutierrez-pn5fb]

jajaja