Conhecendo o AngularJS

Insanidade é continuar fazendo sempre a mesma coisa e esperar
resultados diferentes. Albert Einstein

Daniel Cavalcante

SchoolDev

O que é?

Framework Mantido pelo Google

Porque usar?

Funciona como uma extensão ao documento HTML.

Single Page Application

Two-way Data Bind

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>

<!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

</script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model

</script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model Template

Two-way Data Binding

Directives

Diretivas permitem estender o HTML para criar componentes customizados.

Controllers

Como configurar?

Site oficial

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>

Por onde começar?

Documentação

Code School

Obrigado! @danielcdesouza

Conhecendo o AngularJS

Conhecendo o AngularJS

Daniel Cavalcante

More Decks by Daniel Cavalcante

Other Decks in Programming

Featured

Transcript