Паттерны проектирования в JS

При работе с кодом больше всего времени уходит на его чтение и понимание, а не написание. Код — не только инструкция для компьютера, но и объяснение ваших намерений другим людям. Если написать хаотичный, но работающий код, то другим разработчикам станет труднее понимать его и вносить осмысленные изменения.

Паттерны проектирования — общепринятые переиспользуемые шаблонные решения конкретных проблем при создании софта. Они помогают сделать код более упорядоченным, предсказуемым и надёжным и позволяют говорить с другими разработчиками на одном языке.

Начать тренажёр

Содержание:

• Введение

  • Что такое паттерны проектирования и зачем они нужны

• Паттерн Module (Модуль)

  • Теория
  • Туториал: кеш с WeakMap
  • Челлендж: переключение цветовой темы и языка сайта

• Паттерн Singleton (Синглтон)

  • Теория
  • Туториал: одиночный API-клиент на axios

• Паттерн Proxy (Прокси)

  • Теория
  • Туториал: кеширование функции с Proxy

• Паттерн Prototype (Прототип)

  • Теория
  • Туториал: класс-прототип объекта

• Паттерн Factory (Фабрика)

  • Теория
  • Туториал: создание формы в фабрике

• Паттерн Strategy (Стратегия)

  • Теория
  • Туториал: стратегии доступа по ролям пользователей

• Паттерны Observer (Наблюдатель) и Publish/Subscribe (Публикация/Подписка)

  • Теория
  • Туториал: нотификации с react-toastify на шине событий

• Паттерны State (Состояние) и State Machine (Конечный автомат)

  • Теория
  • Туториал: игра «Угадай число»

• Финал

  • Тренажёр в разработке