Придбаний [HTML Academy] патерни проектування

[Gadzhi]

Що буде на курсі:

• ви навчитеся застосовувати перевірені архітектурні підходи при створенні програм.
• ви дізнаєтеся, як застосовувати патерни в розробці алгоритмів різного спрямування, починаючи від інтерфейсу веб-додатки і закінчуючи серверною частиною мобільного додатку.

Спойлер: "інформація"

Розділ 1

введення в патерни проектування

Познайомимося з патернами проектування, розберемося, навіщо вони потрібні і на які типи діляться.

• Що таке патерни проектування і навіщо їх потрібно знати?
• Що буде на курсі?
• Процедурне, об'єктно-орієнтоване та функціональне програмування
• Типи патернів проектування
• Тест по першому розділу

Розділ 2

Породжуючі патерни

У цьому розділі розглянемо породжуючі патерни проектування

- Вступ: що таке породжуючі патерни, для чого і коли вони потрібні.
‍
"Одинак" (Singleton)

• Демо: лічильник відвідувань в проекті "Котокафе"
• Завдання + рішення: створення лічильника відвідувань сторінок проекту "фермерські продукти"

"Фабричний метод" (Factory method) — фабричний метод (Factory method)

• Демо: виділення картки в галереї "Котокафе"
• Завдання + рішення: виведення типів продуктів на головній сторінці проекту "фермерські продукти"

‍
"Абстрактна фабрика" (Abstract Factory)

• Демо: зміна формату виведення імені рідкісних котів в проекті "Котокафе"
• Завдання + рішення: створення шаблонів для карток і заголовків в проекті "фермерські продукти"

‍
"Будівельник" (Builder)

• Демо: висновок промотексту на сторінках проекту "Котокафе"
• Завдання + рішення: додавання промотексту на сторінках проекту"фермерські продукти"

"Пул об'єктів" (Object Pool)

• Демо: виведення часу відвідування сторінки в проекті "Котокафе"
• Завдання + рішення: виведення часу запуску програми на головній сторінці проекту "фермерські продукти"

"Прототип" (Prototype)

• Демо: створення прототипу з інформацією про вихованця в проекті "Котокафе"
• Завдання + рішення: створення прототипу для карток у проекті "фермерські продукти"
• Тест по другому розділу

РОЗДІЛ 3

структурні патерни

У цьому розділі розглянемо структурні патерни проектування
‍
- Введення в структурні патерни

"Адаптер" (Adapter)

• Демо: виведення даних в новому форматі в Сервісі з продажу автомобілів
• Завдання + рішення: виведення даних в новому форматі в CRM-системі

"Міст" (Bridge)

• Демо: зміна колірної теми сервісу з продажу автомобілів
• Завдання + рішення: механізм колірного оформлення CRM-системи

"Декоратор" (Decorator)

• Демо: прискорення завантаження сторінок в Сервісі з продажу автомобілів
• Завдання + рішення: кешування даних в CRM-системі

"Фасад" (Facade)

• Демо: інкапсуляція базової конфігурації для нових запитів в Сервісі з продажу автомобілів
• Завдання + рішення: отримання завдань із зовнішньої CRM-систем

"Компонувальник" (Composite)

• Демо: виділення авто в списку за допомогою чекбоксу в Сервісі з продажу автомобілів
• Завдання + рішення: виділення завдань зі списку в CRM-системі

"Проксі" (Proxy)

• Демо: обмеження часу доступу співробітників до сервісу з продажу автомобілів
• Завдання + рішення: блокування отримання даних в CRM-системі
• Тест по третьому розділу

Розділ 4

поведінкові патерни

У цьому розділі розглянемо поведінкові патерни проектування

"Ланцюжок обов'язків" (Chain of Responsibility)

• Демо: висновок в картку товару інформації про наявність книг в проекті"по поличках"
• Завдання + рішення: висновок в картку рецепта даних про кількість страв в проекті"ще шматочок"

"Команда" (Command)

• Демо: отримання даних з сервера за допомогою AJAX-запиту в проекті"по поличках"
• Завдання + рішення: інструмент для отримання даних з нового джерела в проекті"ще шматочок"

"Ітератор" (Iterator)

• Демо: блокування виведення даних в певний проміжок часу в проекті"по поличках"
• Завдання + рішення: блокування виведення рецептів в певний час в проекті "ще шматочок"

"Посередник" (Mediator)

• Демо: рамка для контейнера з книгами в проекті"по поличках"
• Завдання + рішення: рамка для контейнера з рецептами в проекті "ще шматочок"

"Спостерігач" (Observer)

• Демо: зовнішній скрипт для видалення блоку з новинками в проекті"по поличках"
• Завдання + рішення: зовнішній скрипт для видалення некоректних рецептів в проекті"ще шматочок"

"Стан" (State)

• Демо: додавання темної теми в проекті"по поличках"
• Завдання + рішення: темна тема в проекті"ще шматочок"

"Стратегія" (Strategy)

• Демо: висновок шаблону картки товару без блоку з кількістю сторінок в проекті"по поличках"
• Завдання + рішення: висновок шаблону картки рецепта без блоку автора в проекті"ще шматочок"

"Відвідувач" (Visitor)

• Демо: виділення нового видання книги за унікальним ідентифікатором
• Завдання + рішення: блокування рецепта в стадії розробки в проекті"ще шматочок"

"Хранитель"/"знімок" (Memento)

• Демо: кнопка для зміни обкладинки книги на головному банері додатка"по поличках"
• Завдання + рішення: кнопка зміни заголовка сайту в проекті"ще шматочок"

"Шаблонний метод" (Template Method)

• Демо: додавання символів-префіксів до назв книг в проекті"по поличках"
• Завдання + рішення: додавання символів-префіксів до назв рецептів в проекті"ще шматочок"
• Тест по четвертому розділу

Розділ 5

MV * - патерни

У цьому розділі ми навчимося застосовувати Mv * - патерни проектування

"MVC"

• Демо: додавання фільтра готелів за вартістю в проекті "Седона"
• Завдання + рішення: додавання фільтра товарів за вартістю в проекті "Девайс"

"MVP"

• Демо: поетапне виведення елементів на сторінку в проекті "Седона"
• Завдання + рішення: поетапне завантаження елементів на сторінку в проекті "Девайс"

"MVVM"

• Демо: додавання фільтра за типом житла в реальному часі в проекті "Седона"
• Завдання + рішення: фільтр по наявності Bluetooth в реальному часі в проекті "Девайс"
• Тест по п'ятому розділу

Розділ 6

висновок

У цьому розділі ми підведемо підсумки курсу і закріпимо отримані знання
‍

• Підводимо підсумки
• Фінальне тестування
• Додаткові матеріали

https://privatelink.de/?https://levelup.htmlacademy.ru/design-patterns