AngularJS - Just Digital
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

AngularJS - Just Digital

on

  • 1,799 views

Overview realizado para a equipe interna sobre o AngularJS. Solução de javascript client side. Realizada pelo Ricardo Gonçalves, developer na Just Digital.

Overview realizado para a equipe interna sobre o AngularJS. Solução de javascript client side. Realizada pelo Ricardo Gonçalves, developer na Just Digital.

Statistics

Views

Total Views
1,799
Views on SlideShare
840
Embed Views
959

Actions

Likes
3
Downloads
42
Comments
0

5 Embeds 959

http://blog.justdigital.com.br 946
http://localhost 7
http://marketing.grader.com 3
http://www.google.com.br 2
http://www.google.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

AngularJS - Just Digital Presentation Transcript

  • 1. Introdução ao AngularJS por: Ricardo Gonçalves Developer
  • 2. O que é o AngularJS?
  • 3. ➔ Framework JavaScript com grande foco em HTML; ➔ Conceito MVC; ➔ Desenvolvido pela Google (2009); ➔ 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;
  • 4. Por que usar o AngularJS?
  • 5. “Angular é o que o HTML teria sido se tivesse sido projetado para aplicações.”
  • 6. $scope: onde a mágica acontece Fluxo de uma aplicação com angularjs
  • 7. Filosofia AngularJS?
  • 8. Programação declarativa (HTML, CSS) é melhor que imperativa (JavaScript) para construir interfaces.
  • 9. Programação imperativa (JavaScript) é excelente para descrever a lógica do negócio.
  • 10. HTML é muito bom para descrever documentos estáticos, mas não foi projetado para comportamento dinâmico.
  • 11. AngularJs estende o vocabulário do HTML de forma expressiva e legível.
  • 12. Evolução AngularJS
  • 13. HTML <html> <form> <ul> <title> <span> <option > <input> <a> <div> <tr> <td> <em> <br> <select> <legend > <textarea>
  • 14. <html> <video> <header <title> <ul> <canvas> > <tr> <span> <option <audio> <td> > <input> <a> <section <em> <meter> <div> > <br> <menu> <select> <legend > <hgroup> <textarea> <progress> <form>
  • 15. <ng-view> <html> <ng-switch> <video> <header <title> <ul> <canvas> > <tr> <span> <option <audio> <td> > <input> <a> <section <em> <meter> <div> > <br> <menu> <select> <legend > <hgroup> <textarea> <progress> <form> <minha-tag> ng-model=""
  • 16. Directives Application ● ● ng-app ng-controller Forms ● ● ● ● ● ● ● ● ● ng-pattern ng-minlenght ng-maxlenght ng-required ng-list ng-true-value ng-false-value ng-option ng-submit Template ● ● ● ● ● ● ● ● ng-csp ng-disabled nd-hide | show ng-mouse ng-repeat ng-switch ng-transclude ng-view Operation ● ● ● ● ● ng-change ng-checked ng-click ng-href ng-selected Binding ● ● ● ● ● ng-bind ng-model ng-init ng-src ng-style
  • 17. MVC AngularJS
  • 18. MVC
  • 19. MVC
  • 20. MVC
  • 21. Linhas de código AngularJS vs Backbone
  • 22. OBRIGADO!!! Ricardo Gonçalves Developer code@justdigital.com.br +55(11)5181-5170 www.justdigital.com.br http://blog.justdigital.com.br