The Need for Speed
Increasing Code Performance with JSLint
-
Overview
-
Checking the JavaScript code performance
-
When to use console.time
-
What is JavaScript linting? (4:12)
-
About JSLint
-
Using JSLint
-
Reviewing errors
-
Configuring messy white space
-
Understanding the use strict statement
-
Using console in JSLint
-
Summary (4:35)
-
Test yourself
-
References and further Exploring
Understanding JavaScript Build Systems
-
Overview
-
What is a build system?
-
Compiling code by example
-
Error-checking in a JavaScript build system
-
Adding optimization beyond coding standards
-
Creating a build system from scratch using Gulp.js
-
Node.js
-
Testing a Node.js installation
-
About Node Package Manager
-
Installing jQuery with NPM
-
Setting up our build system
-
About Grunt.js and Gulp.js
-
Installing Gulp
-
Creating a gulpfile
-
Integrating JSLint into Gulp
-
Testing our example file
-
Creating a distribution
-
Summary (10:06)
-
Test yourself
Detecting Performance
-
Overview
-
The Safari Web Inspector
-
Firefox Developer tools
-
Internet Explorer developer tools
-
Chrome's Developer tools
-
Getting familiar with Chrome's Developer tools
-
The Elements panel
-
The Network panel
-
The Sources panel
-
Using the debugger keyword
-
The Timeline panel
-
The Profile panel
-
The Resources panel
-
The Audits panel
-
The Console panel
-
Summary
Operators, Loops, and Timers
Constructors, Prototypes, and Arrays
Hands off the DOM
Web Workers and Promises
Optimizing JavaScript for iOS Hybrid Apps
Application Performance Testing
