No que diz respeito a diferenças na execução do Angular vs. JQuery
Angular.js é um framework.
Na execução do Angular.js, ocorre o carregamento, onde sua árvore DOM e JavaScript é tranformada em um aplicativo angular.
Isso ocorre pois o código HTML com caracteres especiais (diretivas e filtros angular) é compilado e angular realiza uma vinculação entre Controller, Model e View (padrão MVC).
Logo, você precisa entender esses controladores, serviços, diretivas, etc. entendo que é uma curva de aprendizagem moderada.
Seria uma boa opção para uma aplicativo que possui CRUD por exemplo.
Basta incluir a propriedade ng-app no elemento html em que queremos “ativar” o angularJS:
<html ng-app>
<head>
<title>Lista de compras</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script>
</head>
<body>
Hello <input type="text" ng-model="yourName"/>
<h1>Hello {{yourName}}</h1>
</body>
</html>
Além da propriedade ng-app (linha 1), utilizamos para DataBind a propriedade ng-model, para informar que este elemento estará ligado a uma variável do AngularJS, através da variável yourName, na linha 8. Isso significa que qualquer alteração na caixa de texto irá atualizar o valor da variável.
Toda vez que modelo é atualizado - seja por meio de uma chamada de AJAX assíncrona, ou através da manipulação direta
em algum lugar no código do Controller, Angular atualiza o modelo de dados e o mantém em sincronia com a View.
Dentre Objetivos/Características:
- Abstrair a manipulação do DOM da lógica do aplicativo. Isto melhora os testes do código.
- Abstrai o acoplamento entre o lado cliente e o lado servidor da aplicação. Isto permite que o desenvolvimento do aplicativo evolua em ambos os lados, de forma paralela, e permite o reuso de código.
- Guia os desenvolvedores através da construção de todo o aplicativo: desde o design de Interface, passando pela escrita das regras de negócio, até chegar aos testes da aplicação.
JQuery é uma biblioteca javascript para manipulação do DOM (ex. mudança de cores de um elemento, eventos onclick, animação, etc...).
Na execução do JQuery, seu código irá realizar chamadas a funções de uma biblioteca, solicitado por algum evento DOM por exemplo.
Já para carregar o JQuery inserimos a referência a biblioteca: <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js">
Depois inserimos uma função jQuery na página para que, quando a página estiver pronta, possamos utilizar o JQuery:
$(function() { // Quando a página estiver carregada
RealizarAlgo();
})
Dentre Objetivos/Características:
- Resolução da incompatibilidade entre os navegadores.
- Redução de código com a reutilização do código através de plugins criados por outros desenvolvedores.
- Trabalha com AJAX.
- Implementação segura de recursos do CSS.
No que diz respeito ao uso, encontrei esse link http://w3techs.com/technologies/comparison/js-angularjs,js-jquery
AngularJS
, mas o pouco que eu vi ele atua no HTML assim como é possível fazer comJQuery
. Por isso surgiu essa dúvida sobre as diferenças entre ambos na prática.