MVC ou MVP ou MVVM
(Model-View-Controller / Model-View-Presenter / Model-View-ViewModel)
(A escolha depende do que se adequa melhor a você e ao que quer fazer)
Desta forma você divide as regras da aplicação em camadas.
No Model, você pode criar todas as entidades e regras de negócio principais em um WebService em qualquer linguagem ou plataforma e, a partir dele, disponibilizar o dados e interagir com sua página Web, sem existir um vínculo real entre ambos. Apenas um contrato da interface pública do Model para o FronEnd.
Vantagens da divisão em camadas
Dividir sua aplicação separando a View
do código você tem diversas vantagens:
- Redução do tráfego de rede
- Redução da carga do servidor de aplicação
- Navegação mais dinâmica e fluída
- Independência entre as equipes de Front-End e Back-End que só precisam estabelecer as funções e assinaturas dos métodos que serão expostos
Frameworks
Dentre estes frameworks posso citar:
É um framework Model View ViewModel que fornece Two-Way binding
entre o DOM e o ViewModel em javascript
Faz com que o DOM se atualize quando houver atualização na ViewModel e atualiza a ViewModel automaticamente quando ocorrer alteração no DOM
Tenho algumas coisas atrasadas aqui, assim que terminar complemento mais a resposta com os outros frameworks e exemplos
Ember.js é um framework Javascript para desenvolvimento client-side de páginas web baseado na arquitetura MVC. Permite aos criar SPA (Single Page Aplications) de forma scalável, incorporando diversos recursos além de templates auto-atualizáveis baseada no Handlebars.js
O AngularJs é um framework MVW (Model View Whatever) que permite que você utilize (to be continued...)