Презентация и примеры для выступления на Web Standarts Days (Минск, 29 октября 2016).

Responsive web design, HTML5, CSS3, IDE, API, React, Angular, веб-компоненты, БЭМ... Опытным фронтендерам эти слова давно знакомы. А как насчет таких классических архитектур как MVC, MVP или MVVM? И вообще, зачем о них нужно знать фронтендеру?

В своем докладе я подробно рассмотрю эти три понятия. На простых примерах я покажу, как можно организовать ту или иную архитектуру во фронтендовой части веб-приложения, а также продемонстрирую некоторые архитектурные паттерны, которые позволяют увеличить читабельность и добавить модульность и переносимость кода.

Примеры кода находятся в папке examples

• Wiki: архитектура ПО, MVC, MVP, MVVM, шаблоны проектирования
• [Хабр] Паттерны для новичков: MVC vs MVP vs MVVM
• [Хабр] И опять про MVC
• Addy Osmani: Understanding MVC And MVP [en]
• Learning JavaScript Design Patterns by Addy Osmani (ebook) [en]
• MVC в JavaScript
• Knockout.
• TodoMVC

Open index.html in the browser and view slides

Insure you have installed on your computer:

• Node.js and path variables
• Gulp (npm i gulp -g)

Console commands to run the project:

1. Install all dependenсies: npm i
2. Run gulp watcher: gulp
3. Enjoy the power :)