Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

JavaScript Architecture: Design Patterns & SOLID Principles

via Udemy

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
Stop writing messy code. Learn to apply Gang of Four patterns, OOP principles, and eliminate JavaScript antipatterns.

What you'll learn:
  • Get a complete understanding of Javascript design patterns & understand where to use them in Javascript code
  • How Design Patterns Solve Design Problems
  • Learn the differences between competing design patterns to choose correct solution to your problem
  • Master the Structural Design Patterns (Adapter, Bridge, Composite, Decorator, Facade, Flyweight, Proxy)
  • Master the Creational Design Patterns (Factory, Abstract Factory, Builder, Prototype, Singleton)
  • Comprehensive knowledge about limitations, comparisons, real world usage & hand on examples of design patterns using Javascript

Are you tired of writing "spaghetti code" that breaks every time you add a new feature?

You know how to write JavaScript, but do you know how to architect it? Transitioning from a junior to a senior developer requires more than just knowing syntax. It requires knowing how to design software that is clean, scalable, and easy to maintain.

Welcome to JavaScript Architecture: Design Patterns & SOLID Principles.

Many developers believe that Object-Oriented Programming (OOP) and Gang of Four (GoF) patterns are only for strict languages like Java or C#. That is a myth. Applying these proven architectural principles to JavaScript is the secret weapon for building robust front-end applications and scalable Node.js backends.

What You Will Learn: This course isn't just theory. We dive deep into practical, real-world JavaScript implementations of the most critical software design concepts in the industry.

1. The SOLID Principles Learn the 5 pillars of scalable architecture and how to apply them specifically in JavaScript:

  • S - Single Responsibility Principle

  • O - Open/Closed Principle

  • L - Liskov Substitution Principle

  • I - Interface Segregation Principle

  • D - Dependency Inversion Principle

2. Creational Design Patterns Master how to create objects the right way:

  • Simple Factory, Abstract Factory, & Factory Method

  • Singleton, Builder, Prototype, & Object Pool

3. Structural Design Patterns Learn how to assemble objects and classes into larger, flexible structures:

  • Adapter (Object & Class), Decorator, & Bridge

  • Facade, Proxy (Static & Dynamic), Flyweight, & Composite

4. Behavioral Design Patterns Control how your objects communicate with each other:

  • Observer, Strategy, Command, & State

  • Chain of Responsibility, Iterator, Mediator, & Memento

  • Template Method, Visitor, & Null Object

5. JavaScript Anti-Patterns (What NOT to do) Knowing what not to do is just as important. We will dedicate an entire section to identifying common JavaScript anti-patterns and refactoring bad code into clean code.

Why Take This Course?

  • No Fluff: We get straight to the point with hands-on, follow-along coding lectures for every single pattern.

  • Modern JavaScript: All examples are written in modern JS, relevant to today's React, Vue, Angular, and Node.js ecosystems.

  • Interview Prep: System design and pattern questions are heavily tested in senior-level tech interviews. This course gives you the vocabulary and knowledge to ace them.

Who Should Enroll?

  • Junior/Mid-Level Developers who want to write cleaner code and level up to Senior positions.

  • Self-Taught Devs & Bootcamp Grads who missed out on traditional Computer Science architecture classes.

  • React/Node.js Developers dealing with messy, hard-to-maintain codebases.

Stop guessing how to structure your apps. Enroll today and start writing JavaScript like a software architect!

Syllabus

  • Introduction
  • SOLID Design Principles
  • Creational Design Patterns: Builder
  • Creational Design Patterns: Abstract Factory
  • Creational Design Patterns: Singleton
  • Creational Design Patterns: Prototype
  • Structural Patterns: Adapter
  • Structural Patterns: Bridge
  • Structural Design Patterns: Composite
  • Structural: Decorator Pattern
  • Structural: Facade
  • Structural: Flyweight
  • Behavioral: Observer
  • Beavioral: Iterator
  • Behavioral: Command
  • Anti Patterns
  • Final Test
  • Extras

Taught by

Hilmi Cihan Yıldırım

Reviews

4.4 rating at Udemy based on 123 ratings

Start your review of JavaScript Architecture: Design Patterns & SOLID Principles

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.