CIRO NUNES
Front End Developer
cironunes
@cironunesdev
cironunes.github.io
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
http://www.meetup.com/AngularJS-Sao-Paulo/
Slide 7
Slide 7 text
SINGLE PAGE APPS
Ciro Nunes
FOR THE WIN!
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
SINGLE PAGE APPS
UX de aplicações nativas no browser!
Slide 14
Slide 14 text
SINGLE PAGE APPS
front end & back end zen
Slide 15
Slide 15 text
pro tips
como começar?
arquitetura
Slide 16
Slide 16 text
arquitetura
Slide 17
Slide 17 text
server client
NORMAL WEBSITES
Slide 18
Slide 18 text
server client
data2
data2
GET /
NORMAL WEBSITES
Slide 19
Slide 19 text
server client
data2
data2
GET /
200 OK
display the
returned HTML
NORMAL WEBSITES
Slide 20
Slide 20 text
necessidade de integração front/back
workflow lento
=(
Slide 21
Slide 21 text
server client
SINGLE PAGE APPS
Slide 22
Slide 22 text
server client
JSON:
{ data1, data2 }
GET /
SINGLE PAGE APPS
Slide 23
Slide 23 text
server client
JSON:
{ data1, data2 }
data1
data2
GET /
200 OK
SINGLE PAGE APPS
Slide 24
Slide 24 text
server client
JSON:
{ data1, data2 }
data1
data2
GET /
200 OK
SINGLE PAGE APPS
Slide 25
Slide 25 text
client e server
totalmente desacoplados
Slide 26
Slide 26 text
SERVER
DB , RESTful API
Slide 27
Slide 27 text
CLIENT
routing, data-binding,
components, i/o
Slide 28
Slide 28 text
possibilita trabalhar em paralelo
fácil de escalar
fácil de testar
=)
Slide 29
Slide 29 text
SINGLE PAGE APPS
front end & back end zen
Slide 30
Slide 30 text
como começar?
Slide 31
Slide 31 text
SERVER
DB , RESTful API
Slide 32
Slide 32 text
Method URL Action
GET /items Retorna todos os items
GET /item/:id
Retorna o item com o id
especificado
POST /items Adiciona um novo item
PUT /item/:id
Atualiza o item com o id
especificado
DELETE /item/:id
Deleta o item com o id
especificado
Slide 33
Slide 33 text
Method URL Action
GET /items Retorna todos os items
GET /item/:id
Retorna o item com o id
especificado
POST /items Adiciona um novo item
PUT /item/:id
Atualiza o item com o id
especificado
DELETE /item/:id
Deleta o item com o id
especificado
Slide 34
Slide 34 text
Method URL Action
GET /items Retorna todos os items
GET /item/:id
Retorna o item com o id
especificado
POST /items Adiciona um novo item
PUT /item/:id
Atualiza o item com o id
especificado
DELETE /item/:id
Deleta o item com o id
especificado
Slide 35
Slide 35 text
Method URL Action
GET /items Retorna todos os items
GET /item/:id
Retorna o item com o id
especificado
POST /items Adiciona um novo item
PUT /item/:id
Atualiza o item com o id
especificado
DELETE /item/:id
Deleta o item com o id
especificado
Slide 36
Slide 36 text
Method URL Action
GET /items Retorna todos os items
GET /item/:id
Retorna o item com o id
especificado
POST /items Adiciona um novo item
PUT /item/:id
Atualiza o item com o id
especificado
DELETE /item/:id
Deleta o item com o id
especificado
Slide 37
Slide 37 text
Method URL Action
GET /items Retorna todos os items
GET /item/:id
Retorna o item com o id
especificado
POST /items Adiciona um novo item
PUT /item/:id
Atualiza o item com o id
especificado
DELETE /item/:id
Deleta o item com o id
especificado