TOP 5 Angular Interview Questions and Answers (for experienced, 2020)

Подписаться 49 тыс.

Просмотров 74 тыс.

50% 1

🔥 Increase your chance to pass successfully Angular interview with my new course:
courses.decodedfrontend.io/co...
Hello Guys! There is no coding for today but another quite important topic instead. Today I will share with you my TOP 5 interview questions which I ask on every interview for the Angular position. In my previous job, I interviewed people quite a lot and I realized that I have some core questions which in my opinion kind of a base or a core which should every angular developer know very well. In this video, we will talk about the advantages and disadvantages in Angular, Change detection, Dependency injections, Reactive programming, and RxJs, and application performance optimization. This video is experimental and I do not know how you guys will accept this video format but I hope anyway that it will bring some value for you and do not forget also to leave your feedback in the comments :) Thank you for your attention and enjoy watching!
📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣
bit.ly/angular-material-themi...
✅ Use 10%-off coupon code: RU-vid_DISCOUNT (Only 2 coupons left)
📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣
bit.ly/complete-hasura-course
✅ 20%-off coupon code: HASURA-EASY-START
Check out my videos about Angular Material Library:
• Angular Material
Check out my videos about Angular CDK:
• Angular Material CDK
🔗 Links:
Great Article about Change Detection:
indepth.dev/a-gentle-introduc...
More about Dependency Injection:
angular.io/guide/dependency-i...
About RxJs:
angular.io/guide/observables
About RxJs subjects:
www.learnrxjs.io/learn-rxjs/s...

Наука

Опубликовано:

29 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 137

@DecodedFrontend 3 года назад

The best way to prepare for an upcoming interview is Mock-Interview! In my new course "Angular Interview Hacking" you can get an option to have a mock interview with Google Developer Expert in Angular and get access to a constantly growing database of the most popular Angular interview questions and detailed answers! Check this out here: courses.decodedfrontend.io/courses/angular-interview-hacking

@gvr4ik 3 года назад

More optimizations techniques: runOutsideAngular heavy scripts or 3rd party libraries, detach view from change detection, lazy-load components via dynamic imports, avoid many *ngIfs, ngSwitches in templates and use dynamic components, virtual scroll for large lists, server-side pagination, caching, service-workers.

@DecodedFrontend 3 года назад

Excellent! :) I feel you would pass my interview ;)

@user-ch8np4oh5r 4 месяца назад

What do you mean by "detach view from change detection"?

@pwrDolphin 2 месяца назад

@@user-ch8np4oh5r, detach() method of ChangeDetectorRef class. So it basically let us turn off change detection. When it's needed - it can be turned on back with reattach(), followed by manual start of change detection cycle with detectChanges().

@DecodedFrontend 3 года назад

Hi guys, There is no coding for today. Instead I decided to share with you my TOP 5 Angular interview questions. This is kind of experimental video, so please let me know if you like it and if you are interested in more videos like this. Any feedback is important and appreciated. Thank you 🙏🏻

@aswathyrenju8828 Год назад

Have shared any video on Angular unit testing?

@pwrDolphin 2 года назад

Greetings from Kyiv :) Spent my last week searching new job as Front-End Developer with Angular. Can strongly confirm that all questions you mentioned - I heard them myself. DI and CD are really primary patterns in Angular and developer should know its native implementations. ps. btw, most of advanced topics I was asked during tech-interview are covered here, explained by Dmytro. Got 5+ job offers eventually.

@Sammorris207 2 года назад

Congratulations

@kubekittechnology7607 3 года назад

Currently, one of the best Angular channel!

@eppachan 2 года назад

Really good stuff. Expecting another set of interview questions.

@anasamir6141 3 года назад

Hey Dmytro! I just wanna say thanks because I just landed a fully remote Angular job by watching your videos. All the questions during my technical interview were spot on! Keep up the good work. Could grab you a beer if I see you in Austria someday 🤣

@DecodedFrontend 3 года назад

Wow, well done! Congratulations with a new Job and wish you huge success there🎉 I am super happy that my videos helped you with preparation, stories like yours inspire me! P.s looking forward to see you in Austria 😅🍻

