DEV Community

Cover image for Frontend Interview Preparation
Nishant Singh
Nishant Singh

Posted on • Updated on

Frontend Interview Preparation

Just started my interview preparation for MAANG companies. I am going through lots of blogs and articles to list down topics which are important for interview preparation.

Although this is my first post, I have never thought of writing any articles/blogs. But this will be a journey, where I can express my learnings. I have enrolled to some of Udemy courses to brush up my skills.

Udemy Courses -

  1. Master the Coding Interview: Big Tech (FAANG) Interviews
  2. Master the Coding Interview: Data Structures + Algorithms
  3. JavaScript Data Structures & Algorithms + LEETCODE Exercises

Don't go for all courses at once, go for one or two, please checkout the sample video before enrolling to courses. These courses are not expensive as I have waited for price drop and single course cost me INR 500 only.

Please don't be impulsive, buy only if you have interest in it.

Finding image
Here are some of my findings -

WEB Concepts

  1. CRP (critical rendering path).
  2. Debouncing/Throttling
  3. Event Delegation/Bubbling.
  4. Bundle Splitting
  5. Preload, Pre connect, Prefetch, Prerender.
  6. Web Workers
  7. HTTP2
  8. Etag/Cache-Control Response Header
  9. Document Fragment.
  10. Reflow.
  11. Image compression.
  12. Memory Leak.

WEB Security

  1. Transfer-encoding
  2. Same origin policy
  3. Access-Control-Allow-Origin
  4. CORS
  5. Content Security Policy.
  6. CSRF
  7. Referrer-Policy
  8. Inner HTML
  9. X-XSS Protection
  10. X-Frame Options

COMPONENTS

  1. Image Carousel
  2. Star Component (REVIEW 5 STAR)
  3. Comment Section
  4. Pagination
  5. Search Bar.
  6. Accordion.
  7. Navbar.

Other Topics

  1. Web Components
  2. PWA (Progressive Web Apps)
  3. Micro frontend.
  4. Typescript.

Interview Preparation

Important Links

Apart from this DSA is very important to brush up your coding skill I will suggest start coding on Leetcode. Adding some questions to start with -

Coding Websites
Leetcode
Frontend

DSA Questions

  1. linked-list-cycle

These are my findings, but I know this is not enough for interview preparation for tier 1 companies. But its just the beginning, I will continue to update the topics and also share the interview process. Feel free to comment if anything goes missed from my end.

Always remember, your career is a marathon, not a sprint.

Top comments (1)

Collapse
 
thaisavieira profile image
Thaísa Vieira

Thanks for this high quality post, I'm preparing for interviews too and I'll sure follow your tips