short notes on some common patterns for modern day web apps

1. Modern web architectural patterns
Paulo Gandra de Sousa
@pagsousa

2. Modern web application
Data Transfer
Object pattern
The model-view
pattern family
Representational
State Transfer
Architectural style

3. DTO
• An object that carries data between
processes in order to reduce the number
of method calls.

4. REST
• REpresentational State Transfer
• Architectural Style NOT a technology
• ‘Resource’ as the main abstraction
• Key principles
–
–
–
–
–
Everything has an ID
Uniform interface
Multiple representations
Comunicate statelessly
Link things together

5. REST/HTTP
• The most common REST instantiation
• Use HTTP verbs and response codes
– GET
– PUT
– POST
– DELETE
– Well defined semantics

6. MV*
• Movel – View – *
• A family of patterns
–
–
–
–
MVC
MVP
MVvW
...
• Split user interaction into distinct roles
–
–
–
–
–
Model – the data & behaviour
View – a specific way to render the model
Controller – handles user input (mouse, keyboard, ...)
Presenter – mediates between views and models
ViewModel – a view’s state mediating between views and
models

7. MVC / MVP / MVvM

8. Connecting the dots