Web Development Secrets Revealed - Critical Rendering Path, HTTP, AJAX, and More

Learn about the Critical Rendering Path, AJAX, and HTTP, as well as how to retrieve data from a server

About This Video

Understand the Network Panel, Performance Panel, and Audit Lighthouse functions within DevTools
Understand HTTP, TCP, data packets, and a whole bunch more
Real examples of how AJAX works (we will use both the XMLHttpRequest object and the newer Fetch API)
In Detail

In this course, you will learn about the Critical Rendering Path. This refers to the set of steps browsers must take to fetch and then convert HTML, CSS, and JavaScript into living, breathing websites. From there, you will start exploring and experimenting with tools to measure performance. You will learn simple, yet very powerful strategies to deliver the first pixels to the screen as early as possible.

Knowledge of the CRP is incredibly useful for understanding how a site’s performance can be improved. There are various stages to the CRP, such as constructing the DOM, constructing the CSSOM, running JavaScript, creating the Render Tree, generating the layout, and finally painting pixels to the screen. As you can see, this covers a whole bunch of interesting material.

We will dig deeper in every lecture, by learning about things such as HTTP, TCP, data packets, render-blocking resources, and a whole bunch more! This course has many bonus lectures that will extend your knowledge base and test your skills.

Through practical examples, this course helps you understand the CRP piece by piece. We will use the latest and best features of JavaScript and browsers (such as the new Fetch API) along the way so you can stay ahead of the pack.

By the end of this course, you will be able to “speak” CRP by gaining an understanding of how to fetch data from a server and then get that data to your user as quickly as possible.

Audience

This course is for anyone interested in dabbling in the world of programming; learning the fundamentals of HTTP, AJAX, data packets, and rendering will allow you to extend this knowledge to any language. It is useful for anyone who wants to gain a solid understanding of web performance; wants to start using backend frameworks such as Node.js, which are heavily reliant on having a deeper understanding of how to make AJAX requests, manipulate the response, and then deliver it to the screen; wants to know what the Critical Rendering Path is, but not sure how it works behind the scenes or how to put it into practice in your code.