16
Introdução ao AngularJS

Introdução ao AngularJS

Embed Size (px)

DESCRIPTION

Introdução ao AngularJS - Petrobras

Citation preview

Page 1: Introdução ao AngularJS

Introdução ao AngularJS

Page 2: Introdução ao AngularJS

O que é?

• Framework JavaScript com grande foco em HTML;• Conceito MVC;• Desenvolvido pela Google; • Permite uma padronização de arquitetura “enterprise”

em uma aplicação web dinâmica; • Permite criação de novas tags em HTML para seu

navegador interpretar;• Suporta os navegadores: IE8+, Chrome, Firefox, Safari e

Opera;

Page 3: Introdução ao AngularJS

Principais features;

• Bootstrap;• Two-way Data-Binding;• Templates;• Repeaters;• Filters;• Injeção de Dependência;• Templates;• Routes;• Eventos;• RESTful;

Page 4: Introdução ao AngularJS

Foco em HTML

Two-way Data-Binding

Page 5: Introdução ao AngularJS
Page 6: Introdução ao AngularJS

Foco em HTML

Componentes

Page 7: Introdução ao AngularJS
Page 8: Introdução ao AngularJS
Page 9: Introdução ao AngularJS

Foco em HTML

Controllers

Page 10: Introdução ao AngularJS
Page 11: Introdução ao AngularJS
Page 12: Introdução ao AngularJS

Foco em HTML

Templates, Routing

Page 13: Introdução ao AngularJS
Page 14: Introdução ao AngularJS
Page 15: Introdução ao AngularJS
Page 16: Introdução ao AngularJS

Angular-seed

• Template de projetos em AngularJS;• Contem:

– Bibliotecas AngularJS;– Bibliotecas de teste;– Controller;– Templates;– Rotas;

• https://github.com/angular/angular-seed