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.
Why should you care about High performing JavaScript?
For Javascript to perform at it's best it needs you, the developer, to be considerate about it's limitations. JavaScript is a language that isn't complied and as such the browsers needs to process your code on the fly without any per-processing that is available in other complied languages. This limitation in JavaScript forces us the developers to be more mindful about efficiency of our code. The course helps JavaScript developers target and improve weak spots of the language, and common pitfalls in web development that cause memory leaks, over processing and overall lower performance of web applications.
JavaScript is the most popular language in the world and for good rationals as it is one of the easiest languages to start developing in. The problem with the language surfaces only after you develop for a while and start building larger applications. As JavaScript was never designed to be a large scale language but a script language for the browsers it doesn't have many protections that would prevent the developer from making mistakes. So while it is easy to get started working in JavaScript, the responsibility to create high performing JavaScript is on the developer.
Highlights:
- 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
Your Instructor
Over the past ten years Packt Publishing has developed an extensive catalogue of over 3000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our courses continue this tradition, bringing you comprehensive yet concise screencast tutorials straight from the experts.
Frequently Asked Questions
What will you get out of the JavaScript High Performance course?
This course is the key to improving the performance of your currently JavaScript projects or help you start the next project smarter and more effectively.
Chapter 1 Starts from the host:
In the first chapter of the course we will learn advanced techniques to minify and cache your JavaScript code. Minifying your code enables you to cut down the file sizes of your application drastically – this reduction in file size means files get delivered to the user quicker – that's a big boost in performance. As this is not a hard topic we put a twist on it as we teach you how to create a dynamic minifying code – instead of needing to worry about it every time you make an update to the code – we will teach you how to get your website to do it for you.
Caching your site is so important. Caching enables you to deliver files only when needed cutting down the amount of files that get sent out to clients. This improves the performance of the site automatically(mainly with anything related to files being sent over from the server to the client).
By the end of this chapter you will know the best performance tips to hosting your website JavaScript files (namely : Minifying and caching).
40+ tips that will make your JavaScript high performing:
One of the most important concepts and topics covered in this course is good design strategies to reduce performance related hikes in an application. We will learn how to improve performance through analyzing a real world application and understand it's issues as we fix it and learn over 40 tips that will take an application that is performing really badly and turn the application into a highly performing JavaScript application.
Who this course is for:
Are you familiar with JavaScript? 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.
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.
Author biography
Ben Fhala discovered his passion for data visualization six years ago while he was working at Parsons in New York, in their data visualization department PIIM. He is the owner of the online video training school, 02Geek.com, and an Adobe ACP. He enjoys spending most of his time learning and teaching, and has a love for visual programming and visualization in general. Ben has had the honour of developing applications for US Congress members, Prime Ministers, and Presidents around the world. He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been a part of teams that have won three Agency of the Year awards.