O documento discute o desenvolvimento de aplicativos híbridos usando HTML5, Angular.JS e Chrome DevTools. Apresenta as vantagens e desvantagens dos aplicativos nativos e web, introduz o PhoneGap/Cordova para aplicativos híbridos e descreve como o Angular.JS funciona como um framework completo para aplicativos de página única.
6. NATIVO VS WEB NATIVO
- Melhor Performance
- Acesso a todas as APIs
- Linha de aprendizado difícil
WEB
- Linha de aprendizado fácil
- Fléxivel + Barato
- Limitação de APIs
11. SERIOUSLY?
Em 2012 Mark Zuckerberg soltou em uma entrevista:
- HTML5 não está pronto.
12. PROVA
Uma das principais queixas dos HATERS de aplicações híbridas é
a performance.
Criei o FastGap (Template para auxiliar aplicações híbridas)
PLAAY APP
15. SPA (Single Page Apps)
A aplicação de uma única página (SPA), também conhecida como
interface de uma única página (SPI), é aplicação web que se
encaixa em uma única página da web com o objetivo de
proporcionar uma experiência de usuário mais fluida semelhante
a um aplicativo de desktop.
22. Principais Partes do Angular.JS
- MÓDULOS
- ROTAS
- CONTROLLERS
- FACTORY/SERVICES
$scope
- VIEW
- DIRETIVAS
23. Principais Partes do Angular.JS
- MÓDULOS
Container para:
(routes,controllers,factorys,services,directives,views)
24. Principais Partes do Angular.JS
- FACTORY/SERVICES
Organiza os dados, controla chamadas RESTful, compartilha
esses dados com os controllers
25. Principais Partes do Angular.JS
- CONTROLLERS
“Cérebro” de uma view, possui o $scope para se comunicar
com a view, recebe dados dos servicos, trata/armazena.
26. Principais Partes do Angular.JS
- $scope
Comunicação entre view-controller (ViewModel)
27. Principais Partes do Angular.JS
- VIEWS
Renderiza a Interface do usuário, vincula dados para o
controlador pelo o $scope, e usa diretivas para aumentar do
HTML e processar dados.
28. Principais Partes do Angular.JS
- ROUTES
Cada rota tem um único caminho, seu controlador e pode
passar parâmetros de rota
/speaker/:id
30. Diga Oi para o Angular.JS
angularjs.org
hello world
31. APP DEV FEST VIDEO YOUTUBE
Assista o vídeo da criação do app com
Angular para continuar a apresentação
https://www.youtube.com/watch?v=Ed5N
dqFcgdk