@giorgimerabishvili8194 3 года назад

Absolutely great channel!

@ahmedsokar2909 2 года назад

@Decoded Frontend change detection, page load, UX improvements, Server-side rendering with Angular Universal, Lazy load routes, Optimizing bundling and preloading , Cache HTTP calls and Cache static content using Angular PWA, Using trackBy in ngFor . The way you should go about any improvement in a system is that you should first identify bottlenecks

@atulgupta426 3 года назад

Hey Dmytro! Nice content!!! I appriciate your explanation of topic... Thanks for being here...

@valikonen 3 года назад

You'll never escape without "Different type of subjects" :)), but yes, your points of view are very real.

@williamxsp 2 года назад

Dude, your content is amazing. Keep up with these great videos. Thanks from 🇧🇷

@DecodedFrontend 2 года назад

Thank you William! Glad you like it ;)

@gervisbermudez 3 года назад

OMG thanks for sharing this video, I love you! ❣️

@DecodedFrontend 3 года назад

You are so welcome!

@prangnana 2 года назад

Thanks Decoded Frontend for sharing quality knowledge

@AnuragSingh-ev8qd 3 года назад

Hi.. I'm your new subscriber and I literally loving the complex topics and techniques you use to explain things..just amazing. A new fan along with a subscriber. Thanks a lot!

@DecodedFrontend 3 года назад

Thank you so much 🙂

@radvilardian740 3 года назад

I always comeback to this channel. Thanks for the fun 🙏

@carlosabud 3 года назад

Hey man - nice content, really appreciate your work. Thanks. Cheers from Argentina

@DecodedFrontend 3 года назад

My pleasure! 😉

@SappaduReady 3 года назад

Much appreciation from India! Thanks

@MeetPatel_01 3 месяца назад

even after 3 years, your content really helpful to understand complex topics, thank you.

@gustavo9758 2 года назад

I'm about to apply for an Angular position and this seems really useful, thanks!

@marekkazimierczak9210 Год назад

All right! So I'll mention your YT channel, as a good source of Angular news on my following job interview 😄

@kamalendubaidya6515 2 года назад

Hello Dmytro !! Best wishes from India, I love to watch your videos - the content is un-paralleled. In this video on the optimization topic - I think we should also mention the output compression e.x. gz compression, brotli compression from web server end which also decreases the bundled js files. Just a thought. Thanks again and keep making these wonderful videos.

@pawansahu8605 3 года назад

very nice explanation, i am fan of your knowledge. 👍

@shrinath213 3 года назад

Hi Dmytro, unique and really helpful videos. Keep up the good work :D

@DecodedFrontend 3 года назад

Thank you! I am glad to hear it. will keep it up for sure ;)

@azeemjoseph3946 2 года назад

Thanks for such a great video....!!

@A9kit.k 3 года назад

Such a helpful video, thanks

@pedrinhofernandes 3 года назад

Great topics for interviews!

@adiscivgin 3 года назад

Nice content, really appreciate your work. Thanks

@DecodedFrontend 3 года назад

My pleasure!

@ahmedsokar2909 2 года назад

Hey Dmytro @Decoded Frontend In the difference between observables & promises: In Observables: It stops(cancellable) when we use unsubscribe() method , and subscribe() method is responsible for the error handling process In Promises: It does not stop(not cancellable) and push errors to child promises

@marib8177 3 года назад

Great tips. Thank you.

@DecodedFrontend 3 года назад

Glad it was helpful!

@avnerhattab765 2 года назад

very good content !

@_cipriangg_ 2 года назад

Awesome!

@user-ir4ug1kt4e 3 года назад

very nice! Thanks!

@DecodedFrontend 3 года назад

спасибо ;)

@vijaykanthdondapati4340 3 года назад

You nailed it thanks 👍

@DecodedFrontend 2 года назад

Glad it helped

@PP-po3ri 2 года назад

Good content. I just got a job as a mid front-end developer and want to develop my skills before starting my new job :)

@lastrafda519 3 года назад

