Roberto Vitor Maia
lets code !
+vitormalencar
Repensando sua estratégia mobile
web lovers
@vitormalencar
<ODEBEER_
Quem quer ser dev ?
Desktop ou web?
Inicio
Web hoje
DEVELOPERS HOJE
Momento Babaca n1
Bem-vindo a 2015: o ano em que o mobile ultrapassou o desktop
Não estamos online
Mobile
Vivemos online !
OK mas por onde começar ?
Hybrid Apps
Que Problemas estamos Resolvendo
Mais Plataformas Mais Problemas
Objective-C
Java
C#
<!DOCTYPE html>
<html>
<head>
<title>My-app</title>
</head>
<body>
<h1> ola mundo =D </h1>
</body>
</html>
-
Caro (serio muito)
-
Conhecimento avançado
-
Mais plataformas mais problemas
-
varias plataformas
-
flexivel
-
menor custo
-
HTML CSS JS
Native vs Hybrid
permite a criação de aplicações móveis para diferentes plataformas em HTML, CSS e JavaScript
MERÇA SUAS PALAVRAS PARÇA !
E a performace Tio ?
MC REVOLTS
Mas ainda não temos um SKD para a WEB
Momento Babaca n2
Criado usando AngularJS
- prover webapps escalaveis
- Extende o HTML
- UI Components usando Directives e Services
Foco no nativo
- Modelado em cima de SDK nativas
- Feito pra trabalhar com o cordova
Focado em performace
- Hardware accelerated animations
- menos manipulação de DOM
- retira os 300ms de tap delay
UI components
<div class="list">
<div class="item item-divider">
Candy Bars
</div>
<a class="item" href="#">
Butterfinger
</a>
<a class="item" href="#">
Kit Kat
</a>
...
</div>Listas
<ion-list>
<ion-item ng-repeat="item in items" item="item">
List Item {{ item.id }}
</ion-item>
</ion-list>Complex Lists
- AngularJS Directive
- swiping
- reordenar
- Deletar
<ion-nav-bar>
<ion-nav-back-button>
Back
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>- Navegação
Ionic CLI
$ npm install -g ionic cordova
$ ionic start myapp sidemenu
$ cd myapp
$ ionic serve
Demo Time!
<Obrigado>
Copy of Web Lovers
By Roberto Vitor Maia
