desenvolvendo apps com angular.js + cordova

+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

DOWNLOAD APP

BAIXE O APK AGORA MESMO

httpbitly1ntpFQy

DEV NE 2014

angularjsorg

cordovaapacheorg

githubcomGustavoCostaWdevfestne2014

APK

httpbitly1ntpFQy

DEV NE 2014

Perguntas

DEV NE 2014

Muito Obrigado

GustavoCostaW