Tweet
Tweet

Slide 1

Slide 1 text

Superheroic JavaScript MVW Framework Wednesday, August 14, 13

Slide 2

Slide 2 text

Cirdes Henrique Bacharel em Engenharia da Computação pelo CIn/UFPE Wednesday, August 14, 13

Slide 3

Slide 3 text

29

Slide 4

Slide 4 text

BAGUNÇA.JS JAVASCRIPT

Slide 5

Slide 5 text

Design Stamina Hypothesis Wednesday, August 14, 13

Slide 6

Slide 6 text

Ramon Victor Especialista em Design da Informação pela UFPE Wednesday, August 14, 13

Slide 7

Slide 7 text

@RAMONVICTOR 2008 2013 OGILVY PARTEC JOY MARISTA UFPE DIVE

Slide 8

Slide 8 text

Motivações Budstime: uma rede social de eventos ! Tudo no $(document).ready(); MV* era um requisito Frustração com Backbone.js Wednesday, August 14, 13

Slide 9

Slide 9 text

Wednesday, August 14, 13

Slide 10

Slide 10 text

Frameworks vs Libraries Wednesday, August 14, 13

Slide 11

Slide 11 text

Início GOOGLE

Slide 12

Slide 12 text

Início MISKO

Slide 13

Slide 13 text

Google Trends Wednesday, August 14, 13

Slide 14

Slide 14 text

Conceitos Client-Side templates MVC DATA

Slide 15

Slide 15 text

Client-Side templates TEMPLATE

Slide 16

Slide 16 text

Conceitos CLIENT-SIDE

Slide 17

Slide 17 text

MVC 1970

Slide 18

Slide 18 text

Conceitos CLIENT-SIDE

Slide 19

Slide 19 text

Data Binding PROPRIEDADES

Slide 20

Slide 20 text

Conceitos CLIENT-SIDE

Slide 21

Slide 21 text

Dependency Injection LAW

Slide 22

Slide 22 text

Conceitos CLIENT-SIDE

Slide 23

Slide 23 text

Directives ng-app ng-controller ng-submit ng-repeat ng-view ng-model ng-change ng-hide ng-click Wednesday, August 14, 13

Slide 24

Slide 24 text

Directives Built-in Wednesday, August 14, 13

Slide 25

Slide 25 text

Directives Built-in Wednesday, August 14, 13

Slide 26

Slide 26 text

Directives Built-in Wednesday, August 14, 13

Slide 27

Slide 27 text

Directives • E - Element name: • A - Attribute:
• C - Class:
• M - Comment: Restrict: Built-in Wednesday, August 14, 13

Slide 28

Slide 28 text

jQuery to Angular jQuery index.html clientes.html empresa.html busca.html main.js $(document).ready(); Wednesday, August 14, 13

Slide 29

Slide 29 text

jQuery to Angular AngularJS view.html my-controller.js my-directives.js my-services.js Wednesday, August 14, 13

Slide 30

Slide 30 text

jQuery to Angular Ex.: dropdown menu No AngularJS a view passa a ser o "registro oficial" dos comportamentos Wednesday, August 14, 13

Slide 31

Slide 31 text

Services $http $timeout $location $locale $route +

Slide 32

Slide 32 text

Testes automatizados KARMA JASMINE MOCHA QUNIT Wednesday, August 14, 13

Slide 33

Slide 33 text

Karma DEVE

Slide 34

Slide 34 text

Teste unitário EXEMPLO Wednesday, August 14, 13

Slide 35

Slide 35 text

POR ONDE Legal,

Slide 36

Slide 36 text

DOCUMENTACAO OFICIAL LIVROS VIDEO