Book Image

Modular Programming with JavaScript

Book Image

Modular Programming with JavaScript

Overview of this book

Programming in the modular manner is always encouraged for bigger systems—it is easier to achieve scalability with modular programming. Even JavaScript developers are now interested in building programs in a modular pattern. Modules help people who aren’t yet familiar with code to find what they are looking for and also makes it easier for programmers to keep things that are related close together. Designing and implementing applications in a modular manner is highly encouraged and desirable in both simple and enterprise level applications. This book covers some real-life examples of modules and how we can translate that into our world of programming and application design. After getting an overview of JavaScript object-oriented programming (OOP) concepts and their practical usage, you should be able to write your own object definitions using the module pattern. You will then learn to design and augment modules and will explore the concepts of cloning, inheritance, sub-modules, and code extensibility. You will also learn about SandBoxing, application design, and architecture based on modular design concepts. Become familiar with AMD and CommonJS utilities. By the end of the book, you will be able to build spectacular modular applications in JavaScript.

Related Content you might be interested in

Current Title:

Small book image
Modular Programming with JavaScript
Jul, 2016 | 274 pages
No titles found
Table of Contents (17 chapters)
Modular Programming with JavaScript
Modular Programming with JavaScript
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
What Are Modules and Their Advantages?
What Are Modules and Their Advantages?
Prelude to modular programming
The simple rule for creating modules
A real-life example of modules
A look at a non-modular example
Re-factoring to a more modularized approach
Designing in a modular way
Summary
2
Review of Important JavaScript OOP Concepts
Review of Important JavaScript OOP Concepts
JavaScript objects
Summary
3
Module Design Pattern
Module Design Pattern
Module pattern
Creating loose coupling among modules
Summary
4
Designing Simple Modules
Designing Simple Modules
The big picture
Designing our SPA main pieces
Summary
5
Module Augmentation
Module Augmentation
Principles of module augmentation
Implementing module augmentation
Simple augmentation of ImagesInc_GlobalData
The order of things in module augmentation
Loose augmentation of modules
Tight augmentation of modules
Generating our application's content area
Summary
6
Cloning, Inheritance, and Submodules
Cloning, Inheritance, and Submodules
Cloning modules
Creating ImagesInc_Utilites module
Inheritance in modules
Submodules
Summary
7
Base, Sandbox, and Core Modules
Base, Sandbox, and Core Modules
Application architecture overview
Base module
Sandbox module
Core module
Components
Application architectural considerations
Summary
8
Application Implementation – Putting It All Together
Application Implementation – Putting It All Together
The user's view of our application
Application functionality
Application implementation
Application components
GlobalData module
Summary
9
Modular Application Design and Testing
Modular Application Design and Testing
Advantages of writing automated tests
Different types of automated tests
A simple start to writing our unit tests
Summary
10
Enterprise Grade Modular Design, AMD, CommonJS, and ES6 Modules
Enterprise Grade Modular Design, AMD, CommonJS, and ES6 Modules
Revisiting index.html file
Introducing Asynchronous Module Definition
CommonJS
ECMAScript 6 modules
Summary
Index
Index

Application architectural considerations

Let's review the important points that we have discussed about our modular architecture in this chapter and see how they relate to various pieces of our application, as follows:

  • All third party libraries are imported into the application through the base module

  • The core module and the base module are the only pieces of the application that know about the loaded third party libraries

  • All browser compatibility issues are dealt with in the core module by leveraging the functionality of the third party libraries

  • Every component in the application gets an instance of the sandbox module

  • The sandbox only knows about the core and no other pieces of the application

  • No pieces of the application know about the internal implementation of other pieces

  • Components can be added, modified, or removed from the application without affecting the application as a whole

  • Components can only call their own methods and the methods provided to them through their instance of the sandbox...

Previous Section
End of Section 7
Next Section