Engenho & Engenhocas

Agile aplicado

Por Silvia Pinhão Lopes

Para ler

0 Comentários

Ler mais Comentar

Desenvolvimento Formação

Livecoding.tv

Por Silvia Pinhão Lopes

Para ler

0 Comentários

Ler mais Comentar

AngularJS Desenvolvimento Framework Imagem Web

A popularidade do AngularJS

Por Silvia Pinhão Lopes

Para ler

0 Comentários

O que é o AngularJS?

A framework web de código aberto AngularJS é escrita em JavaScript e mantida pela Google.
Esta framework é comumente usada no desenvolvimento de Single Page Applications (SPA). Estas aplicações são aplicações web ou sitios web que cabem numa única página web.

Malgrado a curva de aprendizagem acentuada, esta framework é muito popular e uma vez havendo conhecimento de AngularJS, o desenvolvimento e os testes das aplicações web tornam-se mais simples.

Esta framework é grátis e ajuda a usar HTML como template, cria aplicações RICH e é uma aplicação cliente. Permite ainda estender a sintaxe da linguagem HTML e, acima de tudo, muito do código que teria de ser escrito é eliminado graças ao data binding e à dependency injection desta framework.

Esta solução cliente fornece

data binding
directivas que estendem a linguagem HTML com templates
validação
routing
deep linking
componentes reutilizáveis

O que tornou o AngularJS tão popular?

Possiblita a estruturação do código segundo os padrões MVVM ou MVC.
O two-way data binding diminui consideravelmente a quantidade de código necessário à manutenção da consonância entre Model e View.
Web designers e programadores podem trabalhar em paralelo, uma vez que as templates são HTML. Enquanto os designers criam as interfaces, os programadores ligam as componentes de UI com os modelos de dados através de uma sintaxe declarativa para programar o binding.
O DOM da página é analisado e o binding é feito usando atributos do elemento. O AngularJS também pode modificar directamente o DOM da página.
Dado que os modelos de dados do AngularJS são Plain Old Java Object(POJO), torna-se relativamente simples alterar ou adicionar propriedades.
Qualquer aplicação web baseada em dados pode ser desenvolvida sem recorrer a outra framework ou plug-in visto a framework ter um pacote completo.
Suporta testes unitários.

Exemplo básico

<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

<body>

<div ng-app="">
 
<p>Escreve um nome qualquer na caixa:</p>
<p>Nome: <input type="text" ng-model="name"></p>
<h1>Olá {{name}}</h1>

</div>

</body>
</html>

AngularJs Quick Start

(editado)

Ler mais Comentar