Hello World: Ontem, Hoje e Amanhã.

Posted by viniciuscamara on 24/03/2008 in Blog | 0 comments

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 internet com um Hello World. Vejam abaixo o meu “copy/paste” do artigo que é fascinamente.

AVISO: Este código provavelmente estará desatualizado daqui 2 anos!!!! What matters? Thats the life.

1998

 
HTML:

<font><b>Hello World</b></font>

2000

 
JAVASCRIPT:

var myText = “Hello World”;
var _textNodeParent;
var docNodes = document.childNodes[1].lastChild.childNodes;
for(var j=0; j&lt;document .childNodes.length; j++){
if(document.childNodes[j].lastChild){
for(var i=0; i&lt;docNodes.length; i++){
if(‘div’ == docNodes.item(i).nodeName.toLowerCase()){
if(‘layer_main’ == docNodes.item(i).id.toLowerCase()){
if (null != document.getElementById(‘bparent’)) { document.getElementById(‘bparent’).parentNode.removeChild(document.getElementById(‘bparent’));
}
_textNodeParent = document.createElementNS(“http://www.w3.org/1999/xhtml”, “html:b”);
_textNodeParent.id = ‘bparent’;
docNodes.item(i).appendChild(_textNodeParent);
_textNodeParent.appendChild(document.createTextNode(myText));
}
}
}
}
}

2003

 
JAVASCRIPT:

var myText = “<b>Hello World</b>”;
document.getElementById(‘layer_main’).innerHTML = myText;

2008

 
JAVASCRIPT:

myVp = new Ext.Viewport({
layout:‘fit’,
autoHeight:true,
id:‘myVPid’,
items:[
new Ext.XTemplate('<tpl>',
'<span id="bparent" style="width:100%;font-weight:bold">{text1}{text2}{text3}</span>',
'</tpl>').overwrite(Ext.get('layer_main'),{text1:'Hello',text2:'&nbsp;',text3:'World'})
]
});

 