Introdução ao AngularJS

Angular é um conjunto de Javascript Framework, frequentemente usado para construir projetos Single Page Application (SPA). Ele funciona com base em atributos HTML estendidos (esses atributos estão de acordo com as regras do Angular). Este é um framework totalmente gratuito e de código aberto utilizado por milhares de programadores ao redor do mundo nos últimos anos, porém, este framework já foi adquirido pelo google e alterado. estruturas, funcionalidades, mas ainda utilizado e mantido em projetos antigos no período de 2010 a 2016. página inicial do angularJS: https://angularjs.org/

Conhecimento básico para entender para abordar o AngularJS

Para aprender Angular, você precisa ter pelo menos um conhecimento básico de HTML e javascript. Além disso, como a natureza Angular funciona como Single Page, usando o formulário da API para obter os dados, para se aprofundar no angular, é necessário equipar mais conhecimentos sobre XMLHttpRequest (javascript), Ajax (Jquery) para abordar no momento do acesso. .

Características do AngularJS

• AngularJS é uma estrutura baseada em Javascript para criar aplicativos web ricos
• O AngularJS é frequentemente usado para desenvolvimento frontend (interface do cliente) por meio de APIs para obter dados do servidor e usar os dados para apresentar o código-fonte html do AngularJS em conformidade com a estrutura MVC (Model – View – Controller) .
• Fornece mecanismo de vinculação de dados para reduzir o tempo de desenvolvimento de software
• Angular é open source, totalmente gratuito e desenvolvido por milhares de programadores em todo o mundo.
• Em suma, pode-se entender que trabalhar com AngularJS é como trabalhar com Ajax, usando o mecanismo de dados de ligação, operando de acordo com o modelo MVC e usando um serviço para interagir com os dados do servidor.

Descrever o conceito de padrão MVC na programação

Modelo: é o conceito de dados do aplicativo, mais fácil de entender do que queremos trabalhar com os dados de um funcionário (incluindo: nome, idade, notas, nome da turma). Esses dados serão chamados de conceito de modelo na estrutura MVC e o programador os usará para trabalhar em vez de chamadas normais. No angluarJS, o modelo é representado como tipo de dados JSON (Javascript Object Notation), esse tipo de dados é um tipo de formato de dados com uma estrutura embutida, e é frequentemente usado para comunicar dados entre cliente e servidor, linguagens de programação sempre têm builtin funções (disponíveis) para analisar e trabalhar com variáveis com tipo de dados JSON.

View: é o conceito de interface da aplicação, mais fácil de entender do que o que o usuário vê e interage (no navegador), o usuário não saberá o que está por trás do modelo, o controlador da aplicação está usando. E, claro, as visualizações entendem o modelo e usarão os dados que não estão no modelo para exibi-lo para o usuário interagir.

Controlador: Este é o local para lidar com a lógica, entre para se comunicar com a Visualização e o Modelo, o controlador contém a lógica para trabalhar com os dados representados através do Modelo e a entrega à visualização para que a visualização entenda e exiba ao usuário. . Em Angular, o fluxo do controlador é chamar o serviço para se comunicar com o servidor através da API, obter os dados (modelo) e retornar a view para exibição ao usuário.

Principais recursos e conceitos do AngularJS

Vinculação de dados: (vinculação de dados) sincroniza automaticamente os dados entre o modelo e a visualização
Escopo: (Escopo) Estes são objetos de conexão entre o Controlador e a Visualização
Controlador : Central para controlar o fluxo do software, usado em conjunto com os objetos do escopo para processar os dados e definir a interface desejada para exibição ao usuário.
Serviço : Como mencionei acima, o AngularJS usa APIs construídas a partir de serviços da web (PHP, ASP) para manipular o banco de dados.
Filtros : filtra os elementos de um array e retorna o novo array
Diretivas : marcar elementos DOM, ou seja, gerará tags HTML personalizadas
Templates : um componente que ajuda a exibir informações do controller, pode ser entendido como um template de estrutura HTML, este é um componente de views
Roteamento : alternar entre ações no controlador, com base na URL que o usuário manipula no navegador
MVC : O modelo divide os componentes separados em Model, View, Controller. Este é um modelo bem legal, mas em Angular ele é um pouco retrabalhado para se parecer com o MVVM (Model View View Model).
Deep Linking : Deep linking, que permite codificar o estado do seu aplicativo em URLs para que ele possa ser marcado para os mecanismos de pesquisa.
Injeção de dependência : o Angular torna mais fácil para os desenvolvedores criar aplicativos para desenvolver, entender e testar facilmente.

Vantagens e desvantagens do AngularJS

Vantagens:

• Angular permite criar aplicativos de forma simples e limpa
• O tempo de desenvolvimento do aplicativo é reduzido devido à estrutura de código coerente, o mecanismo de vinculação de dados economiza tempo de programação, não há necessidade de usar muitos eventos como javascript puro ou Jquery
• Angular usa vinculação de dados como .NET com recurso de vinculação HTML, para que os usuários se sintam confortáveis.

Defeito:

Embora angular tenha muitas vantagens, também tem o lado oposto:

• Inseguro: Desenvolvido a partir de javascript, portanto não é seguro, o lado do servidor precisa confirmar regularmente as permissões para que o sistema funcione sem problemas. Portanto, o AngularJS geralmente é usado apenas como frontend e se comunica com o servidor por meio da API, não interagindo diretamente com o banco de dados.
• Dependências: trata-se de um framework Javascript, portanto, o aplicativo não pode ser executado se o usuário acessar em um dispositivo que não suporte javascript.
• Erro em dispositivos móveis no momento
• Parou o desenvolvimento e encerrou o suporte até o final de 2022. O Google abandonou as estruturas antigas do framework e substituiu pelas próximas versões do Angular com conceitos completamente diferentes, levará tempo para abordar do zero. .

Abaixo está uma introdução básica ao angularJS, embora a linguagem esteja desatualizada, na prática, projetos antigos usando AngularJS ainda precisam ser mantidos, e se entender a estrutura do AngularJS, com uma base de conhecimento Isso será facilmente acessível ao novo atual frameworks como ReactJS, VueJS ou Angular 9 que são muito poderosos no momento.