Hi, thanks for your videos. I'm currently working as a frontend developer using React but I love Angular and I find your channel very useful. Stay safe

@DecodedFrontend 3 года назад

I appreciate it! Thank you very much and stay safe too 😊

@denisbielishev 3 года назад

If you talk about performance, we can also use: WebWorkers; preloading; runOutsideAngular, cdr.detach, reatach; memoization function etc.

@DecodedFrontend 3 года назад

Excellent! 😉

@Johnny1864 3 года назад

Thank you! Very Helpful

@DecodedFrontend 3 года назад

Johnny thank you for feedback:)

@cassbritz1404 3 года назад

Have you done any videos with a little more details on RxJs, observables and promises (within Angular)? I'd love more information about basic concepts but also about best practices. For example, we were taught to where possible always use pipe->takeUntil rather than manual subscriptions. What situation would we use a promise? I personally have never had a need to/learned how to use it, so I would love to learn this. Maybe also tips about the Map operations like switchMap vs ExhaustMap. Outer observables vs inner ones.

@JsDevUA 2 года назад

Good job! There is one more subject in RxJS => Void subject

@melissaarias2444 3 года назад

New subscriber here 😀 I like this content. I hope we can see advanced topics/tutorials about angular 🔥

@DecodedFrontend 3 года назад

Welcome and thank you for feedback, Melissa! :) There are already advanced tutorial on the channel you can already check out. There are some playlists: 1) About complex form controls ru-vid.com/group/PLX7eV3JL9sfkgIka4CmlLMkErbaVPe4LC 2) About Angular CDK ru-vid.com/group/PLX7eV3JL9sfkdwkADI4PVDmNins_fO_vp

@melissaarias2444 3 года назад

@@DecodedFrontend Great. I'll take a look. 🔥🔥 Thanks!!!

@dmitriy5906 3 года назад

hey great video. it show me things I missed but it would be also super to have more detailed explanation Thanks a lot

@DecodedFrontend 3 года назад

Hi! Thank you😊 the thing is that I was not sure that this format and this topic will be interesting for my subscribers, so it was just validation of an idea. If I see that there is demand I will extend the answers in next videos but thank you for feedback it was very important hint😊

@MehdiGlz 3 года назад

I'd like to add advanced Pipe knowledge and experience as requirement for senior positions. We didn't use a lot of Pipes in my last job, but so far many interviews have asked about pipes, conceptually how do they work, what does each decorator mean and what is happening "under the hood" broadly. I was directly asked about what is it you have to modify or override whenever you're creating a custom pipe.

@DecodedFrontend 3 года назад

Hi, Yes, for sure Pipes are very important and experienced developers should be aware of it. In this video I just wanted to highlight top 5 essential things. My logic was like: if a candidate has no idea how Change Detection works - it doesn't matter already if he/she knows Pipes and what the difference between pure/impure pipes etc. Most probably candidate will not be able to build efficient Angular App without knowledge about change detection or DI. So these 5 questions for me as a guard: if someone can pass it then it makes sense to ask about forms, pipes, router etc depending on a project :)

@SonuSindhu 3 года назад

"then" is for Promise not observable. Great content 👍

@DecodedFrontend 3 года назад

Hi, Thanks! Yes, of course "then" and "catch" is for Promise. I just misspoke

@blues227 2 года назад

Excellent job 👏🏻 0

@behramb.1644 3 года назад

Thanks for your good great video. You must continue, expression, good language. I'm a foreign person but understand you. It should be just like that.

@DecodedFrontend 3 года назад

Thank you very much! I am glad to hear it! :)

@faridakhoja9026 3 года назад

Nice template , I will use this to test candidates 😛

@DecodedFrontend 3 года назад

Farida Khoja sure! 😉 if you also have some interesting questions please do not hesitate to share them as well

@minigeek 3 года назад

i did that subscribe inside subscribe thing.. i even do it it today.. thank god I found this video.. now I know m bad programmer

@DecodedFrontend 3 года назад

We are all learning, do not worry :) Thanks for feedback!

@biosgl 2 года назад

Questions regarding unit testing would be helpful as well

