Entrevista técnica de Angular ! todo lo que tienes que saber para pasar una entrevista técnica!
ฝัง
- เผยแพร่เมื่อ 8 ก.ค. 2024
- Buenas buenas mi gente !
Nuevo vídeo donde te hago una entrevista de Angular !!!
Vamos a simular que vienes a una entrevista para esta increíble empresa llamada “Gentleman Programming”, voy a hacerte un par de preguntar y vamos a ver cómo te va !!
No se olviden de poner sus respuestas en los comentarios :D
A por ello !
Si quieres hacer una donación:
streamelements.com/gentlemanp...
Vídeo sobre memory leaks y como resolverlos: • Cómo manejar Memory Le...
Playlist sobre programación web: • Qué es y cómo implemen...
▬ Links de interés ▬▬▬▬▬▬▬▬▬▬
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link al libro "Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación web": amzn.to/2ReBuzL - วิทยาศาสตร์และเทคโนโลยี
Aclaración por las dudas !!
entryComponents como atributo de los módulos ha sido deprecado a partir de la versión 9 de angular con la utilización de Ivy, (si quieres saber más de Ivy mira mi vídeo sobre el mismo).
Lo importante de este cambio es que ahora “ngtsc” pasa a ser el transpilador de Typescript - JavaScript y este se basa en una metodología donde la aparición de los decoradores en los archivos son transpilados a propiedades estáticas que se agregan en las clases a la que se los aplica.
Justo el único caso donde se necesita de la metadata contenida en el ngModule son los componentes ! Estos al poseer un decorador “@Component” tendrán su factory generada en el mismo archivo (la cual se puede acceder al importar el componente desde cualquier lugar) haciendo que ahora TODOS los componentes sean en si “entryComponents”
Igualmente lo expliqué para aquellas personas que todavía están utilizando versiones anteriores (se sorprenderían la cantidad), pero me olvide de hacer esta aclaración.
Gracias al gentleman mentor Carlos Josue Morales por hacérmelo notar.
Capo, gracias por compartir conocimiento, creo que esto es la base de esta hermosa comunidad de programadores.
Gracias, voy a estudiar éste video
Ojala todos los entrevistadores fueran tan buena y con buena predisposición para enseñarle al entrevistado! Excelente video, siempre hay algo nuevo que aprendo o una forma mas clara de ver los mismos conceptos.
Muchas gracias por las palabras Jerónimo ! La verdad que me encanta hacer entrevistas y ayudar en ellas, pero no muchos son así :( por mala suerte muchos lo hacen de manera desganada porque son obligadas a hacerlas
@@GentlemanProgramming es bueno saber que todavía hay gente dispuesta ayudar a al crecimiento de otras personas!
Muy bueno Gentle , esta re bueno lo que aportas a la comunidad. Abrazo !
8/12, muy buen video tengo tiempo en angular y algunas cosas no las tenia claras o las interpretaba a mi manera, pero con este video me has aclarado muchas cosas, no estoy muy alejado de la realidad, 10/10 el video amigo. Saludos desde Perú
Excelente! muy buen aporte!
Me brindó bastante ayuda. Me di cuenta de cosas que aun me faltaba reforzar muchas gracias = )
Excelente, ya estoy esperando la de React
Estuvo buenisima, gracias!!!
Amo tus vídeos! Gracias por compartir tu conocimiento.
Gracias a ti por mirar mi contenido ! Y lo voy a seguir compartiendo 🥰
Excelente video amigo, muchas gracias
Gracias! Me deu uma boa visão do que esperar de vagas mais seniores.
Excelente vídeo, nunca había pensado lo de lazy loading
Excelente, otra forma de apoyar a quienes estamos estudiando este Framework 💪
Esooo, ya se va a venir más contenido de angular ;)
Que bueno!!! Me re gusto el video, quiero más videos de este estilo. Grande Alan!
Gracias Daniel !!! está muy bueno para aprender y divertirse un rato :D
genial aprendí mucho de las preguntas
Poderoso!! muchas gracias por este video!!!
Totalmente !! Como te fue en la interview ? 🤓
Muy buen video, muchas gracias por compartir! No puedo decir que supe todas pero por lo menos la mitad las conocía jajajaja
Muy buena entrevista amigo. gracias
Muy buen video lo comprendi a la perfección, Muchas gracias!!
Gracias a ti Emilio por pasarte y dejarme un mensajitoooo
Excelente video, me fue relativamente bien jejejeje, solo me cai en aot/ jit y ng-content, justo me estoy iniciando como entrevistador y de verdad que es tremenda experiencia te hace reforzar los conceptos y te prepara para los nuevos, algo que se podría agregar al performance es el uso de ng-zone y change-detection-strategy que son parte importantísima cuando tenemos componentes que hacen llamadas concurrentes en pocos lapsos de tiempo, muchas gracias Alan de verdad sumas mucho. un abrazo.
Esoooo, justamente me encontré en esa posición al inicio de mi carrera como entrevistador :D
Siempre me gustó enseñar porque para poder hacerlo tienes que conocer muy bien lo que dices y te ayuda a afirmar conceptos
Diosssss donde estabas?? jajajaja lo mejor que he visto en TH-cam y algo que llevaba buscando hace rato!! Gracias Alan!!! Preciso lo necesitaba para hoy!!!
De nada Mauricio !!! Muy contento que te hayas unido al canal ! Ojalá te guste el resto del contenido 🤓
Viendo el video en x2 varias veces para refrescar conceptos... Gracias! Suerte a todos! Jaja
La primer pregunta ni idea. Jit y aot. Siempre aprendiendo cosas nuevas con vos genio.
Muchas gracias Emanuel !! 🤩
Eu quero agradecer por todo conhecimento compartilhado. Grande Abraço
EXCELENTE! THANX
Muy bueno me sirvió para saber mi nivel en Angular y puntos a mejorar.✌️
Genial krl4ulloa ! A continuar aprendiendo always !
¡Gracias!
Muchas muchas muchas gracias a tí Jonathan !! thanks for la donation
Excelente, para afianzar el lenguaje Tecnico del frame work
Totalmente! Espero que le hayas podido sacar provecho :D
Me encantó el video!
Yo agregaría preguntas como:
- Que es la DI en angular? Y porque usarlo en vez de un import?
- Composición vs Configuración / content projection
MUY buenas preguntas !!
Gracias!!!
muy bueno!
Amigo GOD muy bien video tengo una oportunidad en estos dias y estaba estudiando muchas gracias !!
De nada Nefastixxx!! Espero que te haya servido !
Que gran video. ☺️
Muchas gracias papache querido !! 🤓
Gracias tengo laburo nuevo! Llevo 5 años programando en angular, y siempre se me dificultó el tema de los conceptos, te sabia usar un imput y un output en efectos prácticos pero no sabia que se llamaban "directivas" y que el *ngfor *ngif eran directivas de estructura etc. La semana pasada me toco una entrevista con un Español (soy Argentino) que me violo con las preguntas, en la desesperación encontré este video y esta semana tuve 2 entrevistas y las 2 me salio perfecto y ya quede en una, gracias capo.
Let’s gooooooo !! Felicitaciones genialidad cósmica !!!
agradecido muyyyy bueno el video
Thaank you very much Alexander ! 😍😍
en un par de horas tengo entrevista técnica así que acá ando repasando! gracias!
Tu puedes locura !!!! Dime luego cómo te fue !
gracias por el dato de spinner lo voy a empezar a implementar
Buen video gracias
Me sorprendí la cantidad de respuestas que era capaz de responder, así no sean al 100%. Estoy arrancando Angular con tu canal y el de Leifer. Me gustaría saber cómo sería una entrevista para Jr. Saludos de Argentina Alan.
Hola Martín ! Tranquilo que una entrevista para junior generalmente se hacen las mismas preguntas, solo que cuando no se sabe responder no se pasa a una más difícil o profunda mejor dicho, sino que se pasa a otra de un mismo nivel. Es más que nada para ver cuánto sabe dicho junior
El mejor entrevistador lejos. Ojala fueran todos como usted señor.
Gracias Dieguin !!! Se lo quiere mucho
@@GentlemanProgramming Para sorpresa mía sabia casi todas las respuestas. 😀
Soy jr recien ascendido tengo que seguir aprendiendo!!!!!
Super interesante!
Súper súper ! Gracias por el comment Joel !
Gran vídeo, Alan, me ha fascinado, creo que no me fue muy bien, pero he aprendido mucho y tengo que estudiar mucho más. Mañana tengo una entrevista técnica de Angular y espero que gracias a este vídeo me vaya muy bien.
Por favor cuéntanos cómo te fue !!!
También checka mis vídeos de entrevistas sobre Javascript y luego el cómo pasar una entrevista desde el punto de vista de las soft skills:
Javascript: th-cam.com/video/QyVL2ZpQRpA/w-d-xo.html
SoftSkills: th-cam.com/video/vW4wTNd_3qY/w-d-xo.html
@@GentlemanProgramming Me fue muy bien, las preguntas que resuelves en este vídeo me ayudaron mucho, solo una de las preguntas que me hicieron que no supe fue ¿Para que sirve y en qué nos ayuda el Service Worker?
Este video debería tener muchas mas vistas y likes, 👍👍👍👍👍👍👍👍
No pasa nada !! lo importante es ayudar a la mayor cantidad de gente posible :) de a poquitito llegarán ;)
Escelente formato del vídeo, me sirvió para auto evaluarme. Resultado: soy senior Angular.
Felicitaciones !!! Genial Franklin :D
2:27 ese "mas o menos" sono muy gaspy jajaj. Excelente canal saludos
No conozco angular pero me está llamando mucha la atención, y las preguntas me sirvieron para tener una mejor visión de angular y debo ser sincero ... Me está gustando
Angular es hermoso !! genial para aprender también
Buenas preguntas para consolidar los conocimientos, tengo entrevista para un puesto en Angular en septiembre, espero estar listo. Gracias por tus buenos videos ...
Con de tuti Yasel ! Avísame cómo te fue luego !
Nota para los que vienen aún a refrescar la memoria. Para compartir información entre componentes no relacionados, también podrías perfectamente usar el state. Esto siempre y cuando sea haya determinado que es necesario usar NgRX por la arquitectura y flujo de datos de tu aplicación. Dato adicional: NgRX en el fondo usa Observables para manipular la data.
Buen video
Buenísimo, me estoy preparando para una entrevista técnica y me vino de diez. Por cierto, me costó más la primera mitad.
Genial !! Si, la primera mitad son bases que no muchos desarrollan 🤓
Me encantó tu vídeo, muy bien explicado, claro y preciso. Para agregar recuerdo que una vez me preguntaron la diferencia entre el Subjet y el Behaviorsubject, no sé si podrías explicar lo a groso modo, te agradecería de antemano y gracias por el conocimiento.
Yes sir ! Tengo un video justamente de Rxjs :) RxJS - La library más importante sobre observables !! 🙏🙏
th-cam.com/video/WhY33WyX0gE/w-d-xo.html
Me fue regular pero aprendí muchisisimo
Eso es lo importante !!! Nunca te desanimes todo es una oportunidad y hay que aprovecharlas
Como no te conocí antes? jaja... Eres un crack!
Ahora ya me conoces !! Alan Buscaglia alias Gentleman para servirle :)
Me creo Junior, pero pasé todas las preguntas (solo no sabia lo de ViewContent), seré Senior sin saberlo ? jeje... Muy bueno el video y la verdad que me dio mucha confianza para mis próximas entrevistas. GRACIAS!!
Muy bueno lo de la optimización! Vamos por más preguntas :D
Esperando el de RxJs :P
A mi me sirvió mucho para repasar teoría oxidada :D
Se va a venir !! Quiero crear una serie de vídeos de estos, algo para mejorar de este ? 😊
@@GentlemanProgramming No, estuvieron bien las preguntas. Si bien parecen pocas preguntas, entiendo que fue así por el tiempo del video. Pero muy buenas preguntas y muy buenas respuestas, ni tan cortas ni tan largas. Como si fuese una entrevista real. :D a la espera de más videos.
excelente el video 👏, me da pena admitir que estoy con Angular desde la versión 2 (debería pode responder a todo fácilmente) y no supe responder bien a todas las preguntas (sobre todo la 1 y la del min 19:40 (pensé que era servicio y ya pero es verdad que una vez sufrí con el tema del sincronismo y terminé haciendo otra cosa, no sabía lo de los observables para este tema) ), cuando entré en mi trabajo (experiencia Junior en puesto Ssr) aprendí todo de mi jefe pero fue una enseñanza tóxica la cual llevó a trabajar en un único proyecto gigante con Angular el cual se convirtió en un gran copia y pega con ligeras diferencias para hacer cosas similares, así por 4 años, además, cuando usaba cosas como renderer2 por ejemplo me decía que era algo mugriento 😅, gracias por este tipo de videos me ayudará a centrar mejor mis conocimientos.
No te preocupes ! Es normal lo que cuentas, por eso al inicio explico que es posible no saber todo ya que depende mucho de la experiencias vividas y el resultado de la entrevista se da con el match que se haga con el proyecto. Usa este vídeo como guía para ver en qué flaqueas y así progresar más :)
@@GentlemanProgramming muchas gracias por tu tiempo y por traernos este contenido, me vino como anillo al dedo 🙌
Me encanto el video Alan, esto me da una idea de en lo que estoy fallando. Seria genial un segundo listado posible o bien un recurso con estas preguntas para asi ir hilando conceptos. (Cuando uno no conoce del todo el framework, no sabe que es lo que no ha visto o le falta).
Yes Camilo ! Tenemos un link con todas las preguntas posibles en el discord de la comunidad, te invito a unirte !! También voy a hacer una segunda parte no te preocupes :D
@@GentlemanProgramming Muchas gracias Alan, voy a ingresar 😃
Buen video, se te olvido comentar en la pregunta del performance sobre el change detection strategy 12/12
Totalmenteee, OnPuh for the win
Bueno, con este video me di cuenta de todas las malas prácticas que tengo y de las que se salvan necesitan una pulidita jajaja, programo en Angular pero no sabía nada de teoría, ahora sé por donde partir para mejorar mi código... Gracias por el conocimiento resumido aportado.
Esooo, esa es la idea, pasate el jueves a las 10pm España por Twitch que vamos a hacer una app desde 0
@@GentlemanProgramming Listo, gracias! Por cierto debo darte las gracias porque sí pasé mi prueba técnica gracias a este video :D
@@safo3007 Vamoooo congrats my frieeeeeend
También falto mencionar la importancia de los componentes dinámicos con ViewContainerRef en la versión 13. En la compilación Angular convierte todo a Factorys, de hecho Angular esta hecho de Factorys.
También ! Hacia un mes que había salido la versión 13 y no quería introducirlo todavía por las dudas :) pero si que hice un vídeo de angular 13 para compensar ! Jajajaja
le di a todas menos al viewchild y viewcontend tengo que repasar mas, muy bueno el video.
No importa, muy bien !!!
Solo comprendi sobre directivas, ciclo de vida de un componente, pipes, mas o menos la diferencia entre promesa y observable, lazy loading del resto todas heavy's jajajajja pero ahi vamos aprendiendo angular es complejo pero hay que seguir practicando llevo poco conociendo este maravilloso framework
No importaaa, lo importante es ver qué nos falta, luego puedes volver a este vídeo para ver como te va luego de lo aprendido ;)
estoy por pasar una entrevista para un puesto con Angular, esto me viene bien como repaso :D
Dinos cómo te fueeeeeee !!!! y exitos sin miedo a nada, vamos que puedes
Genioo!! saludos desde Argentina, estaria genial una pero para junior, ya que en el video aclaras que es para senior.
No te preocupes ! Es para los dos :) son conceptos claros que todo desarrollador debe saber sobre angular y puedes usarlo como guía, si no puedes responder todo, solo te sitúa en una categoría diferente :D
@@GentlemanProgramming Buenísimo, sé que te especializas en angular, pero estaría copado uno igual, pero de react, no sé si estoy pidiendo mucho jajaj
@@agushaven para nada ;)
Que libro nos puedes recomendar para aprender mas a detalle de los conceptos antes mencionados. Saludos me gusto mucho tu video.
Hola ! NgBook es de los más famosos, luego también puedes ver el libro gratuito de rangle.io angular-training-guide.rangle.io
Buenisimo! esperamos la de React. ¿Para cuando sera? Un abrazo y eres un maquina!!
Está en el calendar jajaja tengo que buscar el tiempo nomas
@@GentlemanProgramming aleluya!
En tu pregunta 6, no recomiendo que digas que es la forma correcta, es una forma adecuada de hacer esto, hay otras mas dependiendo de el contexto, siempre y cuando arquitectura, la coercion y sinergia de tu app lo requiera, hay que entender que aquí hay muchos factores, por lo mismo no debes decir que es la forma correcta.
Es que es la forma correcta ! Jajaj
Esta muy bien lo que dices por eso explico los usos de cada opción y cuando hay que usar cada una. Para comunicar información de un padre a un hijo del hijo, o entre componentes hermanos, los observables son la forma correcta
Hola, buen video, pero tengo una duda en el min 22:34 hablas de los Input/Output, ya no recomiendas usar estos ? Es mejor usar Observables para todo?
Hola ! No es un tema de no usarlos, sino identificar aquellos casos donde los usamos incorrectamente. Para compartir información de un padre a un hijo no hay problema y está perfecto, sería la opción correcta, pero ya cuando tenemos que comunicar componentes que no disponen de una relación directa es cuando es mejor opción los observables
Conteste todas, donde aplico? Jajaja. Buen video
Vamooooo, exitos Cristian !!!
Bárbaro
Muchas gracias Moche !
Muy buen vídeo, pero me dejó con dudas sobre el AOT y el JIT, entendí el qué, pero no supe el cómo, es algo que hace por mí Angular o es algo que es necesario implementar tipo LazyLoad
Antes era manual ahora ya se hace por ti, todos usan AOT actualmente
recuerdo hace como un año me hicieron una entrevista y me preguntaron sobre el ng-content y me mataron nunca lo utilizo siempre utilizo otros metodos para enviar informacion entre elementos luego sobre los modulos no se porque no sabia lo que era a pesar de trabajar por mas de 5años en angular el cerebro me jugo una mala pasada estaba buscando la palabra module como alguna palabra reservada
Es normal ! Muchos nos trabamos en entrevistas, me ha pasado más de una vez !!
Hola! Buenísima info, te agradezco muchísimo! Tengo una consulta. Es mala practica usar un servicio para compartir el estado de la aplicación y/o comunicar componentes? Por ejemplo tres componentes que tenga inyectado un servicio y compartan el uso de una variable, por ej alguna que contenga un array. Por eso, no logro entender el problema de async utilizando un servicio, que mencionas en el video. Gracias!
Fíjate mis vídeos de programación reactiva ! Justo explicó el problema de ello…peeeero aquí te lo explico:
No hay problema siempre y cuando lo que compartas en el servicio sea un observable y no el arreglo en si, sino puedes tener problemas de condición de carrera donde el componente que popula la información lo hace luego de que el que la consume ya la haya pedido y tenga como resultado que no hay nada !
@@GentlemanProgramming Clarísimo. Mil gracias, realmente me sirve un montón! Voy a ver los videos. Saludos!
Yo tengo una duda, cuando hablas sobre las directivas. Porque las directivas son aquellas que tienen un decorador @Directive y los que mencionas son property binding. Lo que pasa es que un input puede tener el nombre del selector de la directiva. Estoy lo correcto ?
En verdad una directiva es el concepto de expandir la funcionalidad de un elemento del dom. ngIf, ngClassc ngFor, etc, son directivas propias de angular que ya vienen desde el vamos. Lugo uno como desarrollador puede utilizar el decorador @Directive para crear sus propias directivas y así agrega una funcionalidad propia a un elemento del Dom.
Un property binding es para poder realizar el pasaje de información entre padre e hijo. Luego en una directiva el uso de “[ ]” en el nombre del selector de misma, denota que es una directiva de estilo atributo, donde se va a utilizar como un atributo del elemento del DOM. Ej:
Esto es a lo que me refiero :) angular.io/guide/built-in-directives#built-in-attribute-directives
En el performance se te ha olvidado mencionar la detección del cambio con la estrategia OnPush... Fundamental!! 1 , 2 , 3 pup!
totalmente !! tengo un vídeo sobre el tema y todo, uno de los mejores recursos para aumentar performance
en la pregunta 7 me surgió una duda, si quiero acceder a la información de un div que se listando a través de un ng-for que utilizaría? porque no me funciona el ViewChild me devuelve undefined a la hora de cargar la pagina.
Tienes que utilizar el mismo elemento del dom ! ViewChild realmente lo uso muy pocas veces porque casi siempre hay una mejor forma de hacer las cosas. En tu caso, si quieres acceder a dicha información, a traves de un click por ejemplo, puedes usarlo tranquilamente desde el dom:
{{item.name}}
Solamente pasa el elemento como param y ya estarías !
@@GentlemanProgramming Claro, me explique mal, en mi caso yo quiero eliminar un icono al cargar la pagina pero a la hora de acceder al icono a través del método ngOninit o ngViewAfter me arroja undefined , lo estuve probando en javascript y si me elimina al cargar la pagina, la única solución que encontré fue poner un timer de 1 segundo en typescript para que así pueda reconocer los elementos:
{{item.icono}}
{{item.icono}}
algo así seria el código para ejemplificar un poco. No se si me explico.
@@joseacuna7014 yes, nuevamente hay mejores maneras !
Porque no usas un ng-if en el elemento y compruebas una condición ?
Creas una variable, a esa le pones un true cuando cargue el componente
Y en el ng if del elemento dices, si esta variable es true no te muestres :)
@@GentlemanProgramming eso no se me ocurrió, lo voy a intentar. Gracias!.
Performante == Optimizado
que significa performante?
palabra de dev para describir que va más rápido la pág XD viene de la palabra en inglés performance
2 horas de entrevista?
Como haces para cuadrar a alguien que ya esta trabajando para que se ausente 2 horas de su laburo?
Me parece excesivo.
Un saludo y excelente video...
Es lo normal ! Hay muchas empresas que piden más aún y con muchos steps. Todo se puede cuadrar si realmente te interesa la posición
Por
que el logo de los bigotes de Rappi?
No me considero senior pero si contestaré bien la mayoría v:
Vamos Diego a por ello !!
Cuando una en React? :D
Fíjate mi último post en la parte de comunidad :D
@@GentlemanProgramming jajajaja bueniisimo!!
@@vinzegonzalesgamboa1908 😏
Ya hasta nervioso estoy jaja :(
Noooo, nunca nervioso ! Es solo una oportunidad más para aprovechar, si no sabes algo te va a servir para otra ocasión y para encontrar donde flaqueas :D
@@GentlemanProgramming Totalmente de acuerdo contigo, me gusto mucho este video(aun no lo termino) porque no es alguno comun de encontrar.
Tengo una duda ¿Es indispensable saber mucho de CSS para poder obtener un trabajo de angular?
@@reytaquito5524 no sir peeero atento a mi siguiente interview basada en CSS ;)
@@GentlemanProgramming gracias por responder :)
Me fue bien, no respondí una, me ayuda para el síndrome del impostor
Esoooo, congrats ! Acabo de hacer una interview en twitch, voy a subir el vídeo esta semana :$
Ya hice la entrevista para sr Angular, 120 preguntas, 7 de angular 😐
saludos del abuelo faker
Vaaaamos abuelo faker !!!! se te extraña