YourAppURL

Replace the value you are getting underneath the app above.

The ultimate guide to web development interviews. Developed by FAANG engineers, practice with real-world interview questions covering network security, system design, SEO, APIs, and more.

oct6.tar.gz

server

JavaScript

Grunt

webpack

webpack-loaders

Grunt-eslint

ProgressiveRendering

webpack-code-splitting

This course compiles a comprehensive range of questions that are most likely to be asked during the frontend interview. Where many interview prep courses focus on data structures and algorithms, this course focuses on a variety of topics from network security to system design.

In this course, you will solve interview questions that cover general aspects of web development. You’ll start by going over network security and optimization techniques for load balancing and browser rendering. After that, you’ll move on to interview questions around SEO, APIs, and system design.

Overall, these are questions that are often overlooked, but they can really make you stand out from your peers. By the end of this course, you will have the confidence and ability to go in and ace that interview.

Web Development Interview Handbook

If your JavaScript runs for longer than that, it may block scrolling, potentially causing missed frames.


Any JavaScript that runs for less time than that will cause jank.

If your JavaScript runs for longer than that, it will block the Web Workers that make scrolling happen.


Why should JavaScript be kept to 3-4 ms to keep scrolling performance smooth?

Why should JavaScript be kept to 3-4 ms to keep scrolling performance smooth?

Moving pure computational JavaScript work off of the main thread to Web Workers.


Which of the following helps improve scrolling performance?

Which of the following helps improve scrolling performance?

Try to optimize every JavaScript function in the code repository for the website and see if it makes a difference.

Use Developer Tools to record the performance and see what function is causing problems from the ‘main’ panel.

Suppose you are developing a website. However, the scrolling is very janky. You suspect that some JavaScript function is causing this. How would you go about figuring out which one?

Suppose you are developing a website. However, the scrolling is very janky. You suspect that some JavaScript function is causing this. How would you go about figuring out which one?

A JavaScript computation that does not use the DOM.

Which of the following will NOT cause a reflow?

Which of the following will NOT cause a reflow?

Which of the following is a way to avoid reflow?

Which of the following is a way to avoid reflow?

All changes to the style in JavaScript cause a reflow in all browsers.


All changes to the style in JavaScript cause a reflow in all browsers.

Which image format has metadata that can be removed to compress files?

Which image format has metadata that can be removed to compress files?

Vector images are resolution and scale independent.

They are always smaller in size than raster images.

What are the advantages of using vector formats for images?

What are the advantages of using vector formats for images?

Compressing them will speed up the website.

Images are large files, and they take up a significant percentage of the size of the files transferred. Reducing their size will reduce the number of bytes that need to be transferred.

Why is it important to compress your website image assets?

Why is it important to compress your website image assets?

Promoting elements to the GPU always leads to better animation performance.

Promoting elements to the GPU always leads to better animation performance.

All CSS animation elements always get promoted to the GPU.

All CSS animation elements always get promoted to the GPU.

Communication with the GPU takes some overhead.

Communication with the GPU takes some overhead.

Optimizing is both an art and a science. Take a quiz to test yourself on optimization in this lesson.


Introduction

Network

Security

Optimizing Loading Performance

Optimizing Browser Rendering Performance

Search Engine Optimization

System Design

APIs

Testing

Version Control

Task Runners & Bundlers

Conclusion

Optimizing Rendering Performance: Quiz