Conhecendo o AngularJS

Slide da palestra ministrada na Mostra Asper no dia 28 de outubro de 2015.

Transcript

1. Conhecendo o AngularJS
2. Insanidade é continuar fazendo sempre a mesma coisa e esperar resultados diferentes. Albert Einstein
3. Daniel Cavalcante
5. SchoolDev
7. O que é?
8. Framework Mantido pelo Google
9. MVC
10. Porque usar?
11. Funciona como uma extensão ao documento HTML.
12. Single Page Application
13. Single Page Application
14. Two-way Data Bind
15. index.html <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js"> </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html>
16. <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js"> </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação
17. <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js"> </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model
18. <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js"> </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model Template
19. Two-way Data Binding
20. Directives
21. Diretivas permitem estender o HTML para criar componentes customizados.
22. Controllers
23. Como configurar?
24. Site oficial
25. index.html <!DOCTYPE html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js"> </script> </head> </html>
26. Por onde começar?
27. Documentação
28. Code School
29. Obrigado! @danielcdesouza