@rafalkoduje 3 года назад

Hi, it is your next interesting video. I would add to your question list one more - when you use react driven forms instead of template driven forms. And from that point I would come smoothly to the differences between these two. Forms are used in almost every app, so I think it nice to learn candidate's knowledge in this area.

@DecodedFrontend 3 года назад

Hi! Yeah, it is also worth to mention forms you are right. In the pt.2 I will definitely include it :)

@sergeymigel4680 8 месяцев назад

Point about Optimization - can be as separate video. Little bit complex to understand it in briefly descr.... Thank you!

@samuelpariona7870 2 года назад

Hey man, do you have or plan a course about microfrontends with angular?, ps: your videos are cool

@ganesh56789 3 года назад

Thank you

@sanjaythorat8521 3 года назад

@Decoded Frontend, First of all thanks for sharing such valuable knowledge, appreciated. Regarding Observable Vs Promise. Is it really a good interview question for any angular expert who did not worked with promise. Its not necessary to understand promise for interview purpose. Just a thought bcz since the beginning of Angular 2 I have been using observables only.

@jaysoncustodio21 Год назад

nice man

@pawansahu8605 3 года назад

Please create scenario based questions as well, we can learn from you.

@DecodedFrontend 3 года назад

Thanks for suggestion! I will think about it 🙂

@navnathjadhav9111 3 года назад

Good video

@DecodedFrontend 3 года назад

Thanks🙂

@nuZdarova 2 года назад

Thank you

@tomekczajka5165 21 день назад

Important, always missed by juniors, trackBy function

@uaplatformacomua 4 месяца назад

Brotli compression is awesome optimization method

@atnguyen3075 2 года назад

Hi Dmytro, could you do a video like this for advance level, very appreciate it

@ManishGupta-ww8tg 3 года назад

It will help me in interview... Please add something for reactjs...

@m.hjabbari1563 3 года назад

You can unsubscribe in observables but in promises you can not. ( for memory things )

@DecodedFrontend 3 года назад

Hi! Thank you 😊 yep exactly, You are absolutely right!

@hiteshsuthar1097 Год назад

Thanks

@mabos555 3 года назад

as for optiminzations: what do you think about polling? also I know that not using the ngModel for templated form and just use reactive forms instead is better for perfomance since there is no actually need to use another directive in the middle just for form validations and such.

@DecodedFrontend 3 года назад

I think polling solves different task, it just asks server for updates. However... you know, you might be right. In some cases it can be used as a one of optimizations technique. As example I remember that Twitter used to show just a counter of how many new twits you have and in order to load all of them you had to click on this banner, so it can optimize your app as well to some extent because definitely counting operation should be faster rather then fetching of whole tweet but it is just my suggestion:)

@mabos555 3 года назад

@@DecodedFrontend thanks, yeah sometimes we just need to use polling mechanism somehow and about the difference between reactive vs templated form control?

@DecodedFrontend 3 года назад

Regarding forms can say nothing because I hear it first time and I would need some research there. Reactive Forms are more flexible and easier to reuse but if it improves performance I don’t know (yet) 😄

@sudeshkodavoor548 3 года назад

@10.43 it should be promise I think 😀

@DecodedFrontend 3 года назад

yeah... of course you right it should have been Promise :) Sorry, I misspelt. I am impressed how carefully you are listening to 😀 Thank you!

@Aliakbaresmaeiliiii 4 месяца назад

Bro, Now i see a Realy senior angular developer

@designxperts9815 3 года назад

AOT aslo will help us to optimize angular application

@DecodedFrontend 3 года назад

Exactly! Fortunately from Angular 9 it is by default

@sulaimantriarjo8097 3 года назад

Nice guide you made there. I have question regarding subscription. In angular httpmodule use observable by default. Do i need to unsubcribe in each call api ?

@DecodedFrontend 3 года назад

Hi :) Usually you don’t need to unsubscribe for this kind of observables because Angular will care about it

@joydeeprony89 3 года назад

Just a suggestion, it would be really helpful if you could explain the concept with the real project code snippets.

@DecodedFrontend 3 года назад

