O que é Angular JS? Introdução, Archiarquitetura e recursos
James Hartmann
O que é AngularJS?
AngularJS é uma estrutura Model-View-Controller de código aberto semelhante ao JavaScript O AngularJS é provavelmente um dos frameworks web modernos mais populares disponíveis atualmente. Este framework é usado para desenvolvimento.ping principalmente aplicativos de página única. Essa estrutura foi desenvolvida por um grupo de desenvolvedores de Google si.
Graças ao apoio incondicional de Google Com ideias provenientes de um amplo fórum da comunidade, a estrutura é sempre mantida atualizada. Além disso, ela sempre incorpora as últimas tendências de desenvolvimento do mercado.
AngularJS Archiarquitetura
Angular.js segue a arquitetura MVC, o diagrama da estrutura MVC conforme mostrado abaixo:
- O Controlador representa a camada que contém a lógica de negócio. Os eventos do usuário acionam as funções 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 estudante, seu modelo de dados poderá ter apenas uma identificação de estudante e um nome. Ou também pode ser complexo por ter um modelo de dados estruturado. Se você estiver mantendo um pedido de propriedade de carro, poderá ter estruturas para definir o próprio veículo em termos de cilindrada, capacidade de assentos, etc.
Recursos do AngularJS
Angular possui os seguintes recursos principais que o tornam uma das estruturas poderosas do mercado:
- MVC – A estrutura é construída 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 mais facilmente.
- 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.
- Escrevendo menos código – Ao realizar a manipulação do DOM, muitas JavaScript era necessário ser escrito para projetar qualquer aplicativo. Mas com Angular, você ficará surpreso com a menor quantidade de código necessária para escrever para manipulação de DOM.
- Unidade Testes prontos – Os designers da Google Não só desenvolveu o Angular, como também criou uma estrutura de testes chamada "Karma", que auxilia na criação de testes unitários para aplicações AngularJS.
Vantagens do Angular JS
Aqui estão as 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.
- Ligação bidirecional – Angular.js mantém os dados e a camada de apresentação sincronizados. Agora você não precisa escrever mais JavaCódigo de script para manter os dados em seu código HTML e seus dados mais tarde sincronizados. Angular.js fará isso automaticamente para você. Você só precisa especificar qual controle está vinculado a qual parte do seu modelo.
- Roteamento – Angular pode cuidar do roteamento, o que significa passar de uma visualização para outra. Este é o principal fundamento dos aplicativos de página única; onde você pode migrar para diferentes funcionalidades em seu aplicativo da web com base na interação do usuário, mas ainda permanecer na mesma página.
- Angular suporta testes, tanto Teste de Unidade e Teste de integração.
- Ele estende o HTML fornecendo seus próprios elementos chamados diretivas. Em um nível superior, as diretivas são marcadores em um elemento DOM (como um atributo, nome de elemento e comentário ou classe CSS) que informam 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 web.
