DEV Community

Cover image for Frontend Interview Preparation
Nishant Singh
Nishant Singh

Posted on • Edited 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.
  8. Traffic Light

Other Topics

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

Interview Preparation

Important Links

One book which is recommended by one of my friend from Google for System Design is:
Designing Data-Intensive Applications: The Big Ideas Behind Reliable, Scalable, and Maintainable Systems

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

Coding Websites
Leetcode
Frontend

DSA Questions

Array

  1. Majority Element
  2. Contains Duplicate
  3. Contains Duplicate II
  4. Summary Ranges

Linked List

  1. linked-list-cycle
  2. Merge Two Sorted Lists
  3. Remove Duplicates from Sorted List
  4. Intersection of Two Linked Lists

All the above leetcode questions are solved from my end, I hope you will also try the same. If you can't solve it no problem. Learn it and try again. Never give up.

These are my findings, but I know this is not enough for interview preparation for tier 1 companies. But it's 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