﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ViniciusCamara &#187; Fun</title>
	<atom:link href="http://www.viniciuscamara.net/tag/fun/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.viniciuscamara.net</link>
	<description>Its About Videos, Posts and Books</description>
	<lastBuildDate>Thu, 22 Jul 2010 02:52:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Hello World: Ontem, Hoje e Amanhã.</title>
		<link>http://www.viniciuscamara.net/blog/hello-world-ontem-hoje-e-amanha/</link>
		<comments>http://www.viniciuscamara.net/blog/hello-world-ontem-hoje-e-amanha/#comments</comments>
		<pubDate>Mon, 24 Mar 2008 17:04:48 +0000</pubDate>
		<dc:creator>viniciuscamara</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Fun]]></category>

		<guid isPermaLink="false">http://viniciuscamara.wordpress.com/?p=20</guid>
		<description><![CDATA[Olá a todos, hoje é dia de Páscoa! Venho tentando escrever um artigo por semana, mas infelizmente é muito difícil. Vou me policiar para que possa cumprir essa tarefa legal e ao mesmo tempo árdua. Escrever, definitivamente não é fácil. Tempo atrás me deparei com um artigo no Google Reader a respeito da evolução da [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.viniciuscamara.net/blog/hello-world-ontem-hoje-e-amanha/&amp;layout=standard&amp;show_faces=0&amp;width=300&amp;action=like&amp;colorscheme=dark&amp;font=trebuchet+ms" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:45px"></iframe><p>Olá a todos, hoje é dia de Páscoa!</p>
<p>Venho tentando escrever um artigo por semana, mas infelizmente é muito difícil. Vou me policiar para que possa cumprir essa tarefa legal e ao mesmo tempo árdua. Escrever, definitivamente não é fácil.</p>
<p>Tempo atrás me deparei com um artigo no Google Reader a respeito da evolução da internet com um Hello World.  Vejam abaixo o meu &#8220;copy/paste&#8221; do artigo que é fascinamente.</p>
<blockquote style="height:100px;"><p>AVISO: Este código provavelmente estará desatualizado daqui 2 anos!!!! What matters? Thats the life. </p></blockquote>
<h3><strong>1998</strong></h3>
<div style="border: 1px solid #26536a; padding: 3px 3px 10px 8px; overflow: auto; background-color: #fefefe; font-family: 'Courier New',Courier,monospace; font-size: 13px; margin-bottom: 8px; white-space: nowrap; width: 450px;"><span style="color: #000000; font-weight: bold;"> </span></p>
<div class="syntax_hilite"><span style="color: #000000; font-weight: bold;">HTML:</span></p>
<div>
<div class="html">
<ol>
<li></li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/font.html" onclick="pageTracker._trackPageview('/outgoing/december.com/html/4/element/font.html?referer=');"><span style="color: #000000; font-weight: bold;">&lt;font&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/b.html" onclick="pageTracker._trackPageview('/outgoing/december.com/html/4/element/b.html?referer=');"><span style="color: #000000; font-weight: bold;">&lt;b&gt;</span></a></span>Hello World<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/b&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/font&gt;</span></span></div>
</li>
<li></li>
</ol>
</div>
</div>
</div>
<p><span style="color: #000000; font-weight: bold;"> </span></p>
</div>
<h3><strong>2000</strong></h3>
<div style="border: 1px solid #26536a; padding: 3px 3px 10px 8px; overflow: auto; background-color: #fefefe; font-family: 'Courier New',Courier,monospace; font-size: 13px; margin-bottom: 8px; white-space: nowrap; width: 450px;"><span style="color: #000000; font-weight: bold;"> </span></p>
<div class="syntax_hilite">
<div class="syntax_hilite"><span style="color: #000000; font-weight: bold;">JAVASCRIPT:</span></p>
<div>
<div class="javascript">
<ol>
<li></li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myText = <span style="color: #3366cc;">&#8220;Hello World&#8221;</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> _textNodeParent;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> docNodes = document.<span style="color: #006600;">childNodes</span><span style="color: #006600; font-weight: bold;">[</span><span style="color: #800000;">1</span><span style="color: #006600; font-weight: bold;">]</span>.<span style="color: #006600;">lastChild</span>.<span style="color: #006600;">childNodes</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">for</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #003366; font-weight: bold;">var</span> j=<span style="color: #800000;">0</span>; j&amp;lt;document .<span style="color: #006600;">childNodes</span>.<span style="color: #006600;">length</span>; j++<span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">{</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #006600; font-weight: bold;">(</span>document.<span style="color: #006600;">childNodes</span><span style="color: #006600; font-weight: bold;">[</span>j<span style="color: #006600; font-weight: bold;">]</span>.<span style="color: #006600;">lastChild</span><span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">{</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">for</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #003366; font-weight: bold;">var</span> i=<span style="color: #800000;">0</span>; i&amp;lt;docNodes.<span style="color: #006600;">length</span>; i++<span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">{</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">&#8216;div&#8217;</span> == docNodes.<span style="color: #006600;">item</span><span style="color: #006600; font-weight: bold;">(</span>i<span style="color: #006600; font-weight: bold;">)</span>.<span style="color: #006600;">nodeName</span>.<span style="color: #006600;">toLowerCase</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">{</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">&#8216;layer_main&#8217;</span> == docNodes.<span style="color: #006600;">item</span><span style="color: #006600; font-weight: bold;">(</span>i<span style="color: #006600; font-weight: bold;">)</span>.<span style="color: #006600;">id</span>.<span style="color: #006600;">toLowerCase</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">{</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #006600; font-weight: bold;">(</span><span style="color: #003366; font-weight: bold;">null</span> != document.<span style="color: #006600;">getElementById</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">&#8216;bparent&#8217;</span><span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">)</span> <span style="color: #006600; font-weight: bold;">{</span> document.<span style="color: #006600;">getElementById</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">&#8216;bparent&#8217;</span><span style="color: #006600; font-weight: bold;">)</span>.<span style="color: #006600;">parentNode</span>.<span style="color: #006600;">removeChild</span><span style="color: #006600; font-weight: bold;">(</span>document.<span style="color: #006600;">getElementById</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">&#8216;bparent&#8217;</span><span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">)</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">}</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">_textNodeParent = document.<span style="color: #006600;">createElementNS</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">&#8220;http://www.w3.org/1999/xhtml&#8221;</span>, <span style="color: #3366cc;">&#8220;html:b&#8221;</span><span style="color: #006600; font-weight: bold;">)</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">_textNodeParent.<span style="color: #006600;">id</span> = <span style="color: #3366cc;">&#8216;bparent&#8217;</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">docNodes.<span style="color: #006600;">item</span><span style="color: #006600; font-weight: bold;">(</span>i<span style="color: #006600; font-weight: bold;">)</span>.<span style="color: #006600;">appendChild</span><span style="color: #006600; font-weight: bold;">(</span>_textNodeParent<span style="color: #006600; font-weight: bold;">)</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">_textNodeParent.<span style="color: #006600;">appendChild</span><span style="color: #006600; font-weight: bold;">(</span>document.<span style="color: #006600;">createTextNode</span><span style="color: #006600; font-weight: bold;">(</span>myText<span style="color: #006600; font-weight: bold;">)</span><span style="color: #006600; font-weight: bold;">)</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">}</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">}</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">}</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">}</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">}</span></div>
</li>
<li></li>
</ol>
</div>
</div>
</div>
<div>
<div class="javascript">
<ol>
<li></li>
</ol>
</div>
</div>
</div>
</div>
<div>
<h3><strong>2003</strong></h3>
<div style="border: 1px solid #26536a; padding: 3px 3px 10px 8px; overflow: auto; background-color: #fefefe; font-family: 'Courier New',Courier,monospace; font-size: 13px; margin-bottom: 8px; white-space: nowrap; width: 450px;"><span style="color: #000000; font-weight: bold;"> </span></p>
<div class="syntax_hilite"><span style="color: #000000; font-weight: bold;">JAVASCRIPT:</span></p>
<div>
<div class="javascript">
<ol>
<li></li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myText = <span style="color: #3366cc;">&#8220;&lt;b&gt;Hello World&lt;/b&gt;&#8221;</span>;</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">document.<span style="color: #006600;">getElementById</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">&#8216;layer_main&#8217;</span><span style="color: #006600; font-weight: bold;">)</span>.<span style="color: #006600;">innerHTML</span> = myText;</div>
</li>
<li></li>
</ol>
</div>
</div>
</div>
<p><span style="color: #000000; font-weight: bold;"> </span></p>
</div>
<h3><strong>2008</strong></h3>
<div style="border: 1px solid #26536a; padding: 3px 3px 10px 8px; overflow: auto; background-color: #fefefe; font-family: 'Courier New',Courier,monospace; font-size: 13px; margin-bottom: 8px; white-space: nowrap; width: 450px;"><span style="color: #000000; font-weight: bold;"> </span></p>
<div class="syntax_hilite"><span style="color: #000000; font-weight: bold;">JAVASCRIPT:</span></p>
<div>
<div class="javascript">
<ol>
<li></li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">myVp = <span style="color: #003366; font-weight: bold;">new</span> Ext.<span style="color: #006600;">Viewport</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #006600; font-weight: bold;">{</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">layout:<span style="color: #3366cc;">&#8216;fit&#8217;</span>,</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">autoHeight:<span style="color: #003366; font-weight: bold;">true</span>,</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">id:<span style="color: #3366cc;">&#8216;myVPid&#8217;</span>,</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;">items:<span style="color: #006600; font-weight: bold;">[</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">new</span> Ext.<span style="color: #006600;">XTemplate</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">'&lt;tpl&gt;'</span>,</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #3366cc;">'&lt;span id="bparent" style="width:100%;font-weight:bold"&gt;{text1}{text2}{text3}&lt;/span&gt;'</span>,</div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #3366cc;">'&lt;/tpl&gt;'</span><span style="color: #006600; font-weight: bold;">)</span>.<span style="color: #006600;">overwrite</span><span style="color: #006600; font-weight: bold;">(</span>Ext.<span style="color: #006600;">get</span><span style="color: #006600; font-weight: bold;">(</span><span style="color: #3366cc;">'layer_main'</span><span style="color: #006600; font-weight: bold;">)</span>,<span style="color: #006600; font-weight: bold;">{</span>text1:<span style="color: #3366cc;">'Hello'</span>,text2:<span style="color: #3366cc;">'&amp;nbsp;'</span>,text3:<span style="color: #3366cc;">'World'</span><span style="color: #006600; font-weight: bold;">}</span><span style="color: #006600; font-weight: bold;">)</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">]</span></div>
</li>
<li>
<div style="color: #000000; font-family: 'Courier New',Courier,monospace; font-weight: normal;"><span style="color: #006600; font-weight: bold;">}</span><span style="color: #006600; font-weight: bold;">)</span>;</div>
</li>
<li></li>
</ol>
</div>
</div>
</div>
<p><span style="color: #000000; font-weight: bold;"> </span></p>
</div>
<div class="syntax_hilite">O que virá em 2010?</div>
<div class="syntax_hilite">Alguém arrisca alguma opinião?</div>
<div class="syntax_hilite">Créditos a Vlad Shamgin em seu artigo engraçado postado no <a title="Ajaxian" href="http://ajaxian.com/archives/hello-world-yesterday-today-and-tomorrow" target="_blank" onclick="pageTracker._trackPageview('/outgoing/ajaxian.com/archives/hello-world-yesterday-today-and-tomorrow?referer=');">Ajaxian</a>.</div>
<div class="syntax_hilite">Abraços e até o próximo post!</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.viniciuscamara.net/blog/hello-world-ontem-hoje-e-amanha/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
