SPA usando AngularJS

Hoje, o AngularJS se tornou uma das estruturas de desenvolvimento mais populares principalmente devido à sua capacidade de ajudar os desenvolvedores a criar aplicativos de página única (SPA) com facilidade. Em aplicações web tradicionais, o cliente (navegador) inicia um canal de comunicação com o servidor solicitando uma página. O servidor responde processando a solicitação e enviando o HTML da página de volta ao cliente. Se o usuário solicitar uma nova página, o servidor enviará outra página HTML. Mesmo que o cliente solicite uma pequena alteração, digamos um formulário com detalhes básicos, a página inteira deve ser carregada novamente pelo servidor e enviada de volta ao cliente.

Solicitações HTML e Ajax

Em aplicativos de página única, a página inteira é carregada de uma só vez e a comunicação subsequente é realizada pelo servidor usando solicitações Ajax. O navegador precisa atualizar apenas a parte da página que mudou e não há necessidade de recarregar a página inteira sempre que um usuário faz uma nova solicitação.
Como a abordagem SPA reduz o tempo gasto pelo servidor para responder às solicitações do usuário, os aplicativos da web são executados mais rapidamente, usam menos poder de computação e permitem que os desenvolvedores de interface de usuário (UI) criem páginas da web mais atraentes e ágeis.

Criação de páginas Shell

A 'página única' no SPA refere-se a uma página shell que responde a consultas na forma de HTML, CSS ou JavaScript. A página do shell é renderizada de forma assíncrona com o HTML, eliminando a necessidade de viagens de ida e volta para o servidor. A página shell precisa apenas de uma referência à biblioteca JavaScript AngularJS e uma diretiva ng-view (um contêiner virtual que permite aos desenvolvedores de IU alternar entre as visualizações) para informar ao AngularJS onde as páginas de conteúdo precisam ser renderizadas na página shell.
Dentro da mesma página ‘única’, o AngularJS permite que os desenvolvedores forneçam várias visualizações contidas no mesmo URL. Diferentes conjuntos de visualizações podem aparecer - um após o outro - dentro da mesma página do shell, e cada visualização é carregada dinamicamente quando o usuário rola a página.

A Diretiva AngularJS integrada - ng-app - permite que os desenvolvedores inicializem o aplicativo, com a opção de adicionar diretivas de terceiros também. A diretiva ng-model, por outro lado, permite adicionar expressões de vinculação de dados à memória. Dê uma olhada aqui:

o que o iterator faz em java

Globalmente, os desenvolvedores adotaram o SPA usando AngularJS e, com toda a probabilidade, essa tendência deve durar um tempo.

Tem alguma questão para nós? Mencione isso na seção de comentários e entraremos em contato com você.