🚀
Crack Top Product-Based Company
Frontend Interviews
● Webinar Title: Crack Top Product-Based Company Frontend Interviews
● Date: 12/01/2024
● Time: 7:00 PM
● Presented by: Mitesh Kumar
● Contact Info: itsmiteshkumar98@[Link]
● Registration Link: [Link]
● LinkedIn Profile : [Link]
Introduction
Welcome Everyone! 🎉
● Thank you for joining this webinar.
● I’m Mitesh Kumar, a Senior Software Engineer at RedHat passionate
about helping others crack interviews for top product-based companies.
● I would like everyone to introduce themselves to get insight into my
audience .
Agenda for Today:
1. Resume Building
2. JavaScript Preparation
3. Machine Coding Rounds
4. DSA for Frontend Interviews
5. Frontend System Design
6. Managerial Round Tips
Why This Webinar?
● Many candidates struggle with:
○ Getting interview calls.
○ Knowing what topics to prepare.
○ Finding the right resources.
● This webinar will provide a step-by-step guide and actionable resources
to help you succeed.
Path to Ace Frontend Interview by Mitesh Kumar
[Link]
b9ac7d1d5816dafb4000ccba59bbe
Resume Building
Tips to Create a Standout Resume:
● Always mention the business impact and tech impact
● Keep it clean and concise (1-2 pages).
● Highlight your key projects and skills.
● Talk in numbers or Quantify your achievements (e.g., “Improved page load
time by 30%”).
Few more tips to get call
● Be Active on Linkedin , buy premium if possible
● Always prefer referral over applying directly
● [Link] , instahyre are other platforms
Resources:
● I’ll share a resume template that you can customize for your needs.
● Sample Resume :
[Link]
JavaScript Preparation
Key Areas:
1. Output-Based Questions:
○ Get your basic clear with Namaste Javascript
○ Follow Path to Ace Frontend Interview by Mitesh
○ Focus on tricky concepts like closures, event loop, scope, and
promises.
○ Let / var / const , setTimeout , setInterval , Async , Await ,
Promises , this
○ More topics like : OOPS concept
○ Resource :
2. Problem Solving:
○ GreatFrontend : Premium content (**Preferred**)
[Link]
○ BigFrontend : [Link]
○ LeetCode : [Link]
Extra Resources:
● Javascript Info: [Link]
● MDN :
[Link]
cripting
Machine Coding Rounds
What Are Machine Coding Rounds?
● Build a mini application within a time limit.
● Focus on code structure, readability, and scalability.
● Question can turn out to be logical question
● Custom hooks : [Link]
Tips to Succeed:
1. Plan before coding: Think about components and state management.
2. Use meaningful variable and function names.
3. Be ready with Running Hello World Application on local (preferred) /
codesanbox
Resources:
● Practice 5 or 10 of the question list
● [Link]
DSA for Frontend Interviews
What to Expect:
● Focus on array, string (50% of companies)
● Dynamic Programming (40% of companies)
● Graph BFS & DFS 10 % of companies
● Emphasis on time complexity and optimized solutions.
Preparation Strategy:
1. Start with easy problems and gradually move to advanced ones.
2. Practice most famous and standard questions of DSA
Resources:
● Platforms: GreatFrontend , LeetCode
● GreatFrontend Blind 75 : (**Preferred**)
[Link]
● Grind 75 : [Link]
Frontend System Design
Introduction to the RADIO Framework:
● Requirements Gathering
● API Design
● Data Modeling
● Implementation Plan
● Optimization
Topics
● Web Optimization
● Web Security
● Web Accessibility
● Rendering Pattern
● Web Worker / Service Working
● Short Polling , Long Polling , Web Sockets , WebHook
● optimize-core-web-vitals
Key Tips:
● Think about scalability and user experience.
● Be ready to explain trade-offs in your design.
● Also watch freely available Backend System Design (highly helpful)
Resources:
● Blogs :
[Link]
ws-using-radio-framework-kumar-1zfuc/
● Platform : [Link]
●
● Topics: Component-based architecture, State Management
Managerial Round Tips
What Is Evaluated:
● Communication skills
● Problem-solving approach
● Team collaboration
Tips to Succeed:
1. Be prepared for the question like the most complex feature / bug you have
done .
2. Team conflicts questions
3. Stay confident and positive.
4. Provide examples of past experiences where you solved complex
problems or handled conflicts.
5. Be honest about your strengths and areas for improvement.
Final Thoughts
Key Takeaways:
● A well-prepared resume opens doors.
● Consistent practice in JavaScript and DSA is crucial.
● Understanding system design concepts can set you apart.
Your Action Plan:
● Implement what you’ve learned today.
● Practice regularly using the shared resources.
● Stay confident and persistent!
Thank You!
🚀
● Questions? Feel free to ask now or dm on Linkedin
● Let’s crack those interviews together!