Video description
A practical introduction to writing better and more maintainable code using JavaScript design patterns
About This Video
A practical, application-oriented guide to working with JavaScript design patterns
Build a music player application and tackle real-world challenges that appear as the application grows in complexity
Enhance the application's functionality and performance through writing modular, strongly organized code
Understand how design patterns can improve the testability and maintainability of application code, and embed healthy programming practices
In Detail
As the language of the web, JavaScript is used prolifically by developers building new applications every day. However, some developers still lack the knowledge about how to write things in a simpler, clearer and more maintainable way. Design patterns are proven solutions to common development problems, and can boost code quality and application maintainability, as well as improve developer efficiency.
Mastering JavaScript Design Patterns demonstrates how to apply design patterns in real life situations, whether that's for new, or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain.
We’ll begin by building a simple music player application, and then we’ll build and add more and more functionality to our music player application. We’ll also cover different ways to modularize the application.
In the next two sections we’ll build a server and will load data from it. We’ll cover different techniques for caching, fallbacks, optimizing memory consumption and deferred actions.
In the last section we’ll cover code maintainability improvement techniques by using less known, yet powerful JavaScript techniques.
Table of contents
-
Chapter 1 : Introduction
- The Course Overview 00:03:01
- Software Design Patterns and Antipatterns 00:02:45
- JavaScript Patterns Specifics 00:02:52
-
Chapter 2 : Starting the Project
- Bootstrapping the Project 00:05:30
- Adding the Play Functionality 00:03:57
- Encapsulating Information 00:02:43
- Abstracting Manipulation with DOM Events and Elements 00:04:26
- Creating an Adapter to Set Intervals Using Seconds 00:01:25
- Using Different Ways to Match Conditions 00:02:29
-
Chapter 3 : Modularizing the Application
- Modularizing the Application Using Namespaces 00:04:33
- Modularizing the Application Using AMD and Require.js 00:04:10
- Communication Between Modules 00:05:00
- ES6 Modules 00:04:52
-
Chpater 4 : Organizing the Application Through Separation of Concerns
- Decoupling the Tracks Queue from the Tracks Player 00:04:22
- Treating Each Track as a Separate Component 00:07:20
- Adding the PubSub Functionality to Tracks 00:02:24
- Enabling Track Play and Highlighting the Active Track 00:04:21
- Decoupling the Track Model from the View 00:03:06
- Formatting Track Time: Two-way Data Binding 00:04:20
-
Chapter 5 : Enhancing the Tracks Functionality and Adding Nested Tracks
- Adding a Few Types of Tracks 00:03:09
- Implementing Track Removal 00:03:15
- Iterating Over Tracks Using a Generator 00:02:45
- Iterating Over Tracks Using an Iterator 00:02:51
- Adding Nested Tracks and Displaying Them 00:02:45
- Fixing the Queue to Work with Nested Tracks 00:04:39
-
Chapter 6 : Building the Server and Loading Data from It
- Creating the Server Using Node.js 00:02:17
- Returning the Tracks Queue from the Server 00:03:58
- Loading Tracks from the Server 00:02:32
- Replacing Callbacks with Promises 00:01:41
- Binding a Function to a Custom Context 00:01:34
- Chapter 7 : Loading Tracks' Additional Data
- Chapter 8 : Improving Code Maintainability
Product information
- Title: Mastering JavaScript Design Patterns: A Practical Introduction to Building Better Applications
- Author(s):
- Release date: September 2015
- Publisher(s): Packt Publishing
- ISBN: 9781783980734
You might also like
video
Mastering Clean Code in JavaScript
Learning a JavaScript framework is good and cleaner JavaScript is even better About This Video Learn …
video
Node.js - The Complete Guide
Master Node.js to build REST APIs, GraphQL APIs, add authentication, use MongoDB, SQL, and much more! …
video
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
video
Modern JavaScript From The Beginning
Learn and Build Projects with Pure JavaScript (No Frameworks or Libraries) About This Video Understanding of …