Skip to content

Commit

Permalink
convert content to md
Browse files Browse the repository at this point in the history
  • Loading branch information
SphinxKnight committed Sep 20, 2022
1 parent 2f68801 commit f99366f
Show file tree
Hide file tree
Showing 13 changed files with 600 additions and 626 deletions.
251 changes: 132 additions & 119 deletions files/pt-br/web/guide/ajax/getting_started/index.md

Large diffs are not rendered by default.

99 changes: 43 additions & 56 deletions files/pt-br/web/guide/ajax/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,73 +3,60 @@ title: AJAX
slug: Web/Guide/AJAX
translation_of: Web/Guide/AJAX
---
<p><strong><a href="/en-US/docs/AJAX/Getting_Started">Primeiros passos</a></strong> Uma introdução ao AJAX.</p>
**[Primeiros passos](/pt-BR/docs/AJAX/Getting_Started)** Uma introdução ao AJAX.

<div>
<p><strong>AJAX</strong> é o acrônimo para <strong>JavaScript assíncrono + XML.</strong> Não é exatamente uma tecnologia nova, mas um termo empregado em 2005 por Jesse James Garrett para descrever uma nova forma de utilizar em conjunto algumas tecnologias, incluindo <a href="/en-US/docs/HTML">HTML</a> ou <a href="/en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/JavaScript">JavaScript</a>, <a href="/en-US/docs/DOM">DOMl</a>, <a href="/en-US/docs/XML">XML</a>, <a href="/en-US/docs/XSLT">XSLT</a>, e o mais importante: <a href="/en-US/docs/DOM/XMLHttpRequest">objeto XMLHttpRequest</a>.<br>
Quando essas tecnologias são combinadas no modelo AJAX, as aplicações web que a utilizam são capazes de fazer rapidamente atualizações incrementais para a interface do usuário sem recarregar a página inteira do navegador. Isso torna a aplicação mais rápida e sensível às ações do usuário.</p>
**AJAX** é o acrônimo para **JavaScript assíncrono + XML.** Não é exatamente uma tecnologia nova, mas um termo empregado em 2005 por Jesse James Garrett para descrever uma nova forma de utilizar em conjunto algumas tecnologias, incluindo [HTML](/pt-BR/docs/HTML) ou [XHTML](/pt-BR/docs/XHTML), [CSS](/pt-BR/docs/CSS), [JavaScript](/pt-BR/docs/JavaScript), [DOMl](/pt-BR/docs/DOM), [XML](/pt-BR/docs/XML), [XSLT](/pt-BR/docs/XSLT), e o mais importante: [objeto XMLHttpRequest](/pt-BR/docs/DOM/XMLHttpRequest).
Quando essas tecnologias são combinadas no modelo AJAX, as aplicações web que a utilizam são capazes de fazer rapidamente atualizações incrementais para a interface do usuário sem recarregar a página inteira do navegador. Isso torna a aplicação mais rápida e sensível às ações do usuário.

<p>Embora a letra X em AJAX corresponda ao XML, atualmente o <a href="/en-US/docs/JSON">JSON</a> é mais utilizado que o XML devido às suas vantagens, como ser mais leve e ser parte do JavaScript. Ambos (JSON e XML) são utilizados ​​para obter informações do pacote no modelo AJAX.</p>
</div>
Embora a letra X em AJAX corresponda ao XML, atualmente o [JSON](/pt-BR/docs/JSON) é mais utilizado que o XML devido às suas vantagens, como ser mais leve e ser parte do JavaScript. Ambos (JSON e XML) são utilizados ​​para obter informações do pacote no modelo AJAX.

## Documentação

