Skip to main content
adicionou 17 caracteres ao conteúdo
Fonte Link
vinicius
  • 21,7mil
  • 18
  • 85
  • 152

Basicamente, jQuery é uma biblioteca Javascript, que simplifica o Javascript para atividades comuns no dia-a-dia do desenvolvimento. Excelente para manipular o DOM com muito menos código que o JS puro.

Exemplo de jQuery:
Selecionando o <div id="meudiv"></div>
Javascript:  document.getElementByID('meudiv')
jQuery:        $('#meudiv')

Já AngularJS é um framework, que trabalha com dados, focando na interação usuário <-> aplicativo. Tem os seguintes pontos principais:

  • Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.

  • Padrão de desenvolvimento [MVV] [MVVM](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).

  • Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:

      pessoas = [
              {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'},
              {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'}
      ]
    

Para listar todos os itens do objeto/model, você pode, por exemplo, fazer o seguinte:

<li ng-repeat="pessoa in pessoas" ng-model="pessoas">
    {{pessoa.nome}} é {{pessoa.caracteristica}} e seu sobrenome é
    {{pessoa.sobrenome}}
</li>


E o AngularJS vai exibir o seguinte:

  • Romulo é lindo e seu sobrenome é Zoch
  • João é feio e seu sobrenome é Do caminhão
- **Diretrivas `customizadas`** (como componentes reutilizáveis, criação de 'html' personalizado). Você pode, por exemplo, criar um elemento `texto`, que irá renderizar um snippet completo que você definir, "faz de conta": `texto` - **Pronto para trabalhar com API's [REST](http://pt.wikipedia.org/wiki/REST)** (que, normalmente, entregam o conteúdo em [JSON](http://pt.wikipedia.org/wiki/JSON)) - **Validação de Form Client-side** - **Comunicação com o servidor** - **Localization Ready** (pronto p/ tradução multi-línguas) - **Injeção de dependencias** (não é bem uma feature, mas é uma diferença em relação ao jQuery, que não tem isso) - **TDD** [(Desenvolvimento direcionado à testes)](http://pt.wikipedia.org/wiki/Test_Driven_Development)

Obs.: Vale lembrar que o próprio AngularJS USA jQuery. Ele vem com uma versão Lite do jQuery integrada. Você pode, inclusive, usar jQuery dentro do Angular ( Embora não seja indicado alterar o DOM via jQuery dentro de uma aplicação Angular, pois isso deve ser feito via diretivas customizadas).

Algumas informações bem bacanas de cada um você encontra na Wikipedia. As informações estão bem simples e gerais: Angular e jQuery

Basicamente, jQuery é uma biblioteca Javascript, que simplifica o Javascript para atividades comuns no dia-a-dia do desenvolvimento. Excelente para manipular o DOM com muito menos código que o JS puro.

Exemplo de jQuery:
Selecionando o <div id="meudiv"></div>
Javascript:  document.getElementByID('meudiv')
jQuery:        $('#meudiv')

Já AngularJS é um framework, que trabalha com dados, focando na interação usuário <-> aplicativo. Tem os seguintes pontos principais:

  • Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.

  • Padrão de desenvolvimento [MVV](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).

  • Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:

      pessoas = [
              {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'},
              {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'}
      ]
    

Para listar todos os itens do objeto/model, você pode, por exemplo, fazer o seguinte:

<li ng-repeat="pessoa in pessoas" ng-model="pessoas">
    {{pessoa.nome}} é {{pessoa.caracteristica}} e seu sobrenome é
    {{pessoa.sobrenome}}
</li>


E o AngularJS vai exibir o seguinte:

  • Romulo é lindo e seu sobrenome é Zoch
  • João é feio e seu sobrenome é Do caminhão
- **Diretrivas `customizadas`** (como componentes reutilizáveis, criação de 'html' personalizado). Você pode, por exemplo, criar um elemento `texto`, que irá renderizar um snippet completo que você definir, "faz de conta": `texto` - **Pronto para trabalhar com API's [REST](http://pt.wikipedia.org/wiki/REST)** (que, normalmente, entregam o conteúdo em [JSON](http://pt.wikipedia.org/wiki/JSON)) - **Validação de Form Client-side** - **Comunicação com o servidor** - **Localization Ready** (pronto p/ tradução multi-línguas) - **Injeção de dependencias** (não é bem uma feature, mas é uma diferença em relação ao jQuery, que não tem isso) - **TDD** [(Desenvolvimento direcionado à testes)](http://pt.wikipedia.org/wiki/Test_Driven_Development)

Obs.: Vale lembrar que o próprio AngularJS USA jQuery. Ele vem com uma versão Lite do jQuery integrada. Você pode, inclusive, usar jQuery dentro do Angular ( Embora não seja indicado alterar o DOM via jQuery dentro de uma aplicação Angular, pois isso deve ser feito via diretivas customizadas).

Algumas informações bem bacanas de cada um você encontra na Wikipedia. As informações estão bem simples e gerais: Angular e jQuery

Basicamente, jQuery é uma biblioteca Javascript, que simplifica o Javascript para atividades comuns no dia-a-dia do desenvolvimento. Excelente para manipular o DOM com muito menos código que o JS puro.

Exemplo de jQuery:
Selecionando o <div id="meudiv"></div>
Javascript:  document.getElementByID('meudiv')
jQuery:        $('#meudiv')

Já AngularJS é um framework, que trabalha com dados, focando na interação usuário <-> aplicativo. Tem os seguintes pontos principais:

  • Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.

  • Padrão de desenvolvimento [MVVM] (semelhante ao MVC).

  • Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:

      pessoas = [
              {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'},
              {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'}
      ]
    

Para listar todos os itens do objeto/model, você pode, por exemplo, fazer o seguinte:

<li ng-repeat="pessoa in pessoas" ng-model="pessoas">
    {{pessoa.nome}} é {{pessoa.caracteristica}} e seu sobrenome é
    {{pessoa.sobrenome}}
</li>


E o AngularJS vai exibir o seguinte:

  • Romulo é lindo e seu sobrenome é Zoch
  • João é feio e seu sobrenome é Do caminhão
- **Diretrivas `customizadas`** (como componentes reutilizáveis, criação de 'html' personalizado). Você pode, por exemplo, criar um elemento `texto`, que irá renderizar um snippet completo que você definir, "faz de conta": `texto` - **Pronto para trabalhar com API's [REST](http://pt.wikipedia.org/wiki/REST)** (que, normalmente, entregam o conteúdo em [JSON](http://pt.wikipedia.org/wiki/JSON)) - **Validação de Form Client-side** - **Comunicação com o servidor** - **Localization Ready** (pronto p/ tradução multi-línguas) - **Injeção de dependencias** (não é bem uma feature, mas é uma diferença em relação ao jQuery, que não tem isso) - **TDD** [(Desenvolvimento direcionado à testes)](http://pt.wikipedia.org/wiki/Test_Driven_Development)

Obs.: Vale lembrar que o próprio AngularJS USA jQuery. Ele vem com uma versão Lite do jQuery integrada. Você pode, inclusive, usar jQuery dentro do Angular ( Embora não seja indicado alterar o DOM via jQuery dentro de uma aplicação Angular, pois isso deve ser feito via diretivas customizadas).

Algumas informações bem bacanas de cada um você encontra na Wikipedia. As informações estão bem simples e gerais: Angular e jQuery

marcação do código
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
  • Data Binding de mão dupla. Exemplo.

    Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.

    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.
  • Padrão de desenvolvimento [MVV](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).

    Padrão de desenvolvimento [MVV](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).

  • Template engine integrada

    Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:

    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:
      pessoas = [
              {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'},
              {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'}
      ]
    

pessoas = [ {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'}, {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'} ]

  • Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.
  • Padrão de desenvolvimento [MVV](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).
  • Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:

pessoas = [ {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'}, {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'} ]

  • Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.

  • Padrão de desenvolvimento [MVV](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).

  • Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:

      pessoas = [
              {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'},
              {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'}
      ]
    
correções ortográficas, adicionado links para alguns termos e adicionado formatação
Fonte Link

Basicamente, jQuery é uma biblioteca Javascript, que simplifica o javascriptJavascript para atividades comuns no dia-a-dia do desenvolvimento. Excelente para manipular o DOMDOM com muito menos código que o JS puro.
  

Exemplo de jQuery:
selecionandoSelecionando o <div id="meudiv"></div>
Javascript:   document.getElementByID('meudiv')
jQuery:        $('#meudiv')

Angular JSAngularJS é um FRAMEWORKframework, que trabalha com dados, focando na interação usuário <-> aplicativo. Tem asos seguintes featurespontos principais:

  • Data Binding de mão dupla EXEMPLO
    Vc define um tipo de dados (chamado Model) e qualquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem

    Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.
  • Padrão de desenvolvimento MVV (tipo MVC)

    Padrão de desenvolvimento [MVV](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).
  • Template engine integrada
    ex: você recebe de um servidor um objeto jSON com varios itens e atribui ele à um Model chamado Pessoas, no Angular. Aí, para listar todos os itens do objeto/model, vc pode, por exemplo fazer o seguinte:
    pessoas=[{nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'}, {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'}] (esse é o nosso objeto, que atrelamos ao model, atravéz d um controlller do angular)

    ` {pessoa.nome} é {pessoa.caracteristica} e seu sobrenome é {pessoa.sobrenome}

    Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:
`

pessoas = [ {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'}, {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'} ]


e o AngularJS vai exibir o seguinte:

Para listar todos os itens do objeto/model, você pode, por exemplo, fazer o seguinte:

<li ng-repeat="pessoa in pessoas" ng-model="pessoas">
    {{pessoa.nome}} é {{pessoa.caracteristica}} e seu sobrenome é
    {{pessoa.sobrenome}}
</li>


E o AngularJS vai exibir o seguinte:

Diretrivas `customizadas`**Diretrivas `customizadas`**
reutilizaveisreutilizáveis
'html'personalizado'html' personalizado
(
vcvocê
faz"faz
contaconta":
Pronto**Pronto
RESTfull[REST](http://pt.wikipedia.org/wiki/REST)**
jSON[JSON](http://pt.wikipedia.org/wiki/JSON)
Validação**Validação
client sideClient-side**
Comunicação**Comunicação
servidorservidor**
Localization Ready**Localization Ready**
linguaslínguas
Injeção**Injeção
dependenciasdependencias**
TDD**TDD** [
)](http://pt.wikipedia.org/wiki/Test_Driven_Development

-> Obs.: Vale lembrar que o próprio AngularJS USA jQuery, vindo. Ele vem com uma versão Lite do jQuery integrada. Você pode, inclusive, usar jQuery dentro do Angular - embora( Embora não seja indicado alterar o DOMDOM via jQuery dentro de um Appuma aplicação Angular, pois isso deve sserser feito via diretivas customizadas).

Algumas informações bem bacanas de cada um vcvocê encontra na wikipediaWikipedia. As informações estão bem simples e gerais, (eu li hehe): Angular e jQuery

Basicamente, jQuery é uma biblioteca Javascript, que simplifica o javascript para atividades comuns no dia-a-dia do desenvolvimento. Excelente para manipular o DOM com muito menos código que o JS puro.
 Exemplo de jQuery:
selecionando o <div id="meudiv"></div>
Javascript: document.getElementByID('meudiv')
jQuery        $('#meudiv')

Angular JS é um FRAMEWORK, que trabalha com dados, focando na interação usuário <-> aplicativo. Tem as seguintes features principais:

  • Data Binding de mão dupla EXEMPLO
    Vc define um tipo de dados (chamado Model) e qualquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem

  • Padrão de desenvolvimento MVV (tipo MVC)

  • Template engine integrada
    ex: você recebe de um servidor um objeto jSON com varios itens e atribui ele à um Model chamado Pessoas, no Angular. Aí, para listar todos os itens do objeto/model, vc pode, por exemplo fazer o seguinte:
    pessoas=[{nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'}, {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'}] (esse é o nosso objeto, que atrelamos ao model, atravéz d um controlller do angular)

    ` {pessoa.nome} é {pessoa.caracteristica} e seu sobrenome é {pessoa.sobrenome}

`
e o AngularJS vai exibir o seguinte:
Diretrivas `customizadas`
reutilizaveis
'html'personalizado
(
vc
faz
conta
Pronto
RESTfull
jSON
Validação
client side
Comunicação
servidor
Localization Ready
linguas
Injeção
dependencias
TDD

-> Vale lembrar que o próprio AngularJS USA jQuery, vindo com uma versão Lite integrada. Você pode, inclusive, usar jQuery dentro do Angular - embora não seja indicado alterar o DOM via jQuery dentro de um App Angular, pois isso deve sser feito via diretivas customizadas.

Algumas informações bem bacanas de cada um vc encontra na wikipedia. As informações estão bem simples e gerais, (eu li hehe): Angular e jQuery

Basicamente, jQuery é uma biblioteca Javascript, que simplifica o Javascript para atividades comuns no dia-a-dia do desenvolvimento. Excelente para manipular o DOM com muito menos código que o JS puro.
 

Exemplo de jQuery:
Selecionando o <div id="meudiv"></div>
Javascript:   document.getElementByID('meudiv')
jQuery:        $('#meudiv')

AngularJS é um framework, que trabalha com dados, focando na interação usuário <-> aplicativo. Tem os seguintes pontos principais:

  • Data Binding de mão dupla. Exemplo.
    Você define um tipo de dados (chamado Model) e quaisquer alterações nestes ocorrem em toda aplicação, onde os mesmos aparecerem.
  • Padrão de desenvolvimento [MVV](http://en.wikipedia.org/wiki/Model_View_ViewModel) (semelhante ao MVC).
  • Template engine integrada
    Ex.: Você recebe de um servidor um objeto JSON com vários itens e os atribui à um Model chamado Pessoas no Angular. Esse é o nosso objeto que atrelamos ao model através de um controller do Angular:

pessoas = [ {nome: 'Romulo', sobrenome: 'Zoch', caracteristica: 'Lindo'}, {nome: 'João', sobrenome: 'Do caminhão', caracteristica: 'feio'} ]

Para listar todos os itens do objeto/model, você pode, por exemplo, fazer o seguinte:

<li ng-repeat="pessoa in pessoas" ng-model="pessoas">
    {{pessoa.nome}} é {{pessoa.caracteristica}} e seu sobrenome é
    {{pessoa.sobrenome}}
</li>


E o AngularJS vai exibir o seguinte:

**Diretrivas `customizadas`**
reutilizáveis
'html' personalizado
você
"faz
conta":
**Pronto
[REST](http://pt.wikipedia.org/wiki/REST)**
[JSON](http://pt.wikipedia.org/wiki/JSON)
**Validação
Client-side**
**Comunicação
servidor**
**Localization Ready**
línguas
**Injeção
dependencias**
**TDD** [
)](http://pt.wikipedia.org/wiki/Test_Driven_Development

Obs.: Vale lembrar que o próprio AngularJS USA jQuery. Ele vem com uma versão Lite do jQuery integrada. Você pode, inclusive, usar jQuery dentro do Angular ( Embora não seja indicado alterar o DOM via jQuery dentro de uma aplicação Angular, pois isso deve ser feito via diretivas customizadas).

Algumas informações bem bacanas de cada um você encontra na Wikipedia. As informações estão bem simples e gerais: Angular e jQuery

adicionou 87 caracteres ao conteúdo
Fonte Link
Carregando
add exemplo diretivas personalizadas
Fonte Link
Carregando
Fonte Link
Carregando