COMO ESCOLHER
UNIT TESTS
DOCUMENTAÇÃO
MELHORES PRÁTICAS DE CRIAÇÃO
Slide 33
Slide 33 text
ONDE ENCONTRAR
Slide 34
Slide 34 text
ONDE ENCONTRAR
Slide 35
Slide 35 text
ONDE ENCONTRAR
Slide 36
Slide 36 text
NÃO REINVENTE A RODA!
Slide 37
Slide 37 text
2. CRIAR
Slide 38
Slide 38 text
HELLO WORLD
Slide 39
Slide 39 text
HELLO WORLD
angular.module('myDirectives', []);
CRIE UM MÓDULO PARA SUAS DIRETIVAS
Slide 40
Slide 40 text
HELLO WORLD
angular.module('myDirectives', []);
CRIE UM MÓDULO PARA SUAS DIRETIVAS
angular.module('myApp', ['myDirectives']);
INCLUA ESSE MÓDULO NA SUA APLICAÇÃO
Slide 41
Slide 41 text
HELLO WORLD
Slide 42
Slide 42 text
HELLO WORLD
angular.module('myDirectives')
.directive('myGreet' function() {
return {
restrict: 'E', // more later
template: '
Hello World!
'
};
});
Slide 43
Slide 43 text
HELLO WORLD
angular.module('myDirectives')
.directive('myGreet' function() {
return {
restrict: 'E', // more later
template: '
Hello World!
'
};
});
Slide 44
Slide 44 text
HELLO WORLD
angular.module('myDirectives')
.directive('myGreet' function() {
return {
restrict: 'E', // more later
template: '
Hello World!
'
};
});
HELLO WORLD
Slide 45
Slide 45 text
BEST PRATICE: CONVENÇÃO DE NOMENCLATURA
Slide 46
Slide 46 text
BEST PRATICE: CONVENÇÃO DE NOMENCLATURA
USE UM PREFIXO ÚNICO SEGUIDO POR "-". (e.g.:>my:component)
Slide 47
Slide 47 text
BEST PRATICE: CONVENÇÃO DE NOMENCLATURA
USE UM PREFIXO ÚNICO SEGUIDO POR "-". (e.g.:>my:component)
NÃO USE O PREFIXO "ng:"
Slide 48
Slide 48 text
BEST PRATICE: CONVENÇÃO DE NOMENCLATURA
USE UM PREFIXO ÚNICO SEGUIDO POR "-". (e.g.:>my:component)
NÃO USE O PREFIXO "ng:"
O MAIS COMUM É USAR PREFIXOS DE DUAS LETRAS (e.g.:>"ng:",>"ui:")
Slide 49
Slide 49 text
FORMAS DE INVOCAR
Slide 50
Slide 50 text
FORMAS DE INVOCAR
restrict: 'A'
ATRIBUTOS
Slide 51
Slide 51 text
FORMAS DE INVOCAR
restrict: 'A'
ATRIBUTOS
restrict: 'E'
ELEMENTOS
Slide 52
Slide 52 text
FORMAS DE INVOCAR
restrict: 'A'
ATRIBUTOS
restrict: 'E'
ELEMENTOS
restrict: 'AE'
AMBOS