+GustavoCostaW

Desenvolvendo APPs Com

HTML5 AngularJS +

Chrome DevTools

GUSTAVO COSTA

- MOBILE DEVELOPER

- FRONT-END

- LOVES WEB PATTERNS- REFEREcircNCIA CORDOVAPHONEGAP

- GOOGLE ORGANIZER

- BLACKBERRY ELITE

PERFECT

PROBLEM

C++ SWIFT JAVA C

REACcedilAtildeO

NATIVO VS WEB NATIVO

- Melhor Performance

- Acesso a todas as APIs

- Linha de aprendizado difiacutecil

WEB

- Linha de aprendizado faacutecil

- Fleacutexivel + Barato

- Limitaccedilatildeo de APIs

+ AMOR

HIacuteBRIDO

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

GUSTAVO COSTA

- MOBILE DEVELOPER

- FRONT-END

- LOVES WEB PATTERNS- REFEREcircNCIA CORDOVAPHONEGAP

- GOOGLE ORGANIZER

- BLACKBERRY ELITE

PERFECT

PROBLEM

C++ SWIFT JAVA C

REACcedilAtildeO

NATIVO VS WEB NATIVO

- Melhor Performance

- Acesso a todas as APIs

- Linha de aprendizado difiacutecil

WEB

- Linha de aprendizado faacutecil

- Fleacutexivel + Barato

- Limitaccedilatildeo de APIs

+ AMOR

HIacuteBRIDO

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

PERFECT

PROBLEM

C++ SWIFT JAVA C

REACcedilAtildeO

NATIVO VS WEB NATIVO

- Melhor Performance

- Acesso a todas as APIs

- Linha de aprendizado difiacutecil

WEB

- Linha de aprendizado faacutecil

- Fleacutexivel + Barato

- Limitaccedilatildeo de APIs

+ AMOR

HIacuteBRIDO

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

PROBLEM

C++ SWIFT JAVA C

REACcedilAtildeO

NATIVO VS WEB NATIVO

- Melhor Performance

- Acesso a todas as APIs

- Linha de aprendizado difiacutecil

WEB

- Linha de aprendizado faacutecil

- Fleacutexivel + Barato

- Limitaccedilatildeo de APIs

+ AMOR

HIacuteBRIDO

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

REACcedilAtildeO

NATIVO VS WEB NATIVO

- Melhor Performance

- Acesso a todas as APIs

- Linha de aprendizado difiacutecil

WEB

- Linha de aprendizado faacutecil

- Fleacutexivel + Barato

- Limitaccedilatildeo de APIs

+ AMOR

HIacuteBRIDO

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

NATIVO VS WEB NATIVO

- Melhor Performance

- Acesso a todas as APIs

- Linha de aprendizado difiacutecil

WEB

- Linha de aprendizado faacutecil

- Fleacutexivel + Barato

- Limitaccedilatildeo de APIs

+ AMOR

HIacuteBRIDO

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

+ AMOR

HIacuteBRIDO

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

APLICACcedilAtildeO HIacuteBRIDA

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

PARA FICAR MAIS CLARO

PHONEGAPCORDOVA ENTRA AQUI

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

INTERESSANTE

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

SERIOUSLY

Em 2012 Mark Zuckerberg soltou em uma entrevista

- HTML5 natildeo estaacute pronto

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

PROVA

Uma das principais queixas dos HATERS de aplicaccedilotildees hiacutebridas eacute

a performance

Criei o FastGap (Template para auxiliar aplicaccedilotildees hiacutebridas)

PLAAY APP

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

JOBS

TONAILS

BEAUTYX

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

ANGULARJS + IONIC

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

SPA (Single Page Apps)

A aplicaccedilatildeo de uma uacutenica paacutegina (SPA) tambeacutem conhecida como

interface de uma uacutenica paacutegina (SPI) eacute aplicaccedilatildeo web que se

encaixa em uma uacutenica paacutegina da web com o objetivo de

proporcionar uma experiecircncia de usuaacuterio mais fluida semelhante

a um aplicativo de desktop

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

SPA (Single Page Apps)

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

SPA (Single Page Apps)

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

SPA (Single Page Apps)

1113089Aplicaccedilotildees SPAs usam e dependem de

Manipilaccedilatildeo DOM

1113089 History

1113089 Routing

1113089 Ajax

1113089 Data bind1113089

etc

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

AngularJS

COMPLETO FRAMEWORK SPA

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Como AngularJS Funciona

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Principais Partes do AngularJS

- MOacuteDULOS

- ROTAS

- CONTROLLERS

- FACTORYSERVICES

$scope

- VIEW

- DIRETIVAS

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Principais Partes do AngularJS

- MOacuteDULOS

Container para

(routescontrollersfactorysservicesdirectivesviews)

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Principais Partes do AngularJS

- FACTORYSERVICES

Organiza os dados controla chamadas RESTful compartilha

esses dados com os controllers

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Principais Partes do AngularJS

- CONTROLLERS

ldquoCeacuterebrordquo de uma view possui o $scope para se comunicar

com a view recebe dados dos servicos trataarmazena

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Principais Partes do AngularJS

- $scope

Comunicaccedilatildeo entre view-controller (ViewModel)

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Principais Partes do AngularJS

- VIEWS

Renderiza a Interface do usuaacuterio vincula dados para o

controlador pelo o $scope e usa diretivas para aumentar do

HTML e processar dados

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Principais Partes do AngularJS

- ROUTES

Cada rota tem um uacutenico caminho seu controlador e pode

passar paracircmetros de rota

speakerid

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Como AngularJS Funciona

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

Diga Oi para o AngularJS

angularjsorg

hello world

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

APP DEV FEST VIDEO YOUTUBE

Assista o viacutedeo da criaccedilatildeo do app com

Angular para continuar a apresentaccedilatildeo

httpswwwyoutubecomwatchv=Ed5N

dqFcgdk

DOWNLOAD APP

BAIXE O APK AGORA MESMO

httpbitly1ntpFQy

DEV NE 2014

angularjsorg

cordovaapacheorg

githubcomGustavoCostaWdevfestne2014

APK

httpbitly1ntpFQy

DEV NE 2014

angularjsorg

cordovaapacheorg

githubcomGustavoCostaWdevfestne2014

APK

httpbitly1ntpFQy

DEV NE 2014

Perguntas

DEV NE 2014

Muito Obrigado

GustavoCostaW

DEV NE 2014

Muito Obrigado

GustavoCostaW