É uma resposta simples ainda mas seriam os seguintes conceitos:
MVC ou MVP ou MVVM
(DependeModel-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. Você
No Model, você pode criar todas as entidades e regras de negócio principais em um WebServiceWebService em PHPqualquer linguagem ou plataforma e, a partir dele, disponibilizar o acesso paradados 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:
KnockOutJs
É 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
EmberJS
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
AngularJs
O AngularJs é um framework MVW (Model View Whatever) que permite que você utilize (to be continued...)