18
Riguel Figueiró [email protected] > Angular Js um framework que veio para facilitar a sua vida!

Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

  • Upload
    doanh

  • View
    216

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Riguel Figueiró

[email protected]

>

Angular Js um framework que veio

para facilitar a sua vida!

Page 2: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

O que é o Angular Js ?

Por que utilizar ?

Como funciona o Angular Js ?

Componentes

Agenda1

Page 3: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Framework MVC JAvascript

Foi criado por desenvolvedores do google mas atualmente é

mantido pela equipe do google

Modularizado

Uso em spa’s(Single page application)

objetivo é simplificar o desenvolvimento de aplicações WEB

O que é angular JS2

Page 4: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Two-way binding

Diversos módulos prontos

Modular

Altamente testável

Por que utilizar?3

Page 5: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Como funciona4

Modulo

Configuração

Rotas

Controllers

Factories

Views

Fonte: Andre Baltierihttps://www.youtube.com/watch?v=lVaGiNdM8ww&list=UUeQiImT1krk6lUiQmJp3m6Q

Page 6: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

$scope5

Page 7: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Podemos dizer que o AngularJs é composto de:

Módulos

Diretivas

Controllers

Services

Routes

filtros

Componentes6

Page 8: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

São esses componentes que realizam a inicialização e

encapsulam os controllers, diretivas, services e routes de

uma aplicação AngularJS e são definidas pela diretiva ng-

app.

módulos7

Page 9: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

8

diretivas

Page 10: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Ng-app

Ng-click

Ng-repeat

Ng-show

Ng-controller

Etc..

Diretivas do

angularJS

9

Page 11: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

9

Page 12: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Controllers

Page 13: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Segundo a documentação oficial o Controller é o

comportamento por trás do DOM e é também responsável

por inicializar e/ou adicionar comportamentos ao objeto

$scope, o qual permite a comunicação entre a View e o seu

Controller. A diretiva ng-controller é utilizada para

definir em qual parte do documento HTML ele será

utilizado.

Controller12

Page 14: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas
Page 15: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas
Page 16: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas
Page 17: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

Perguntas

16

Page 18: Angular Js um framework que veio para facilitar a sua vida! Js.pdfuma aplicação AngularJS e são definidas pela diretiva ng-app. 7 módulos. 8 diretivas

12

Riguel Figueiró

[email protected]