AS CIÊNCIAS DA COMPUTAÇÃO

...

DISPOSIÇÕES GERAIS SOBRE ANGULARJS 11

1.2 Funcionalidades Chave Do Angularjs 12

1.2.1 Data Binding 12

1.2.2 Controller 12

1.2.3 Comunicação com o server-side 12

1.2.4 Diretivas 12

1.2.5 Filtros 13

1.2.6 Serviços 13

1.2.7 Factorys 13

1.2.8 Roteamento 13

1.2.9 Localização e Internacionalização 14

1.2.10 Injeção de dependência 14

1.2.11 Testabilidade 14

1.2.12 Exemplos 14

CAPITULO II 15

DISPOSIÇÕES GERAIS SOBRE JQUERY 15

2.1 Principais funcionalidades do jQuery: 16

2.2 Exemplos 16

CAPITULO III 17

DIFERENÇAS ENTRE O SISTEMA ANGULARJS E JQUERY 17

3.1 Vantagens e Desvantagens do Angularjs 17

3.2 Vantagens e Desvantagens do Jquery 18

CONSIDERAÇÕES FINAIS 20

BIBLIOGRAFIA 20

INTRODUÇÃO

O presente trabalho de conclusão de curso trata-se de AngularJS e jQuery, sendo que o primeiro é um framework javascript open source mentido pelo Google que foi construído para o desenvolvimento de aplicações web, AngularJS permite ampliar o vocabulário HTML para sua aplicação, e o segundo é um framework de Javascript. Um framework, é uma coleção de funções e métodos prontos para serem utilizados, amplamente testados e que devem ser usados de forma pré-definida para tudo correr bem.

Pretende-se por meio de levantamento bibliográfico, dispor sobre as funções, efetividades, diferenças e vantagens entre AngularJs e jQuery.

jQuery é uma biblioteca, já AngularJS é uma framework. Ao utilizar uma biblioteca seu código decide quando realizar a chamada de determinada função da biblioteca, quando utilizando uma framework você implementa callbacks e a framework decidirá quando chamá-los.

Fica mais fácil de entender tal diferença quando pensamos no que está acontecendo em tempo de execução. Com jQuery nada acontece em “background”, qualquer execução de código jQuery é disparado por uma trigger vinculada ao DOM.

Já o Angular torna sua árvore DOM e seu javascript em um aplicativo Angular. O HTML com as diretivas do Angular é compilado em uma árvore de views, os scopes e controllers são vinculados às views, e existe um loop interno na aplicação responsável por garantir a sincronização de dados (data binding) entre a view e o model. Ou seja, temos uma aplicação MVC.

CAPITULO I

DISPOSIÇÕES GERAIS SOBRE ANGULARJS

AngularJS é um framework MVC (ou MVW) para desenvolvimento de aplicações front-end em JavaScript desenvolvido e mantido pelo Google. Com uma estrutura bem definida, o AngularJS facilita a organização do código, além de fornecer controle de dependências e two-way binding nas views HTML. O AngularJS, que conta com ampla documentação (AngularJS: API Reference, 2014), nos permite estender o vocabulário HTML de modo específico para cada aplicação, através da criação de novas tags ou novos atributos em tags HTML padrão. O ambiente resultante é extraordinariamente expressivo, legível e rápido para se desenvolver.

O framework é personalizável, permitindo seu uso da maneira mais adequada ao desenvolvimento de sua aplicação. É inteiramente extensível e funciona bem com outras bibliotecas, como, por exemplo, Jquery.

O AngularJS é um framework JavaScript que implementa o padrão Model-View-Controller(MVC) em páginas web. É uma tecnologia que proporciona maior agilidade e produtividade no desenvolvimento de páginas websem levar a complexidade (W3SCHOOLS, 2015b). Seguindo padrão MVC (SIERRA, 2005), AngularJS divide o código dos sistemas webem três partes:

- modelo: define as entidades do domínio do sistema;

b) visão: interface pelo qual o usuário acessa e utiliza o sistema. No caso do AngularJS, as respostas que o controlador retorna são automaticamente trazidas para telae mostrada instantaneamente ao usuário;

c) controlador: responsável por executar a funcionalidade do sistema e responder aos eventos do usuário.

1.2 Funcionalidades Chave do AngularJS

1.2.1 Data Binding

Data-binding é uma forma automática de atualizar a view (HTML) sempre que o modelo é atualizado. Da mesma forma, o modelo é atualizado quando os dados na view (HTML) são alterados. Essa funcionalidade nos fornece uma grande vantagem, que é não precisarmos nos preocupar com a manipulação do DOM (HTML), tendo em vista que o framework já cuida disso através do Data-Biding.

1.2.2 Controller

Controllers fornecem o comportamento aos elementos do DOM, permitindo que expressemos as lógicas da view de forma limpa e legível, sem a necessidade de manipulação direta do HTML, abstraindo, dessa forma, a estrutura do mesmo.

1.2.3 Comunicação com o server-side

O framework provê, nativamente, serviços que rodam em cima de XHR, permitindo chamadas AJAX ao server-side e utilizando promises (Uma promise representa o resultado de alguma operação assíncrona), que simplificam seu código, já que são elas que lidam com o retorno e tratamento das requisições assíncronas.

1.2.4 Diretivas

Diretivas são marcações em elementos do DOM (feitas como um atributo, um nome de elemento, ou mesmo uma classe CSS) que indicam ao compilador AngularJS que um comportamento específico deve ser anexado ao elemento, ou até mesmo que esse elemento e seus elementos filhos devem sofrer alguma transformação. Através do uso de diretivas é possível