Trabalho de Dojo Toolkit

12
Trabalho de Dojo Toolkit André Luis Simões Lopes Kutter Linguagens de Programação 2013 Analise e Desenvolvimento de Sistemas

description

Trabalho de Dojo Toolkit. André Luis Simões Lopes Kutter Linguagens de Programação 2013 Analise e Desenvolvimento de Sistemas. Criação do Dojo Toolkit Utilização Pros e contras Conclusão. Criação do Dojo Toolkit. - PowerPoint PPT Presentation

Transcript of Trabalho de Dojo Toolkit

Page 1: Trabalho de Dojo Toolkit

Trabalho de Dojo ToolkitAndré Luis Simões Lopes Kutter

Linguagens de Programação 2013Analise e Desenvolvimento de Sistemas

Page 2: Trabalho de Dojo Toolkit

Criação do Dojo ToolkitUtilizaçãoPros e contrasConclusão

Page 3: Trabalho de Dojo Toolkit

Criação do Dojo ToolkitO Dojo Toolkit foi criado em 2004

por Alex Russell, Dylan Schiemann entre outros.

Com o intuito de facilitar o desenvolvimento multiplataformas, por exemplo:

O Dojo abstrai as varias diferenças entre os diversos navegadores.

Page 4: Trabalho de Dojo Toolkit

Utilização <html><head><link rel="StyleSheet" type="text/css“ Como iremos utilizar o widget Dijit, teremos que

importar a folha de estilos do Dijit. Tundra é o tema padrão, o qual será utilizado neste exemplo:

href="js/dojo/dijit/themes/tundra/tundra.css"><script type="text/javascript">var djConfig = {baseScriptUri : "js/dojo/",parseOnLoad : true};

Page 5: Trabalho de Dojo Toolkit

</script><script type="text/javascript"

src="js/dojo/dojo/dojo.js"></script><script> O dojo.require() pode ser comparado ao import

do java. Para utilizar uma classe é necessário importá-la

dojo.require("dojo.parser");dojo.require("dijit.form.TextBox");dojo.require("dijit.form.Button"); O dojo.addOnLoad é o método responsável por

registrar as funções que serão utilizadas pelos widgets:

dojo.addOnLoad(function() {

Page 6: Trabalho de Dojo Toolkit

O dojo.connect faz a ligação entre objeto, evento e ação, ou seja executa uma determinada ação quando o evento de um objeto é disparado. No caso do exemplo irá dar um alert com o valor do campo input quando o botão for clicado

dojo.connect(dijit.byId("button1"), "onClick", function(evt) {alert(dijit.byId("input1").value);});});</script></head><body class="tundra"> Utilizando os FormWidgets TextBox e Button<input type="text" id="input1" value="Hello World"

dojoType="dijit.form.TextBox" /><button id="button1" dojoType="dijit.form.Button" onclick="

button1">Clique<script type="dojo/method" event="onClick" args="evt"></script></button></body></html>

Page 7: Trabalho de Dojo Toolkit
Page 8: Trabalho de Dojo Toolkit

Digitando “Hello World!!!” no TextBox e clicando no botão, deverá aparecer uma página parecida com a figura abaixo:

Page 9: Trabalho de Dojo Toolkit

Pros e ContrasMotivos pros:1. Leve e muito rápido, a maior parte do

que você realmente precisa tem 41 KB.2. Performance, grandes projetos com

muito trafico podem se beneficiar do Dojo.

3. Completo, ao invés de procurar em vários sites por plugin ou biblioteca, o Dojo Toolkit prove tudo o que você precisa para um projeto Web de qualidade.

Page 10: Trabalho de Dojo Toolkit

Pros e ContrasMotivos contra:1. Curva de aprendizagem

demorada e difícil por ser uma biblioteca muito extensa e com varias funções.

Page 11: Trabalho de Dojo Toolkit

ConclusãoDojo Toolkit é a solução ideal

para grandes projetos Web, por suas diversas funcionalidades entre elas a criação de widgets e módulos que auxiliam a construção de tais projetos.

Page 12: Trabalho de Dojo Toolkit

Referenciashttp://poswebunit-dojo.blogspot.c

om.br/2010/04/exemplo-utilizando-dojo-toolkit.html

http://en.wikipedia.org/wiki/Dojo_Toolkit

http://stavarengo.com/public/2013/01/tutorial-dojo-toolkit-framework-introducao