Mastering Web Performance: From Novice to Expert

Mastering Web Performance: From Novice to Expert, available at $34.99, has an average rating of 4.6, with 39 lectures, 2 quizzes, based on 143 reviews, and has 31165 subscribers.

You will learn about You'll learn how to effectively track web performance down with chrome DevTools. A brief history of web performance. The difference in the performance requirements between MPA (Multiple Page Application) and SPA (Single Page Application) The difference between runtime performance and other kind of web performance. Learn the signs that your web app is leaking memory. Learn programming patterns that cause JavaScript memory leaks. This course is ideal for individuals who are For people who want to optimize their runtime web performance and/or fix memory leaks in their web pages. or For frontend developers who want to know more about web development. or For people who want to have more insights on how to use chrome DevTools. It is particularly useful for For people who want to optimize their runtime web performance and/or fix memory leaks in their web pages. or For frontend developers who want to know more about web development. or For people who want to have more insights on how to use chrome DevTools.

Enroll now: Mastering Web Performance: From Novice to Expert

Summary

Title: Mastering Web Performance: From Novice to Expert

Price: $34.99

Average Rating: 4.6

Number of Lectures: 39

Number of Quizzes: 2

Number of Published Lectures: 39

Number of Published Quizzes: 2

Number of Curriculum Items: 41

Number of Published Curriculum Objects: 41

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

You'll learn how to effectively track web performance down with chrome DevTools.
A brief history of web performance.
The difference in the performance requirements between MPA (Multiple Page Application) and SPA (Single Page Application)
The difference between runtime performance and other kind of web performance.
Learn the signs that your web app is leaking memory.
Learn programming patterns that cause JavaScript memory leaks.

Who Should Attend

For people who want to optimize their runtime web performance and/or fix memory leaks in their web pages.
For frontend developers who want to know more about web development.
For people who want to have more insights on how to use chrome DevTools.

Target Audiences

For people who want to optimize their runtime web performance and/or fix memory leaks in their web pages.
For frontend developers who want to know more about web development.
For people who want to have more insights on how to use chrome DevTools.

Hunting web performance issues is a complex problem with fiendish edge cases, and debugging them can be a daunting task. To avoid such a problem in your app, you need awareness about it and constant vigilance.

JavaScript memory leaks are sneaky and could be challenging to localize because they can go unnoticed for some time. And even if your performance gets progressively worse, you will not see a thrown error on the browser while running the leaking app. Because it’s not an invalid code that causes such issues, but a logical flaw in it.

In this course, we’ll see how to effectively track web performance down and learn what causes them. You’ll get insights on how to respect more the end-user device’s resources. You’ll also avoid situations where you pull your hair out trying to understand what’s going on with your performance.

I designed this course to suit newcomers as well as advanced developers, and I will walk you through the topic step by step until you get your hands dirty.

At the end of the course, you’ll be able to identify, diagnose, and fix web performance issues in web apps even if you’re not the one who implemented them. You’ll be also able to catch patterns in your source code that cause them.

Course Curriculum

Chapter 1: The Story Behind this Course

Lecture 1: How this Video Course Reached over 30K Students?

Chapter 2: Web Performance 101

Lecture 1: Introduction

Lecture 2: A Little Story

Lecture 3: About Me

Lecture 4: 3 Pillars of Web Performance

Lecture 5: What Is Rendering?

Lecture 6: Visualization of the Rendering Process

Lecture 7: Web Rendering Types

Lecture 8: Poor Rendering Symptomes

Lecture 9: Poor Rendering Causes

Lecture 10: Optimization Techniques

Lecture 11: Real World Case Study

Chapter 3: Runtime Web Performance: JavaScript Memory Leaks

Lecture 1: What's a memory leak?

Lecture 2: Introduction

Lecture 3: A brief history of web performance and JS memory leaks

Lecture 4: Types of web performance problems

Lecture 5: Signs that your web app is leaking memory

Chapter 4: How to identify memory leaks with chrome DevTools

Lecture 1: Performance Timeline Record

Lecture 2: Heap Snapshots

Lecture 3: Heap Profile

Lecture 4: Performance Monitor

Lecture 5: Task Manager

Chapter 5: 7 coding patterns that leak memory in JavaScript

Lecture 1: 5 coding patterns that leak memory in JavaScript

Lecture 2: Collections

Lecture 3: Infinite and detached DOM

Chapter 6: Case studies

Lecture 1: Case Study 1: Managing Event Listeners in Form Arrays

Lecture 2: Case Study 2: A Web App with a Machine Learning Model to Track Hand Gestures

Lecture 3: Case Study 3: A ToDo App with Event Listeners to Changes in a From Array's Field

Chapter 7: Quiz: Memory Leaks

Chapter 8: Code Duel: AI vs. Human Genius in the Programming Arena (Real-World Case Study)

Lecture 1: Introduction

Lecture 2: Description of the Case Study

Lecture 3: Required Skills

Lecture 4: The Code Duel

Lecture 5: Running the Test Scenarios

Lecture 6: Comparing the 2 Approaches: ChatGPT Approach

Lecture 7: ChatGPT Approach: Web Performance

Lecture 8: Comparing the 2 Approaches: The Human Approach

Lecture 9: The Human Approach: Web Performance

Lecture 10: Final Thought

Chapter 9: Final thought

Lecture 1: Final thought

Instructors

Rakia Ben Sassi
Software Architect, Google Developer Expert, Content Creator

Rating Distribution

1 stars: 4 votes
2 stars: 9 votes
3 stars: 21 votes
4 stars: 35 votes
5 stars: 74 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu