Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Estendendo o HTML com diretivas AngularJS
Search
Evaldo Barbosa
March 31, 2015
Technology
0
31
Estendendo o HTML com diretivas AngularJS
Palestra realizada na UNDB no dia 28 de março de 2015
Evaldo Barbosa
March 31, 2015
Tweet
Share
More Decks by Evaldo Barbosa
See All by Evaldo Barbosa
Vamos falar a mesma língua
evaldobarbosa
0
18
Conhecendo o Firebase
evaldobarbosa
0
96
Web Apis
evaldobarbosa
0
38
Dicas de Orientação a Objetos
evaldobarbosa
0
40
Montagem de equipes de software
evaldobarbosa
0
26
GET /AngularJS 200 OK
evaldobarbosa
0
58
Other Decks in Technology
See All in Technology
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
620
Handling focus in 2024
tahia910
0
220
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
330
M5stackで使用できるpHセンサの開発
shinrinakamura
0
120
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
330
いいたいことちゃんという
tkengo
0
230
止まらないLinuxシステムを構築する_高信頼性クラスタ入門
koedoyoshida
1
170
M&A戦略を支えるデータマネジメント (MIDAS Tech Study #16 GENDA Komiyama)
kommy339
0
100
Microsoft Intune 勉強会 第 2 回目
tamaiyutaro
2
380
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
2
590
Babylon.js JAPAN活動紹介 (2024/4)
limes2018
1
110
Cypress or Playwright?
rainerhahnekamp
0
170
Featured
See All Featured
Design by the Numbers
sachag
274
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
The Invisible Side of Design
smashingmag
294
49k
Facilitating Awesome Meetings
lara
43
5.6k
Building an army of robots
kneath
300
41k
Optimizing for Happiness
mojombo
370
69k
GitHub's CSS Performance
jonrohan
1025
450k
We Have a Design System, Now What?
morganepeng
44
6.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
4 Signs Your Business is Dying
shpigford
176
21k
A better future with KSS
kneath
231
16k
Typedesign – Prime Four
hannesfritz
36
2.1k
Transcript
estendendo o html com diretivas AngularJS Um exemplo de como
construir aplicações HTML componentizadas
/apresentação Evaldo Barbosa Analista de Sistemas Presidente do PHP Maranhão
Membro da diretoria da ABRAPHP
/estabelecendo_o_problema Uma todo list Um problema, alguns dados e dois
componentes.
/estabelecendo_o_problema Uma todo list Um problema, alguns dados e dois
componentes. <todo-list title=”Título da lista”> <task title=”Task” done=”boolean” blocked=”boolean”> </todo-list>
/dependencias Bower.json Preparando o campo para o jogo bower install
–save angular font-awesome bootstrap bower init
/meio_de_campo O módulo e o controller Um controller simples: basicamente
dados. /app/app.js
/html Template das diretivas Como usar as diretivas na página
/app/view/todo-list.html /app/view/task.html
/implementação Criando as diretivas Como chamaremos a diretiva no HTML
Restrict
/implementação Criando as diretivas Qual a forma de implementar o
HTML da diretiva Template e TemplateUrl
/implementação Criando as diretivas Substitui o HTML da tag pelo
do template Replace
/implementação Criando as diretivas Reserva uma área do template para
receber dados da chamada Transclude
/implementação Criando as diretivas Interceptando dados e alterando a saída
Link
/github O repositório O código e as referências https://github.com/evaldobarbosa/diretivasAngularjs Pronto
para deploy README com referências
Obrigado Perguntas?
br.linkedin.com/in/evaldobarbosa github.com/evaldobarbosa twitter.com/evaldobarbosa facebook.com/evaldo.barbosa.902