<h2>Documentação</h2>
- [AJAX: Primeiros passos](/pt-BR/docs/AJAX/Getting_Started)
- : Este artigo orientará o básico sobre AJAX e fornecerá dois exemplos para você começar.
- [Alternate Ajax Techniques](http://www.webreference.com/programming/ajax_tech/)
- : Most articles on Ajax have focused on using XMLHttp as the means to achieving such communication, but Ajax techniques are not limited to just XMLHttp. There are several other methods.
- [Ajax: A New Approach to Web Applications](http://www.adaptivepath.com/publications/essays/archives/000385.php)
- : Jesse James Garrett, of [adaptive path](http://www.adaptivepath.com), wrote this article in February 2005, introducing AJAX and its related concepts.
- [A Simpler Ajax Path](http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html)
- : "As it turns out, it's pretty easy to take advantage of the XMLHttpRequest object to make a web app act more like a desktop app while still using traditional tools like web forms for collecting user input."
- [Fixing the Back Button and Enabling Bookmarking for AJAX Apps](http://www.contentwithstyle.co.uk/content/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps/)
- : Mike Stenhouse has penned this article, detailing some methods you can use to fix back button and bookmarking issues when developing AJAX applications.
- [Ajax Mistakes](http://alexbosworth.backpackit.com/pub/67688)
- : Alex Bosworth has written this article outlining some of the mistakes AJAX application developers can make.
- [HTML no XMLHttpRequest](/pt-BR/docs/HTML_in_XMLHttpRequest)
- : MDN guide
- [Especificação XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/)
- : W3C Working draft
- [Outros recursos](/pt-BR/docs/AJAX/Other_Resources)
- : Outros recursos do AJAX que podem ser úteis.

<dl>
<dt><a href="/en-US/docs/AJAX/Getting_Started">AJAX: Primeiros passos</a></dt>
<dd>Este artigo orientará o básico sobre AJAX e fornecerá dois exemplos para você começar.</dd>
<dt><a href="http://www.webreference.com/programming/ajax_tech/">Alternate Ajax Techniques</a></dt>
<dd>Most articles on Ajax have focused on using XMLHttp as the means to achieving such communication, but Ajax techniques are not limited to just XMLHttp. There are several other methods.</dd>
<dt><a href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Ajax: A New Approach to Web Applications</a></dt>
<dd>Jesse James Garrett, of <a href="http://www.adaptivepath.com">adaptive path</a>, wrote this article in February 2005, introducing AJAX and its related concepts.</dd>
<dt><a href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">A Simpler Ajax Path</a></dt>
<dd>"As it turns out, it's pretty easy to take advantage of the XMLHttpRequest object to make a web app act more like a desktop app while still using traditional tools like web forms for collecting user input."</dd>
<dt><a href="http://www.contentwithstyle.co.uk/content/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps/">Fixing the Back Button and Enabling Bookmarking for AJAX Apps</a></dt>
<dd>Mike Stenhouse has penned this article, detailing some methods you can use to fix back button and bookmarking issues when developing AJAX applications.</dd>
<dt><a href="http://alexbosworth.backpackit.com/pub/67688">Ajax Mistakes</a></dt>
<dd>Alex Bosworth has written this article outlining some of the mistakes AJAX application developers can make.</dd>
<dt><a href="/en-US/docs/HTML_in_XMLHttpRequest">HTML no XMLHttpRequest</a></dt>
<dd>MDN guide</dd>
<dt><a href="http://www.w3.org/TR/XMLHttpRequest/">Especificação XMLHttpRequest</a></dt>
<dd>W3C Working draft</dd>
<dt><a href="/en-US/docs/AJAX/Other_Resources">Outros recursos</a></dt>
<dd>Outros recursos do AJAX que podem ser úteis.</dd>
</dl>
## Comunidade

<h2>Comunidade</h2>
- Consulte os fóruns da Mozilla...

<ul>
<li>Consulte os fóruns da Mozilla...</li>
</ul>
{{ DiscussionList("dev-ajax", "mozilla.dev.ajax") }}

<div>{{ DiscussionList("dev-ajax", "mozilla.dev.ajax") }}</div>
- [Links da comunidade AJAX](/pt-BR/docs/AJAX/Community)

<ul>
<li><a href="/en-US/docs/AJAX/Community">Links da comunidade AJAX</a></li>
</ul>
## Ferramentas

<h2>Ferramentas</h2>
- [Toolkits and frameworks](http://www.ajaxprojects.com)
- [Firebug - Ajax/Web development tool](http://www.getfirebug.com/)
- [AJAX Debugging Tool](http://blog.monstuff.com/archives/000252.html)
- [Flash/AJAX Integration Kit](http://www.osflash.org/doku.php?id=flashjs)
- [A Simple XMLHTTP Interface Library](http://xkr.us/code/javascript/XHConn/)

<ul>
<li><a href="http://www.ajaxprojects.com">Toolkits and frameworks</a></li>
<li><a href="http://www.getfirebug.com/">Firebug - Ajax/Web development tool</a></li>
<li><a href="http://blog.monstuff.com/archives/000252.html">AJAX Debugging Tool</a></li>
<li><a href="http://www.osflash.org/doku.php?id=flashjs">Flash/AJAX Integration Kit</a></li>
<li><a href="http://xkr.us/code/javascript/XHConn/">A Simple XMLHTTP Interface Library</a></li>
</ul>
## Exemplos

<h2>Exemplos</h2>
- [AJAX poller script](http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller)
- [Ajax Chat Tutorial](http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9)
- [RSS Ticker with AJAX](http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13)
- [AJAX Login System using XMLHttpRequest](http://www.jamesdam.com/ajax_login/login.html#login)
- [Create your own Ajax effects](http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects)
- [AJAX: Creating Huge Bookmarklets](http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html)
- [AJAX: Hot!Ajax There are many cool examples](http://www.hotajax.org)

<ul>
<li><a href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">AJAX poller script</a></li>
<li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax Chat Tutorial</a></li>
<li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS Ticker with AJAX</a></li>
<li><a href="http://www.jamesdam.com/ajax_login/login.html#login">AJAX Login System using XMLHttpRequest</a></li>
<li><a href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Create your own Ajax effects</a></li>
<li><a href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">AJAX: Creating Huge Bookmarklets</a></li>
<li><a href="http://www.hotajax.org">AJAX: Hot!Ajax There are many cool examples</a></li>
</ul>
## Tópicos relacionados

<h2>Tópicos relacionados</h2>

<p><a href="/en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/DOM">DOM</a>, <a href="/en-US/docs/JavaScript">JavaScript</a>, <a href="/en-US/docs/XML">XML</a>, <a href="/en-US/docs/nsIXMLHttpRequest">XMLHttpRequest</a>, <a href="/en-US/docs/XSLT">XSLT</a>, <a href="/en-US/docs/DHTML">DHTML</a>, <a href="/en-US/docs/HTML/Canvas">Canvas</a></p>
[HTML](/pt-BR/docs/HTML), [XHTML](/pt-BR/docs/XHTML), [CSS](/pt-BR/docs/CSS), [DOM](/pt-BR/docs/DOM), [JavaScript](/pt-BR/docs/JavaScript), [XML](/pt-BR/docs/XML), [XMLHttpRequest](/pt-BR/docs/nsIXMLHttpRequest), [XSLT](/pt-BR/docs/XSLT), [DHTML](/pt-BR/docs/DHTML), [Canvas](/pt-BR/docs/HTML/Canvas)
18 changes: 8 additions & 10 deletions files/pt-br/web/guide/api/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,17 +10,15 @@ tags:
- Web
translation_of: Web/Guide/API
---
<p>Here you'll find links to each of the guides introducing and explaining each of the APIs that make up the Web development architecture.</p>
Here you'll find links to each of the guides introducing and explaining each of the APIs that make up the Web development architecture.

<h2 id="Web_APIs_from_A_to_Z">Web APIs from A to Z</h2>
## Web APIs from A to Z

<p>{{ListGroups}}</p>
{{ListGroups}}

<h2 id="See_also">See also</h2>
## See also

<ul>
<li><a href="/en-US/docs/Web/API">Web API interface reference</a> (an index of all of the interfaces comprising all of these APIs)</li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model">Document Object Model</a> (DOM)</li>
<li><a href="/en-US/docs/Web/Events">Web API event reference</a></li>
<li><a href="/en-US/docs/Learn">Learning web development</a></li>
</ul>
- [Web API interface reference](/pt-BR/docs/Web/API) (an index of all of the interfaces comprising all of these APIs)
- [Document Object Model](/pt-BR/docs/Web/API/Document_Object_Model) (DOM)
- [Web API event reference](/pt-BR/docs/Web/Events)
- [Learning web development](/pt-BR/docs/Learn)
34 changes: 14 additions & 20 deletions files/pt-br/web/guide/graphics/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,29 +14,23 @@ tags:
translation_of: Web/Guide/Graphics
original_slug: Web/Guide/Gráficos
---
<p>Sites modernos da Web e aplicativos frequentemente precisam exibir gráficos. Imagens estáticas podem ser exibidas facilmente usando o elemento {{HTMLElement("img")}} ou configurando o background de elementos HTML usando a propriedade {{cssxref("background-image")}}. Você também pode construir gráficos em tempo real ou manipular imagens depois de criadas. Esses artigos fornecem conhecimento de como você pode realizar isto.</p>
Sites modernos da Web e aplicativos frequentemente precisam exibir gráficos. Imagens estáticas podem ser exibidas facilmente usando o elemento {{HTMLElement("img")}} ou configurando o background de elementos HTML usando a propriedade {{cssxref("background-image")}}. Você também pode construir gráficos em tempo real ou manipular imagens depois de criadas. Esses artigos fornecem conhecimento de como você pode realizar isto.

<h2>Gráficos 2D</h2>
## Gráficos 2D

<dl>
<dt><a href="/pt-BR/docs/Web/HTML/Canvas">Canvas</a></dt>
<dd>Um guia introdutório do uso do elemento {{HTMLElement("canvas")}} para desenhar gráficos 2D usando JavaScript.</dd>
<dt><a href="/pt-BR/docs/SVG">SVG</a></dt>
<dd><em>Scalable Vector Graphics</em> (SVG) ou Gráficos de Vetor Escalável permite que você use linhas, curvas e outras formas geométricas para renderizar gráficos. Com vetores, você pode criar imagens que se redimensionam perfeitamente para qualquer tamanho.</dd>
</dl>
- [Canvas](/pt-BR/docs/Web/HTML/Canvas)
- : Um guia introdutório do uso do elemento {{HTMLElement("canvas")}} para desenhar gráficos 2D usando JavaScript.
- [SVG](/pt-BR/docs/SVG)
- : _Scalable Vector Graphics_ (SVG) ou Gráficos de Vetor Escalável permite que você use linhas, curvas e outras formas geométricas para renderizar gráficos. Com vetores, você pode criar imagens que se redimensionam perfeitamente para qualquer tamanho.

<h2>Gráficos 3D</h2>
## Gráficos 3D

<dl>
<dt><a href="/pt-BR/docs/Web/WebGL">WebGL</a></dt>
<dd>Um guia para começar com WebGL, a API gráfica 3D para a Web. Esta tecnologia permite que você use o padrão OpenGL ES em conteúdo Web.</dd>
</dl>
- [WebGL](/pt-BR/docs/Web/WebGL)
- : Um guia para começar com WebGL, a API gráfica 3D para a Web. Esta tecnologia permite que você use o padrão OpenGL ES em conteúdo Web.

<h2 id="Video">Video</h2>
## Video

<dl>
<dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Usando áudio e vídeo em HTML5</a></dt>
<dd>Embarcando vídeo ou áudio na página web e controlando a reprodução desses elementos.</dd>
<dt><a href="/pt-BR/docs/WebRTC">WebRTC</a></dt>
<dd>O RTC in WebRTC é um padrão para <em>Real-Time Communications </em>(comunicação em tempo real), tecnologia que permite a transmissão de áudio ou vídeo e o compartilhamento de dados entre os clientes de navegadores (<em>peers</em>).</dd>
</dl>
- [Usando áudio e vídeo em HTML5](/pt-BR/docs/Web/Guide/HTML/Using_HTML5_audio_and_video)
- : Embarcando vídeo ou áudio na página web e controlando a reprodução desses elementos.
- [WebRTC](/pt-BR/docs/WebRTC)
- : O RTC in WebRTC é um padrão para _Real-Time Communications_ (comunicação em tempo real), tecnologia que permite a transmissão de áudio ou vídeo e o compartilhamento de dados entre os clientes de navegadores (_peers_).
Loading

0 comments on commit f99366f

Please sign in to comment.