Learning Lab Home/Design/Design Patterns in JavaScript

Design Patterns in JavaScript

In partnership With
Udemy
$79.99/Total
4.5
(873)

Topic:

Discover the modern implementation of design patterns in JavaScript

 

What you'll learn:

  • Recognize and apply design patterns

  • Refactor existing designs to use design patterns

  • Reason about applicability and usability of design patterns

 

Requirements:

  • Good understanding of JavaScript

  • Familiarity with latest JavaScript language features

  • Good understanding of object-oriented design principles

  • A computer with latest JS and NodeJS versions and (hopefully) an IDE

 

Description:

Course Overview

This course provides a comprehensive overview of Design Patterns in JavaScript from a practical perspective. This course in particular covers patterns with the use of:

  • The latest versions of the JavaScript programming language

  • Use of modern programming libraries and frameworks

  • Use of modern developer tools such as JetBrains WebStorm

  • Discussions of pattern variations and alternative approaches

This course provides an overview of all the Gang of Four (GoF) design patterns as outlined in their seminal book, together with modern-day variations, adjustments, discussions of intrinsic use of patterns in the language.

What are Design Patterns?

Design Patterns are reusable solutions to common programming problems. They were popularized with the 1994 book Design Patterns: Elements of Reusable Object-Oriented Software by Erich Gamma, John Vlissides, Ralph Johnson and Richard Helm (who are commonly known as a Gang of Four, hence the GoF acronym).

The original book GoF book used C++ and Smalltalk for its examples, but, since then, design patterns have been adapted to every programming language imaginable: C#, Java, Swift, Python and now — JavaScript!

The appeal of design patterns is immortal: we see them in libraries, some of them are intrinsic in programming languages, and you probably use them on a daily basis even if you don't realize they are there.

What Patterns Does This Course Cover?

This course covers all the GoF design patterns. In fact, here's the full list of what is covered:

  • SOLID Design Principles: Single Responsibility Principle, Open-Closed Principle, Liskov Substitution Principle, Interface Segregation Principle and Dependency Inversion Principle

  • Creational Design Patterns: Builder, Factories (Factory Method and Abstract Factory), Prototype and Singleton

  • Structural Design Patterns: Adapter, Bridge, Composite, Decorator, Façade, Flyweight and Proxy

  • Behavioral Design Patterns: Chain of Responsibility, Command, Interpreter, Iterator, Mediator, Memento, Observer, State, Strategy, Template Method and Visitor

Who Is the Course For?

This course is for JavaScript developers who want to see not just textbook examples of design patterns, but also the different variations and tricks that can be applied to implement design patterns in a modern way. For example, the use of Symbol.iterator allows objects (including iterator objects) to be iterable and lets scalar objects masquerade as if they were collections.

Presentation Style

This course is presented as a (very large) series of live demonstrations being done in JetBrains WebStorm and presented using the Kinetica rendering engine. Kinetica removes the visual clutter of the IDE, making you focus on code, which is rendered perfectly, whether you are watching the course on a big screen or a mobile phone. 

Most demos are single-file, so you can download the file attached to the lesson and run it in WebStorm, Atom or another IDE of your choice (or just run them from the command-line).

This course does not use UML class diagrams; all of demos are done via live coding.

 

Who this course is for:

  • Software engineers

  • Web developers

  • Designers

  • Architects

 

SHOW MORE

Course
Careers

Careers Related to Design Patterns in JavaScript

Certifications

Certifications related to JavaScript or JavaScript Design Patterns or Node JS

React JS Accelerator

Start building maintainable JavaScript applications that can handle constantly changing data at scale. Discover not only how to create JavaScript-powered React applications, but how and why they work. This course dives deep into the tools and techniques you need to create custom web applications. Explore the essentials, including components, JSX, props, and state, build multi-page apps with React Router, and incorporate functionality from third-party APIs. Then, host the result with Heroku. 

 

What you'll accomplish

Incoming students should have a familiarity with HTML and the Document Object Model (DOM), along with a working knowledge of JavaScript programming and functions, objects, arrays, and classes.. Throughout this expert-designed program, you’ll:

  • Explore the essentials of programming with React, including components, JSX, props, and state.
  • Push your knowledge to the next level by learning not only how to create React applications, but how and why they work.
  • Build multi page web applications using the popular React Router package.
  • Call upon an application programming interface (API) in a React application.
  • Host a React application on Heroku to share with the world.
  • Apply what you’ve learned to build a custom React application.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly
Javascript Accelerator

General Assembly’s JavaScript Development course teaches students Intermediate front-end development skills using JavaScript, jQuery, Git and GitHub, and the command line. You’ll apply what you’ve learned to build a modern, single- page web application utilizing industry best practices.

 

What you'll accomplish

This is an intermediate-level course and requires a basic knowledge of HTML and CSS in order to enroll. Throughout this expert-designed program, you’ll:

  • How to work with JavaScript, jQuery, the browser, and the Document Object Model (DOM).
  • The fundamentals of JavaScript in order to more easily learn how to work with associated frameworks and libraries.
  • The essentials of object-oriented programming so that you can more easily learn another object-oriented language.
  • How to consume data from APIs and persist data using a back-end-as-a-service provider like Firebase.
  • How to build a modern, single-page application using common design patterns.
  • Apply what you’ve learned to create a portfolio project: a single-page web app that adheres to modern JavaScript design patterns.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly
Front-End Web Development Accelerator

General Assembly’s Front-End Web Development course equips complete beginners with the cutting-edge tools they need to build rich, interactive websites. Dive into essential programming languages, then round out your skill set with industry-relevant topics like responsive design, APIs, and version control. You’ll apply what you’ve learned to build a custom website from scratch.

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although some students may have coded previously. First-time programmers will have access to pre-course preparatory lessons and additional resources to boost their confidence with key concepts. Throughout this expert-designed program, you’ll:

  • Discover how the web works.
  • Create the structure and style of a website using HTML and CSS.
  • Apply interactivity to a site with JavaScript programming fundamentals.
  • Host a website on a server.
  • Learn the basic technical vocabulary to communicate with front-end web developers and other technical stakeholders.
  • Apply what you’ve learned to create a portfolio project: a dynamic, responsive website.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly
Courses

Courses related to JavaScript or JavaScript Design Patterns or Node JS

Diploma Course in Information Technology (IT)
Udemy

Topic:

Upskill in IT industry - Web Development, Digital Marketing, Data Science, MS Excel, Graphics designing and many more

 

What you'll learn:

  • Get Diploma Certificate…

3.9
(58)
Responsive Design HTML CSS Web design - Dreamweaver CC
Udemy

Topic:

Learn HTML5 & CSS3 web design skills. Build beautiful responsive design websites in Dreamweaver CC

 

What you'll learn:

  • 39 lectures 3+ hours of well-structured…

4.6
(1790)
Modern Web Scraping with Python using Scrapy Splash Selenium
Udemy

Topic:

Become an expert in web scraping and web crawling using Python 3, Scrapy, Splash and Selenium 2nd EDITION (2021)

 

What you'll learn:

  • Understand the fundamentals…

4.6
(3027)
UI UX Design Hybrid from Figma to HTML CSS and JavaScript
Udemy

Topic:

Learn how to become a Full-Stack Designer with User Interface Design, User Experience Design, Web Development, Bootstrap

 

What you'll learn:

  • Design 3000 Figma…

4.4
(460)