1 / 12

Trabalho de Dojo Toolkit

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.

bud
Download Presentation

Trabalho de Dojo Toolkit

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Criação do Dojo Toolkit • Utilização • Pros e contras • Conclusão

  3. Criação do Dojo Toolkit O 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.

  4. Utilização <html> <head> <link rel="StyleSheet" type="text/css“ • Como iremos utilizar o widgetDijit, 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 };

  5. </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() {

  6. 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> <bodyclass="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>

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

  8. Pros e Contras • Motivos pros: • Leve e muito rápido, a maior parte do que você realmente precisa tem 41 KB. • Performance, grandes projetos com muito trafico podem se beneficiar do Dojo. • 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.

  9. Pros e Contras • Motivos contra: • Curva de aprendizagem demorada e difícil por ser uma biblioteca muito extensa e com varias funções.

  10. Conclusão • Dojo 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.

  11. Referencias • http://poswebunit-dojo.blogspot.com.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

More Related