Video Description
In this Web App Optimization with JavaScript training course, expert author Alex Vanston teaches you how to improve the performance and user experience of web apps with JavaScript. This course is designed for users that are already familiar with creating web applications.
You will start by learning about raw speed, then jump into learning about browser flow, including understanding the paint cycle and DOM manipulation. From there, Alex will teach you user experience enhancements, such as preloading, incremental updates, and utilizing local storage. Finally, you will learn about mobile enhancements, including mobile debugging and benchmarking, conditional assets, and handling low quality networks.
Once you have completed this computer based training course, you will have learned how to improve the performance and user experience of your products.
Table of Contents
-
Introduction
- Course Overview 00:09:04
- Profiling Tools: Network Tab 00:03:24
- Profiling Tools: Timeline Tab 00:04:52
- About The Author 00:01:04
- How To Access The Working Files 00:01:15
-
Raw Speed
- Loops And Calculations 00:10:35
- ASM.JS 00:04:36
- Web Workers 00:09:55
-
Browser Flow
- Understanding The Paint Cycle 00:06:06
- DOM Manipulation - Part 1 00:07:42
- DOM Manipulation - Part 2 00:02:54
- Utilizing CSS Vs JS 00:03:56
-
User Experience Enhancements
- Preloading 00:03:08
- Assuming Success 00:05:46
- Incremental Updates 00:04:11
- Updating Local Storage 00:02:11
- Loading Local Storage 00:02:42
- AppCache 00:06:39
-
Mobile Enhancements
- Mobile Debugging And Benchmarking 00:04:14
- Conditional Assets 00:05:46
- Handling Low Quality Networks 00:03:29
-
Conclusion
- Wrap Up 00:02:31