Hi, thank you for your feedback! I understand your point. For me it was also a dilemma “to include snippets or not” but with snippets and more detailed explanation the video would be around at least 1.5 hour and I decided to go without it but I will cover the most interesting parts in separate videos (Change detection, DI etc). Sorry for inconvenience

@rendez-vousausommet1807 Год назад

What is the best architecture pattern for building angular ?

@chinthanagunasekara7469 3 года назад

Hey, this really help. One point ,10:45 should be promise, is it?

@DecodedFrontend 2 года назад

Yes, exactly! Sorry I just misspelled it :) Of course it was Promise

@OldProGaming 2 года назад

Can I say that observable operations are micro tasks and promises are macrotasks?

@DecodedFrontend 2 года назад

Hi Manos! Not, really. You can say that promise is always microtask but with Observables it is trickier because it depends which scheduler is being used for Observable. In fact you can run observable as micro- or macrotask or even synchronous.. many observables executed as macrotask but you can’t claim that all of them are macrotasks. I have a great video about this topic, you can check it out here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--OhAR6l-Q0Q.html

@hansschenker Год назад

Your Angular Interview on Angular Interview!

@mabos555 3 года назад

question: as for the Dep Injection part, what about the root? if angular can't find the dep. in the parents or the module, won't he check it in the root? for example by creating your own service and configure it to provide forRoot in the app.module (which is still consider to search in the module I guess)... anyway how can I : a. answer the same question but this time mention the services. b. answer the same question but this time mention the root. thanks

@DecodedFrontend 3 года назад

Hi! :) thanks for the question. I have the whole video series about DI in Angular where you can find answer to your questions. You can start from here - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-G8zXugcYd7o.html

@davidontiveros2895 2 года назад

Hahahhaha the ngZone explanation. “Ng” and “zone”

@DecodedFrontend 2 года назад

Yeah, sometimes you can hear a lot of 'interesting stuff' :D

@omgItsGreg 2 года назад

I thought I was pretty experienced in Angular.. turns out I'm still missing a lot :|

@ashimbera23 3 года назад

Observables have many operators not promise

@DecodedFrontend 3 года назад

Yes, exactly:)

@kiki201203 2 года назад

none of these question were asked in the interview. :(

@DecodedFrontend 2 года назад

To be honest, I am very surprised. Those are essentials that is hard to avoid. However, I would be very grateful if you could tell some questions you were asked? Thank you!

@alfredma3225 3 года назад

Not so easy to find even an Angular interview in Hong Kong sadly.

@DecodedFrontend 3 года назад

Sorry to hear that :(

@frontend3409 Год назад

10:41 Promise*

@mukeshp12 2 года назад

small mistake at duartion 10:44 instead of promise you said obsevable has then and catch method. not pointing out your mistake, just want to clear other peoples concep.

@multigladiator384 Год назад

Injection is very storng. I love this pattern. For example I provide an Authentification Service in the app.module.ts or app.component.ts. This service will be created once and exist as long as the program runs. Now we can simply inject this service everywhere we need it, for example in a login component. Also we can inject it into other services which may need authentification infos (for example header with accessToken for jwt) for their http transactions. For the HttpClient I am actually not sure if it would be better to use the Authentification Services HttpClient or give the besaid service its own HttpClient... Anyway those services which use the authentification service can be provided anywhere (app-level or component-level) and automatically get the Authentification Service injected on construction/instantiation. Super cool. I also wrote my own "DialogHandler" which uses Angular Materials Dialog things and is injectable itself. In it I define methods for opening "concrete" Dialogs, which I could need in my app (Confirmation Dialog, etc...). If I have a component which opens dialogs I simply inject the DialogHandler and have all I need. If I defined new Dialog Components I simply add a new method to the DialogHandler and done.

@mugatu2017 Год назад

resolver

@nagendradevara1 3 года назад

I like 🅰️

@hexadecimalhexadecimal5241 Год назад

In another video is saw : Interviewer how many years of angular xp do you have? Interviewee : 2 years Interviewer : what's the default port for angular? Interviewee : *no response*