 |
|
||||
Você está aqui: AngularJS ::: Angular / AngularJS + JavaScript ::: Passos Iniciais |
O que é o AngularJS, como baixar, testar e escrever sua primeira aplicaçãoQuantidade de visualizações: 1431 vezes |
|
O AngularJS é um framework JavaScript de código aberto, mantido pelo Google, que auxilia na execução de single-page applications (SPAs), ou seja, aplicações de uma única página. Neste tipo de aplicação não há mudança de página por meio do recarregamento da página inteira, mas somente parte do código via chamadas ao DOM e AJAX. Seu objetivo é o desenvolvimento de aplicativos que podem ser acessados por um navegador web, e foi construído sob o padrão model-view-view-model (MVVM), em um esforço para facilitar tanto o desenvolvimento quanto o teste dos aplicativos. A biblioteca lê o HTML que contém atributos especiais e então executa a diretiva na qual esta tag pertence, e faz a ligação entre a apresentação e seu modelo, representado por variáveis JavaScript comuns. Os valores dessas variáveis JavaScript podem ser setados manualmente, ou via um recurso JSON estático ou dinâmico. Como baixar o AngularJS Embora seja comum baixar o AngularJS a partir do Node.js, nesta dica mostrarei como fazer o download manualmente. Para isso, acesse a URL https://code.angularjs.org e localize a versão desejada. Para esta dica eu baixei a versão 1.7.9 (angular-1.7.9.zip, com o tamanho de 7,40Mb). Finalizado o download, descompacte os arquivos na raiz do seu servidor web (ou qualquer outro diretório que você julgar necessário). Hora de testar o AngularJS Agora que você já baixou o AngularJS e já descompactou o seu conteúdo no diretório de sua preferência, chegou a hora do grande teste. Crie um novo documento HTML com o seguinte conteúdo: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Minha primeira aplicação AngularJS</title> <script src="http://localhost/angular-1.7.9/angular.min.js"></script> </head> <body> Abra a página no seu navegador, digite seu nome na caixa de texto e verá algo como "Olá, Patrícia. Tudo bem com você?". E o interessante é que a frase de saudação é atualizada à medida que você vai digitando. Nesta dica não detalharei os elementos que usamos neste exemplo. Apenas note que fizemos a importação do arquivo .js do AngularJS localmente: <script src="http://localhost/angular-1.7.9/angular.min.js"></script> É possivel fazer a importação usando CDN, o que dará ainda mais velocidade ao carregamento de suas aplicações. Para a versão 1.7.9, o CDN do Google é: <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script> Funcionou como esperado? Agora veja mais dicas dessa seção para aprender mais um pouco sobre AngularJS. |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de AngularJS |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
