JavaScript High Performance – Packt Publishing

Salepage link: At HERE. Archive: http://archive.is/wip/OynFl

JavaScript High Performance

Leverage the power of several performance enhancing coding techniques in JavaScript and take your app to the next level

Leverage the power of several performance enhancing coding techniques in JavaScript and take your app to the next level

About This Video

Analyze and resolve high performance related issues in JavaScript programming

Master the skill of referring to functions, classes, and dealing with loops and arrays productively

Work around DOM and CSS elements to keep the balance between app efficacy and animation

In Detail

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.

Course Curriculum

Minifying and Caching Your Site

• Course Overview (2:02)
• Caching Your Scripts (11:12)
• Creating a Cache Buster (4:57)t
• Minifying Your Output (9:02)

Covering the Foundations

• Always Declare Your Variables (3:17)
• Creating Location References (9:01)
• Condensing var Definitions (5:00)
• Comparing Explicitly When Appropriate (2:53)
• Using String Accumulator-style (3:26)
• Building Strings with Arrays (3:12)

Going Beyond the Basics

• Avoiding eval for Object References (4:04)
• Talking to Functions (2:13)
• Avoiding eval (4:48)
• Reducing the Use of Anonymous Functions (3:23)
• OOP – Defining Class Methods and Properties (3:55)

Looping, Arrays, and Conditions

• Picking the Right Loop for the Task (2:29)
• Simplifying Your Loops – Round 1 (5:11)
• Reducing the Loop Footprint (9:30)
• Loops, Arrays, and Memory Leaks (5:21)
• Preallocating Size to an Array (9:15)
• Avoiding the Unnecessary (8:43)
• Putting Code Where It Should Be video4_7 (8:30)

Optimizing Events and Time

• Clearing Circular References (10:49)
• Using Less Events to Do More (8:09)
• Trading Smoothness for Speed (7:11)
• Clearing Memory Leaks by Always Clearing Intervals (3:04)
• How to Avoid Running Multiple Intervals (12:53)

The DOM and CSS

• Reducing DOM Calls (13:24)
• Reducing Document Reflows (7:00)
• Making It Animate Smoothly (11:30)
• Changing Classes and Not Styles (7:11)
• Adding Scripts as You Need Them Dynamically (4:07)

Data and Leaks

• Cutting Traveling with HTML5 Validation (4:44)
• Moving Data Processing to the Client Side (9:41)
• What Data Types to Use? (1:24)
• Caching Data (1:44)
• The Issue with Working Directly with HTML Collections (4:44)
• Converting Collection Objects into Arrays (3:22)
• FPS and High Resolution Time – HRT (16:52)
• JavaScript Profiling and Memory Leaks (5:31)