Encontro Realizado em Campo Grande - MS Discutimos sobre Ember JS e aplicações práticas.

1. 1° Encontro
EMBER JS
Campo Grande

2. Agenda
★ O que são SPA
★ O que é Ember JS
★ Conceitos
★ Aplicações Práticas
★ WebApps reais com Ember JS

3. SPA
single page application

4. EMBER
a framework for creating
ambitious web applications

5. CONCEITOS
Ember JS

6. TEMPLATES
descreve a interface de usuário
da aplicação

7. ROUTER
transforma a URL em templates

8. COMPONENTS
tags HTML customizadas
comportamentos definidos no JS e
aparência descrita nos templates

9. MODELS
objeto que armazena o estado persistente;
entrega os dados ao usuário,
a partir de JSON API - por exemplo

10. ROUTE
objeto que diz ao template
que model deve ser apresentado

11. CONTROLLER
objeto que armazena o
estado da aplicação

12. CONVENÇÕES
“convention over configuration”

13. routes, controllers, templates:
EncontroRoute
EncontroController
encontro

14. como utilizar um
Route
App.Router.map(function() {
this.route(‘posts’);
});

15. como utilizar um
DYNAMIC SEGMENTS
App.Router.map(function() {
this.resource('post', { path: '/posts/:post_id' });
});

16. como utilizar um
NESTING
App.Router.map(function() {
this.resource('posts', function() {
this.route('favorites');
this.resource('post');
});
});

17. enfim, código!
DEMO

18. que tal treinar
sua equipe?
e começar a criar aplicações (ambiciosas)
de alto nível!

19. fale comigo!
@ander_decastro
fb.com/anderson.dCastro
medium.com/@andersondecastro
github.com/andersondecastro

20. sua presença faz
as coisas acontecerem
OBRIGADO!