O que é AngularJS?
AngularJS é uma estrutura Model-View-Controller de código aberto que é semelhante à estrutura JavaScript.
Angular JS é provavelmente uma das estruturas da web modernas mais populares disponíveis atualmente. Esta estrutura é usada para desenvolver principalmente aplicativos de página única. Esta estrutura foi desenvolvida por um grupo de desenvolvedores do próprio Google.
Por causa do suporte total do Google e das ideias de um amplo fórum da comunidade, a estrutura está sempre atualizada. Além disso, sempre incorpora as últimas tendências de desenvolvimento do mercado.
Neste tutorial, você aprenderá-
- Recursos do AngularJS
- Arquitetura Angularjs
- Vantagens do AngularJS
Recursos do AngularJS
O Angular possui as seguintes características principais, o que o torna um dos frameworks poderosos do mercado.
-
MVC - O framework é construído sobre o famoso conceito de MVC (Model-View-Controller). Este é um padrão de design usado em todos os aplicativos da web modernos. Esse padrão é baseado na divisão da camada de lógica de negócios, da camada de dados e da camada de apresentação em seções separadas. A divisão em diferentes seções é feita para que cada uma possa ser gerenciada com mais facilidade.
-
Vinculação de modelo de dados - você não precisa escrever código especial para vincular dados aos controles HTML. Isso pode ser feito pelo Angular apenas adicionando alguns trechos de código.
-
Escrever menos código - ao realizar a manipulação do DOM, muito JavaScript foi necessário para ser escrito para projetar qualquer aplicativo. Mas com o Angular, você ficará surpreso com a menor quantidade de código necessária para escrever para a manipulação do DOM.
-
Pronto para testes de unidade - Os designers do Google não apenas desenvolveram o Angular, mas também uma estrutura de teste chamada "Karma", que ajuda a projetar testes de unidade para aplicativos AngularJS.
Arquitetura AngularJS
Angular.js segue a arquitetura MVC, o diagrama da estrutura MVC conforme mostrado abaixo.
-
O Controlador representa a camada que possui a lógica de negócios. Os eventos do usuário acionam as funções que são armazenadas dentro do seu controlador. Os eventos do usuário fazem parte do controlador.
-
As visualizações são usadas para representar a camada de apresentação que é fornecida aos usuários finais
-
Modelos são usados para representar seus dados. Os dados em seu modelo podem ser tão simples quanto ter declarações primitivas. Por exemplo, se você estiver mantendo um aplicativo de aluno, seu modelo de dados pode ter apenas uma id de aluno e um nome. Ou também pode ser complexo por ter um modelo de dados estruturado. Se você estiver mantendo um aplicativo de propriedade de carro, pode ter estruturas para definir o próprio veículo em termos de capacidade do motor, capacidade do assento, etc.
Vantagens do AngularJS
-
Por ser uma estrutura de código aberto, você pode esperar que o número de erros ou problemas seja mínimo.
-
Vinculação bidirecional - Angular.js mantém os dados e a camada de apresentação em sincronia. Agora você não precisa escrever código JavaScript adicional para manter os dados em seu código HTML e seus dados mais tarde em sincronia. Angular.js fará isso automaticamente para você. Você só precisa especificar qual controle está vinculado a qual parte do seu modelo.
-
Roteamento - o Angular pode cuidar do roteamento, o que significa mover de uma vista para outra. Esta é a base fundamental dos aplicativos de página única; em que você pode mudar para diferentes funcionalidades em seu aplicativo da web com base na interação do usuário, mas ainda permanecer na mesma página.
-
Angular oferece suporte a testes, testes de unidade e testes de integração.
-
Ele estende o HTML fornecendo seus próprios elementos chamados diretivas. Em um alto nível, as diretivas são marcadores em um elemento DOM (como um atributo, nome do elemento e comentário ou classe CSS) que dizem ao compilador HTML do AngularJS para anexar um comportamento especificado a esse elemento DOM. Essas diretivas ajudam a estender a funcionalidade dos elementos HTML existentes para dar mais poder ao seu aplicativo da web.