{"id":25,"date":"2007-10-11T02:35:23","date_gmt":"2007-10-11T09:35:23","guid":{"rendered":"http:\/\/www.milfont.org\/tech\/2007\/10\/11\/frameworks-ajax\/"},"modified":"2021-12-15T17:26:07","modified_gmt":"2021-12-15T20:26:07","slug":"frameworks-ajax","status":"publish","type":"post","link":"https:\/\/www.milfont.org\/tech\/2007\/10\/11\/frameworks-ajax\/","title":{"rendered":"Frameworks Ajax"},"content":{"rendered":"

Um Framework Ajax<\/a> utiliza as tecnologias CSS (camada de formata\u00e7\u00e3o da apresenta\u00e7\u00e3o), XHTML (camada de estrutura da apresenta\u00e7\u00e3o), XML (dados a serem manipulados) e JSON (outra especifica\u00e7\u00e3o do formato dos dados); Javascript (camada de controle) por meio de DOM (modelo de \u00e1rvore de objetos) e com o objeto XMLHttpRequest (que fornece conex\u00f5es ass\u00edncronas). Extende essa tecnologias padr\u00f5es com componentes de eventos, efeitos, Drag’n’Drop, entre outros.<\/p>\n

O benef\u00edcio de se usar um Framework Ajax \u00e9 o encapsulamento da complexidade de manipula\u00e7\u00e3o das tecnologias necess\u00e1rias, fornecendo um s\u00f3 mecanismo Cross Browser que permita a utiliza\u00e7\u00e3o do ajax com acessibilidade semelhante ao ambiente desktop, al\u00e9m de facilitar o tratamento dos dados nas camadas f\u00edsicas entre o lado cliente e o lado servidor.<\/p>\n

Camadas<\/h3>\n

A primeira camada que praticamente todos os frameworks abstraem \u00e9 a manipula\u00e7\u00e3o da utiliza\u00e7\u00e3o de chamadas ao servidor, como somente os browsers modernos implementam o objeto XHR<\/a>, as estrat\u00e9gias de IFrame e Scripttag<\/a> s\u00e3o delegadas como estrat\u00e9gias secund\u00e1rias, alguns frameworks hoje at\u00e9 tem scripttag<\/a> como t\u00e9cninca principal.<\/p>\n

Existem ainda frameworks na UI (User Interface) e no lado servidor, os chamadas Frameworks ajaxificados (Ajaxian Frameworks) como Struts 2, JSF, etc.<\/p>\n

\"camadas<\/p>\n

Tipos de Frameworks<\/h3>\n

Existem 3 categorias principais de tipos de Frameworks, no AjaxPatterns.org<\/a> voce encontra um sum\u00e1rio com detalhamento<\/a> dos tipos.<\/p>\n

Javascript Multipurpose<\/h4>\n

Frameworks que fornecessem componentes sobre o conjunto de todas as tecnologias web no lado cliente e mecanismos de acesso ao lado servidor, como o encapsulamento do tratamento dos dados.<\/p>\n

\"camadas \"camadas\"camadas<\/p>\n

Javascript Remote<\/h4>\n

Frameworks que s\u00e3o especialistas no encapsulamento do mecanismo de troca de objetos entre as camadas f\u00edsicas.<\/p>\n

\"camadas\"camadas<\/p>\n

Javascript Specialized<\/h4>\n

Frameworks que s\u00e3o especialistas em somente um determinado comportamento ou mecanismo do conjunto de tecnologias web, como por exemplo: especialistas em efeitos ou somente na extens\u00e3o do javascript.<\/p>\n

\"camadas \"camadas<\/p>\n

O foco desse blog ser\u00e1 nos frameworks Ext, YUI e DWR, eventualmente falarei tamb\u00e9m de outros Frameworks como Prototype e Scriptaculous.<\/p>\n","protected":false},"excerpt":{"rendered":"

Um Framework Ajax utiliza as tecnologias CSS (camada de formata\u00e7\u00e3o da apresenta\u00e7\u00e3o), XHTML (camada de estrutura da apresenta\u00e7\u00e3o), XML (dados a serem manipulados) e JSON (outra especifica\u00e7\u00e3o do formato dos dados); Javascript (camada de controle) por meio de DOM (modelo de \u00e1rvore de objetos) e com o objeto XMLHttpRequest (que fornece conex\u00f5es ass\u00edncronas). Extende essa […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16,28,8],"tags":[],"_links":{"self":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/25"}],"collection":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":1,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":1909,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/25\/revisions\/1909"}],"wp:attachment":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}