Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AngularJS

 AngularJS

Esta é uma pequena introdução básica sobre o framework angularJS desenvolvido pela google!

Erick Lino Pedro

November 27, 2014
Tweet

Other Decks in Programming

Transcript

  1. Roteiro ✔ Ficha tecnica; ✔ O que é angular ?

    ✗ Onde é possível aplicar ? ✗ Arquitetura; ✗ Pontos principais. ✔ Data – Binding; ✔ Injecção de Dependências; ✔ Directivas. ✔ AngularJS X Jquery; ✔ Exemplo prático.
  2. Ficha Técnica ✔ O angularJS foi desenvolvido pela Google; ✔

    Pioneiro principal: Miško Hevery. ✗ Começou a trabalhar com o angularJS em 2009 ✔ Data de lançamento da versão 1.0: 2012; ✔ Versão atual : 1.2
  3. O que é AngularJS ? ✔ Framework: É uma abstração

    que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. ✔ AngularJs é framework para aplicações web dinâmicas. Ele permite que você use HTML como seu modelo de linguagem e permite estender a sintaxe do HTML para expressar os componentes da sua aplicação de forma clara e sucinta.
  4. Onde posso Aplicar ? ✔ O angularJS oferece suporte para

    aplicações como: ✗ Pronto para trabalhar com API's REST (que, normalmente, entregam o conteúdo em JSON) ✗ Validação de Form Client-side; ✗ Comunicação com o servidor; ✗ Localization Ready (pronto p/ tradução multi-línguas); ✗ TDD (Desenvolvimento direcionado à testes).
  5. Arquitetura (MVC) ✔ É um modelo de arquitetura de software

    que separa a representação da informação da interação do usuário com ele.
  6. Data – Binding ✔ Data binding é o recurso utilizado

    pelo AngularJS para facilitar o desenvolvimento do sistema enquanto ele manipula e cuida de atualizar as informações na página. ✔ Através da adição de alguns controles ( atributos ) diretamente no HTML da página, o AngularJS consegue identificar e mapear os atributos a serem atualizados.
  7. Injeção de Dependência ✔ A Injeção de Dependência consiste basicamente

    em fornecer recursos extras necessários na aplicação de forma transparênte ao usuário, de modo que o desenvolvedor somente deverá solicitar um recurso, que será injetado pelo framework e ficará disponível para uso.
  8. Diretivas ✔ Diretivas é um recurso que permite você criar

    seu próprio template HTML. Através de diretivas é possível criar conteúdos específicos que uma vem aplicado a um componente HTML em forma de atributo irá gerar uma visualização personalizada.