• LOGIN
  • No products in the cart.

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


Course 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.

Learning Outcomes

  • 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

Pre-requisite

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.

Who is this course intended for?

Are you familiar with JaaScript? Do you want to develop brilliant responsive apps? Then this course is perfect for you! Discover not only problem-solving techniques but also various tricks to totally avoid problems and build powerful apps.

Your Instructor

Packt Publishing

Packt has been committed to developer learning since 2004. A lot has changed in software since then – but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content – more than 4000 books and video courses -Packt’s mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages to cutting-edge data analytics, and DevOps, Packt takes software professionals in every field to what’s important to them now.

From skills that will help you to develop and future-proof your career to immediate solutions to everyday tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Course Curriculum

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

Course Reviews

N.A

ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

TAKE THIS COURSE
  • $99.00 $10.00
  • UNLIMITED ACCESS
  • Course Certificate
1 STUDENTS ENROLLED

Related Courses

© Learnsector