O que é Angular JS? Introdução, Archiarquitetura e recursos

O que é AngularJS?

AngularJS é uma estrutura Model-View-Controller de código aberto semelhante ao JavaScript estrutura. AngularJS é provavelmente uma das estruturas da web modernas mais populares disponíveis atualmente. Esta estrutura é usada para desenvolver principalmente aplicativos de página única. Este framework foi desenvolvido por um grupo de desenvolvedores do próprio Google.

Devido ao apoio absoluto do Google e às ideias de um amplo fórum da comunidade, a estrutura é sempre mantida atualizada. Além disso, 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:

AngularJS Archiarquitetura
Angularjs Archidiagrama de arquitetura
  • 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:

  1. 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.
  2. 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.
  3. 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.
  4. Unidade Ensaios pronto – Os designers do Google não apenas desenvolveram o Angular, mas também desenvolveram uma estrutura de teste chamada “Karma” que ajuda no projeto de testes unitários para aplicativos 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.
Vantagens do Angular JS

Vantagens do AngularJS
  • 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.