Design Patterns in JavaScript E-Learning Training

Ontdek hoe je robuuste, efficiënte en onderhoudbare JavaScript-applicaties bouwt met onze Design Patterns in JavaScript Training! Deze cursus is ontworpen voor ontwikkelaars die hun kennis van JavaScript willen verdiepen door veelgebruikte ontwerppatronen toe te passen. Ontwerppatronen helpen je om veelvoorkomende problemen op te lossen en zorgen voor een consistente, schaalbare codebase.

In deze training leer je de belangrijkste ontwerppatronen in JavaScript kennen, zoals het Module-, Singleton-, Observer-, en Factory-patroon. Je krijgt praktische voorbeelden en leert hoe je deze patronen kunt implementeren in je eigen projecten, waardoor je efficiënter en gestructureerder kunt werken. Aan het einde van de cursus ben je in staat om complexe JavaScript-projecten op te zetten die gemakkelijk te onderhouden en uit te breiden zijn.

Voordelen van deze training:

• Grondige kennis van ontwerppatronen en hun toepassingen in JavaScript
• Vaardigheden om efficiëntere en beter gestructureerde JavaScript-code te schrijven
• Inzicht in best practices voor schaalbare en onderhoudbare software-architectuur
• Toegang tot een online mentor en oefenexamens voor extra ondersteuning

Cursusinhoud

Design Patterns in JavaScript: Getting Started

Course: 1 Hour, 17 Minutes

• Course Overview
• What Is a Pattern?
• Introducing Principles of Good Design
• Exploring Principles of Good Design
• Anti-patterns
• Programming Anti-patterns
• JavaScript Anti-patterns
• Types of Design Patterns
• MacOS: Installing Node.js and npm
• Windows: Installing Node.js and NPM
• Course Summary

Design Patterns in JavaScript: Constructor, Factory, & Abstract Factory Creational Patterns

Course: 1 Hour, 33 Minutes

• Course Overview
• The Constructor Pattern
• The Object Literal Notation
• Assigning Properties and Functions
• Using Object.create() and new Object()
• Functions to Construct Objects
• ES6 Classes to Construct Objects
• The Factory and Abstract Factory Pattern
• Defining Classes to be Created
• Setting Up Helpers for the Factory Pattern
• Implementing the Factory Pattern
• Setting up Constructors and Factories
• Immediately-invoked Functions for Abstract Factory
• Implementing the Abstract Factory Pattern
• Course Summary

Design Patterns in JavaScript: Singleton, Prototype, & Builder Creational Patterns

Course: 1 Hour, 20 Minutes

• Course Overview
• The Singleton Pattern
• Setting up the Singleton Pattern
• Implementing the Singleton Pattern
• The Prototype Pattern
• Implementing the Prototype Pattern
• Best Practices for the Prototype Pattern
• The Prototype Pattern without Object.create()
• The Builder Pattern
• Implementing the Builder Pattern
• Using the Builder Pattern to Construct Objects
• Implementing the Builder Pattern in jQuery
• Exploring the Builder Pattern in jQuery
• Course Summary

Design Patterns in JavaScript: Module, Revealing Module, Façade, Decorator, & Mixin Structural Patterns

Course: 2 Hours, 24 Minutes

• Course Overview
• The Module and Revealing Module Patterns
• Module Pattern with Private Variables
• Module Pattern with Private Functions
• The Revealing Module Pattern
• Best Practices for the Revealing Module Pattern
• The Façade Pattern
• Setting up the Façade
• Implementing the Façade Pattern
• Making AJAX Requests without a Façade
• Using a Façade for AJAX Requests
• The Decorator Pattern
• Setting up the Decorator Functions
• The Decorator for Dynamic Customizations
• Setting up React Decorator Components
• Using React Components as Decorators
• The Mixin Pattern
• Using Mixins in Underscore.js
• Simulating Multiple Inheritance Using Mixins
• Implementing the Mixin Pattern
• Course Summary

Design Patterns in JavaScript: Flyweight, Adapter, Composite, & Proxy Structural Patterns

Course: 2 Hours, 3 Minutes

• Course Overview
• The Flyweight Pattern
• Event Handling in the Browser
• Inefficient Memory Usage without Flyweights
• Sharing Memory with Flyweights
• Individual Event Handlers without Flyweights
• Centralized Event Handling with Flyweights
• The Adapter Pattern
• Specialized Checks without the Adapter
• Consistent Interface with the Adapter
• The Composite Pattern
• The Composite Pattern in jQuery
• The Proxy Pattern
• Using a Proxy to Cache Data
• Executing Functions with the Right Context
• Using a Proxy to Specify Context
• Course Summary

Design Patterns in JavaScript: Observer & Iterator Behavioral Patterns

Course: 1 Hour, 19 Minutes

• Course Overview
• The Observer Pattern
• Setting up Publishers and Subscribers
• Publishing and Receiving Messages
• The Observer Pattern in Event Handling
• Triggering Custom Events in jQuery
• The Observer Pattern with Custom Events
• The Iterator Pattern
• Setting up the Iterator Mixin
• Iterating over the Elements in a Collection
• Iterators in jQuery
• Course Summary

Design Patterns in JavaScript: Mediator, State, & Command Behavioral Patterns

Course: 1 Hour, 14 Minutes

• Course Overview
• The Mediator Pattern
• Setting up the Mediator
• Using the Mediator
• The State Pattern
• Setting up the State Pattern
• Implementing the State Pattern in React
• Valid and Invalid State Transitions
• The Command Pattern
• Implementing the Command Pattern
• Executing and Undoing Commands
• Course Summary