[curso de extjs 4] aula 43: viewport e layouts complexos

18
Curso Ext JS 4 Viewport e Layout Complexos #43

Upload: loiane-groner

Post on 22-May-2015

2.232 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Curso Ext JS 4

Viewport e Layout Complexos

#43

Page 2: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Agenda • Viewport

• Layout Complexos

• Dicas de performance

• Hands-on

Page 3: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Requisitos

Page 4: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Ext JS 4 SDK !

Servidor (Apache) !

Editor de Texto !

Browser (Firefox c/ Firebug ou Chrome)

Page 5: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Absolute Layout Accordion Layout

Anchor Layout Border Layout Card Layout

Column Layout Fit Layout

HBox Layout Table Layout VBox Layout

Page 6: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Absolute Anchor Arcordion

Border Card

Page 7: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Column Fit HBox

VBox Table

Page 8: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

<!DOCTYPE>

<head> CSS, JS, etc

</head>

<body> !

Meu Conteúdo !</body>

<html>

</html>

Página HTML

Page 9: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
Page 10: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Overnesting

Page 11: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Container!x!

Panel

Page 12: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Lembre-se: a documentação é sua melhor amiga! ;)

Page 13: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

https://github.com/loiane/curso-extjs4

Código Fonte da Aula

Page 14: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/

Link do Curso com todas as aulas

publicadas

Page 15: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

http://www.packtpub.com/

Page 16: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Dúvidas Técnicas?

http://www.extjs.com.br

Page 17: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

http://loiane.com

facebook.com/loianegroner

@loiane

https://github.com/loiane

youtube.com/user/Loianeg

Page 18: [Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos

Obrigada!