JavaScript High Performance [Video]

JavaScript High Performance [Video]

Starting
Ben Fhala

Leverage the power of several performance enhancing coding techniques in JavaScript and take your app to the next level
$80.75
RRP $94.99
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos โ€“ youโ€™ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Video Details

ISBN 139781785287602
Course Length160mins

Video Description

One of the most common challenges JavaScript developers face is creating a number of applications and maintaining them to run smoothly. The aim of this course is to deliver critical tips and techniques to help you create smarter and faster applications.

JavaScript High Performance focusses on making your JavaScript code run more efficiently, raising your app performance.
Start off by minifying and caching your code, be it JavaScript, HTML or CSS. Walk through different methods including creating location references, condensing var definitions and so on, helping you gain a solid foundation of the basic practical approaches. Next, discover the most potent ways to refer to functions and classes, learn how to streamline loops and arrays, and detect and avoid any memory leaks. Also, improve the appearance of your app by using sleek animations, without compromising performance.

By the end of this course, youโ€™ll be confident in dynamically improving the performance of your app.

The course follows a strict hands-on approach and introduces you to various methods which will help you maintain and rev-up your JavaScript based app. Using bad sample code, learn various ways to transform code and discover how to implement this yourself in your own app.

Style and Approach

The course follows a strict hands-on approach and introduces you to various methods which will help you maintain and rev-up your JavaScript based app. Using bad sample code, learn various ways to transform code and discover how to implement this yourself in your own app.

Table of Contents

Minifying and Caching Your Site
Course Overview
Caching Your Scripts
Creating a Cache Buster
Minifying Your Output
Covering the Foundations
Always Declare Your Variables
Creating Location References
Condensing var Definitions
Comparing Explicitly When Appropriate
Using String Accumulator-style
Building Strings with Arrays
Going Beyond the Basics
Avoiding eval for Object References
Talking to Functions
Avoiding eval
Reducing the Use of Anonymous Functions
OOP โ€“ Defining Class Methods and Properties
Looping, Arrays, and Conditions
Picking the Right Loop for the Task
Simplifying Your Loops โ€“ Round 1
Reducing the Loop Footprint
Loops, Arrays, and Memory Leaks
Preallocating Size to an Array
Avoiding the Unnecessary
Putting Code Where It Should Be
Optimizing Events and Time
Clearing Circular References
Using Less Events to Do More
Trading Smoothness for Speed
Clearing Memory Leaks by Always Clearing Intervals
How to Avoid Running Multiple Intervals
The DOM and CSS
Reducing DOM Calls
Reducing Document Reflows
Making It Animate Smoothly
Changing Classes and Not Styles
Adding Scripts as You Need Them Dynamically
Data and Leaks
Cutting Traveling with HTML5 Validation
Moving Data Processing to the Client Side
What Data Types to Use?
Caching Data
The Issue with Working Directly with HTML Collections
Converting Collection Objects into Arrays
FPS and High Resolution Time โ€“ HRT
JavaScript Profiling and Memory Leaks

What You Will Learn

  • Learn how to cache and minify HTML, CSS and JavaScript to optimize app performance
  • Familiarise yourself with best practices in order to create effective code
  • Implement various efficient methods for referring to functions and classes
  • Simplify loops and arrays to make your app faster than ever
  • Beautify your app without compromising speed, using smoother animations
  • Identify memory leaks and avoid them, using various techniques to improve app functionality
  • Improve app stability by enhancing JavaScript events

Authors

Table of Contents

Minifying and Caching Your Site
Course Overview
Caching Your Scripts
Creating a Cache Buster
Minifying Your Output
Covering the Foundations
Always Declare Your Variables
Creating Location References
Condensing var Definitions
Comparing Explicitly When Appropriate
Using String Accumulator-style
Building Strings with Arrays
Going Beyond the Basics
Avoiding eval for Object References
Talking to Functions
Avoiding eval
Reducing the Use of Anonymous Functions
OOP โ€“ Defining Class Methods and Properties
Looping, Arrays, and Conditions
Picking the Right Loop for the Task
Simplifying Your Loops โ€“ Round 1
Reducing the Loop Footprint
Loops, Arrays, and Memory Leaks
Preallocating Size to an Array
Avoiding the Unnecessary
Putting Code Where It Should Be
Optimizing Events and Time
Clearing Circular References
Using Less Events to Do More
Trading Smoothness for Speed
Clearing Memory Leaks by Always Clearing Intervals
How to Avoid Running Multiple Intervals
The DOM and CSS
Reducing DOM Calls
Reducing Document Reflows
Making It Animate Smoothly
Changing Classes and Not Styles
Adding Scripts as You Need Them Dynamically
Data and Leaks
Cutting Traveling with HTML5 Validation
Moving Data Processing to the Client Side
What Data Types to Use?
Caching Data
The Issue with Working Directly with HTML Collections
Converting Collection Objects into Arrays
FPS and High Resolution Time โ€“ HRT
JavaScript Profiling and Memory Leaks

Video Details

ISBN 139781785287602
Course Length160mins
Read More