How to prepare your Frontend System Design Interview

[@tenaciousbali]

Please keep continuing teaching like this...I've seen so many system design videos but none of them had the clarity of the mind- map you gave. Kudos!!!

[@g01dHaCkEr]

Thanks for this, I really liked the way you broke this down. The use of the mindmap was very helpful, too.

[@icodeit.juntao]

Thanks, glad you like it.

[@FreddyRangel85]

Your channel is criminally under-subscribed. This is fantastic content.

[@icodeit.juntao]

Thank you so much for your feedback, really appreciate it.

[@Travelmoo]

the mind map is top-notch, I think thats how one must go about every problem statement on systems design. Thanks !

[@eSentrik]

agreed

[@icodeit.juntao]

I've put the resources into a repo: github.com/abruzzi/system-design-interview-fe, feel free to download it

[@MykolaBuhai]

Thank you

[@alexp6869]

Thanks for sharing!

[@nikolamiticdev]

Am I the only one asking himself how is this frontend? I there are 5 topics on which I do not need to be an expert on, but there are expecting me to actually know what I am talking about HOW is this not fullstack or backend?

[@icodeit.juntao]

I think that's a valid point, but like many other things in the industry there isn't a clear boundary between FE or BE or fullstack, especially in current circumstances where the employer has more choice than people who are looking for opportunities (not saying I agree with it but that's what it is). From my experience, for the same position, you will have a higher chance if you have the whole picture in your mind, or if you have some experience on integrate with other parts of software development lifecycle than the pure FE experts. Hope it helps.

[@anveio]

Many companies treat front end engineers as a superset of an SDE, as in you're expected to meet the average bar for an SDE at the same level but show exceptional strength in frontend skills. So you'll need to know all this at a minimum. To show your frontend chops you can expound on the user experience portion: how are you managing state? How are error messages being surfaced? How are you implementing routing? Cross browser compatibility? Different screen sizes? And there's much more to dive into for accessibility

[@muizuvais]

3:04 what is Alex's video? do you have a link?

[@icodeit.juntao]

Sorry, should have said it more clearly, I'm referring the author of the pdnd Alex Rearadon. The video can be found here: kzbin.info/www/bejne/a4S0nIKvr79_fq8

[@rattapumputtaraksa368]

Thank you for your video, I get to know more about how to separate the topics 🎉

[@KevinBeal-u9f]

Very clear diagram. Thank you!

[@ilovechely]

That was really helpful, thanks for the content!

[@icodeit.juntao]

Thanks, @ilovechely.

[@lesg1987]

Amazing working mate, thank you so much for sharing

[@icodeit.juntao]

Glad you enjoyed it

[@bifidoc]

i think talking about cicd is overkill on a design interview, whether it's frontend or backend :)

[@icodeit.juntao]

Yeah, sometimes it's asked by the interviewers - I think it's great to know how the software is build and delivered as a whole process tho.

[@degamer106]

Could you do a video of a mock interview for Front End System Design interview?

[@icodeit.juntao]

Hi @degamer106, I'll try to make one once I finish my onboarding. Thanks!

[@LachlanMiller]

Great presentation!

[@headiez5989]

This is helpful, thanks!

[@samatzhetibaev8045]

Can you share this mind map? And what app did you use?

[@icodeit.juntao]

Sure, I used XMind to generate such mind maps; I'll share the image on a GitHub repo so that people can all download it.

[@icodeit.juntao]

Hi mate, I've put it into a repo: github.com/abruzzi/system-design-interview-fe so you can download it there.

[@GameboyZoneRocks]

@@icodeit.juntao - Great video. This link should go under the video description.

[@Dopamine432]

thank you very much for this 👌🏻

[@g_pazzini]

do we have to memorize all of these stacks? that would be nightmare

[@icodeit.juntao]

It just takes a bit of time. You don't have to remember everything, you should try them on either your project or a side project, and once you really have done it once, then they just stick. :)

[@udaysharma4600]

This is what I need Thanks alot ❤

[@Fam-m4i]

I need this roadmap . How can I get it?

[@icodeit.juntao]

Drop me an email and I can send it to you.

[@mario-cu6gq]

thanks for the content

[@icodeit.juntao]

My pleasure!

[@harshilparmar9076]

This is awesome Man 💯

[@icodeit.juntao]

Thanks mate

[@thealpha_9]

Thanks!

[@hoangtranvanhuy6154]

Thank you :D

[@SR-zi1pw]

Nice video really helpful

[@icodeit.juntao]

Thanks, glad it helps