Friday, February 22nd, 2008
Hello World: yesterday, today and tomorrow
Vlad Shamgin sent in this little history on "Hello World" on the Web.
1998
2000
JAVASCRIPT:
-
-
var myText = "Hello World";
-
var _textNodeParent;
-
var docNodes = document.childNodes[1].lastChild.childNodes;
-
for(var j=0; j<document .childNodes.length; j++){
-
if(document.childNodes[j].lastChild){
-
for(var i=0; i<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:' ',text3:'World'})
-
]
-
});
-
What will 2010 be?





2.5 rating from 72 votes







i still prefer 2007’s
$(document).append(”Hello World!”);
though the 1998’s version is still the simpliest ;-)
The font tag messed up the page… pretty damn professional.
1997:
document.write( “Hello World!” );
2010:
“Hello World!”
back to simplicity
2010:
JS:
var webservice = new Ext.SoapClient();
var web3Mashup = webservice.lookUpService(’HelloWorld’);
web3Mashup.invokeService(’document.write’);
2010:
Me
Hello World
2010:
Me
Hello World!
Isn’t it a little early to call it a slow news day?
(fill in characters as required)
if compliant {
Hello World
}
else if IE6 {
Hello World
}
else if IE7 {
Hello World
}
else if IE8 {
Hello World
}
else if IE9 {
Hello World
}
@Frank
Hahahahahahahahaha…!!
ROFLMAO :))))
Ya, good job Frank, I like that one too :)
When has anyone ever used font tags without attributes?
Frank:
good one :)
So where does my notation fit?
toolKit.addEvent(”load”,function(evt){
document.body.appendChild(
(["div",{id:"msg",style:"font-weight:bold;"},[
"Hello World"
]]).toHTML()
);
}
Hello, world
not 2010 but maybe 2015 sound and voice can be inportant, I hope…
becouse there are millions of blindless people who want to use computer… So we must do sth. for them.
code of “hello word” sound
//*Start Code*//
sound=sndcrd[boolean];
$auto_detect[IRQ=handle1{sndcrd:type=boolean}; var=true];
if (sound == enable)
{
#Voice=”alto”;
say:”Hello World”;
}
else if (sound =! disable)
{
beep=3times; //*beeping isnt depend on sound card*//
print(”pease turn on your sound or activate it”); //*monitor this at the same time*//
}
end if
autoreload;
//*End of Code*//
hello world
@Frank lol
2010:
Hello World
Because of always pushing usability standards to the limit the users got so stupid they don’t know to start their browser. We had to go back to HTML 3.2 ;)
Well, the proper words for 2010 may would be:
Goodbye World!