js | Path of a Coder

Last year I was sent to training by Exilesoft(Pvt) Ltd for the JSConf 2014 Asia conference held in Singapore.

It was an awesome and informative event, got chance to meet people from some popular companies like PayPal, Spotify, Github, Firefox, King(Candy Crush) and many others.

So I would like to share some information and some useful resources I managed to gather their in the conference.

The Conference was held for 2 Days.
Ill be explaining the important point and the resources in the order of the sessions

Day 1

Building Isomorphic Apps – Spike Brehm, Airnb
Session Video

Slides – http://www.slideshare.net/spikebrehm/building-isomorphic-apps-jsconfasia-2014
Github – https://github.com/spikebrehm/isomorphic-tutorial
Twitter – @spikebrehm

Pixel Art and Complex System – Vince Allen, Spotify
Session Video –

Github – https://github.com/vinceallenvince/Bit-Shadow-Machine
Samples – http://vinceallenvince.github.io/jsasia2014/
Twitter – @vinceallenvince

Bad Form – Chris Lienert, Jardine Lloyd Thompson
Session Video

Slides – http://www.slideshare.net/cliener/jsconfx?related=1
Github – https://github.com/cliener/Quaid-JS
Twitter – @cliener

HTTP Headers – The Simplest Security – Wei Lu
Session Video

Github – https://github.com/helmetjs/helmet
Twitter – @luweidewei

Fun with Javascript and Sensors – Jan jongboom, Telener
Session Video

Slides – http://www.slideshare.net/janjongboom/fun-with-sensors-jsconfasia-2014
Github – https://github.com/janjongboom/jsconf-asia
Twitter – @janjongboom

The Art of Less – Martin Kleppe, Ubilabs
Session video –

Project Site – http://aem1k.com/雨/
Slides – https://speakerdeck.com/aemkei/the-art-of-less-jsconf-dot-asia
Twitter – @aemkei

QuiverJS : Rethinking Web Frameworks – Soares Chen
Session Video

Slides – http://quiverjs.github.io/jsconfasia-2014/assets/player/KeynoteDHTMLPlayer.html#0
Github – https://github.com/quiverjs
Twitter – @soareschen

Translation Workflow And Formatting Complex Translation – Tingan Ho, P1.cn
Session Video

Github – https://github.com/tinganho/l10ns
Twitter – @tingan87

Preparing your NodeJS Application for Scale – Dexter Tan and Laurence Franslay, PayPal
Session Video –

Day 2

Web Torrent – Feross Aboukhadijeh
Github – https://github.com/feross/webtorrent
Twitter – @feross

There and back again – A Game Dev’s Tale – Peggy Kuo, Atlassian
Session Video

Slides – https://speakerdeck.com/pyko/there-and-back-again-a-game-devs-tale
Twitter – @pyko

Versioning, Syncing & Streaming Large Datasets using DAT+NODE – Max Ogden
Session Video

Lint to DAT : http://dat-data.com/
Twitter – @maxogden

IPCluster-Scaling Zopim’s Fronted Node Servers – Yang Bin Kwok, Zopim
Session Video

Github – https://github.com/zopim/ipcluster
Twitter – @zopim

Reactive Programing Made Simple – Slava Kim, Meteor
Twitter – @imslavako

Gibbering at Algoraves: JS in Live Audiovisual Performances – Charlie Roberts, UCLA
Session Video

Github – https://github.com/charlieroberts/Gibberish
Link to Gibber – http://gibber.mat.ucsb.edu/

Lets make a Game with Phaser – Gabe Hollombe, Neo
Session Video

Github – https://github.com/gabehollombe/phaser-pvz
Twitter – @gabehollombe

Deep Space – A Simulation Drama – Simon Swain, Modus Interactive
Session Video

Github – https://github.com/simonswain/deepspace
Twitter – @simon_swain

Future of Node – Mikel Rogers, Digital Ocean
Session Video

Site to create NodeConf – http://oneshot.nodeconf.com/
Twitter – @mikeal

The post will be updated till individual video links appears in youtube, mean while you guys can watch this play list of all the sessions

Hi guys, I thought of learning some Java Script as it has become one of the most important aspect of a programer in the present. So I thought of handling some basic default functions for a start. Hope you guys achieve some thing out from this post.

So here we will see how to write JavaScript inside the Basic html inside Body tag. We will see the external Java Script in another Tutorial.

So here we define the Script Tag inside the body and Write all the code explained between the Script Tags.

noscript tag is attached to inform people who are viewing this site in a browser that does not support Java Script.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>

<script language="javascript" type="text/javascript">

//Java Scrip Code Goes Here
</script>

<noscript><h3>This site needs Javascript Enabled Browser</h3></noscript>

</body>
</html>

So below are some basic Java Script code you can try yourself

1. A simple Alert

alert("Hi this is amalan");

2. Min and Max number supported by JS

document.write(Number.MAX_VALUE + "<br/>");
document.write(Number.MIN_VALUE + "<br/>");

3. Printing a String

var sampl_str = "Here are some Escape charecters \" \t \' \\ \n";
document.write(sampl_str + "</br>");

4. Combining Strings

var first_String = "First String";
var second_String = "Second String";
var combined_String = first_String + second_String ;
document.write(combined_String + "</br>");

5. Example of using substring function

document.write("Sub String " + combined_String.substring(12, 18) + "</br>");

6. Getting the Last character

document.write("Last Charecter =" + combined_String.charAt(combined_String.length-1) + "</br>");

7.Usage of Indexof function

document.write("Index of " + combined_String.indexOf('t') + "</br>");

8.Variables

var str_var = "5";
var num_var = 10;

var total = num_var + str_var;
var multy = num_var * str_var;

document.write("Total is :" + total+"</br>");
document.write("Multy is :" + multy+"</br>");

9.Force data type conversion

total = num_var + Number(str_var);
document.write("Total is :" + total+"</br>");

total = num_var + num_var;
document.write("Total is :" + total+"</br>");

total = num_var + String(num_var);
document.write("Total is :" + total+"</br>");

10. Float

var float_var = 3.1417376464646464;
var float_str = float_var.toFixed(7);
document.write("Shortened PI value by 7 : "+float_str+"</br>");

document.write("Data type of float_var = "+typeof(float_var)+"</br>");
document.write("Data type of float_str = " + typeof(float_str) + "</br>");

11.Boolean

var bool_var = Boolean(23);
document.write("Booloean of 23 is " + bool_var + "</br>");

12. Compare Variables

var rand_num1 = 5;
var rand_num2 = 10;

document.write("5 > 10 = "+(rand_num1 > rand_num2)+"</br>");
document.write("5 >= 10 = "+(rand_num1 >= rand_num2)+"</br>");
document.write("5 == 10 = "+(rand_num1 == rand_num2)+"</br>");
document.write("5 <= 10 = "+(rand_num1 <= rand_num2)+"</br>");
document.write("5 < 10 = "+(rand_num1 < rand_num2)+"</br>");
document.write("5 != 10 = "+(rand_num1 != rand_num2)+"</br>");

13.Logical operators

document.write("Is 5 < 10 and 5 != 10 "+((rand_num1 < rand_num2) && (rand_num1 != rand_num2))+"</br>");
document.write("Is 5 > 10 or 5 != 10 "+((rand_num1 > rand_num2) || (rand_num1 != rand_num2))+"</br>");
document.write("Is 5 < 10"+ !(rand_num1 < rand_num2)+"</br>");

14.Arrays

var vehihcals = new Array("Car", "Van","Bus");
document.write("Second Value of the Vehical Array is :" + vehihcals[1]+"</br>");

15.Cycle through Array

for (i in vehihcals) {

document.write("vehical value "+ (Number(i)+1)+" is "+vehihcals[i]+"</br>");

}

16.Conditional Opperators

var rand_var = (5 < 10) ? "5 is less than 10" : "5 is greater than 10";
document.write(rand_var + "</br>");

17.if Else

if (5 > 5) {
document.write("5 is greater than 10"+"</br>");
}

else if (5 < 5) {
document.write("5 is less than 10"+"</br>");
}
else {
document.write("Both are Equal"+"</br>");
}

18.Switch Case

var state = "Colombo";

switch (state) {
case "Kandy":
document.write("Colder than Me" + "</br>");
break;

case "Colombo":
document.write("Same as Me" + "</br>");
break;

default:
document.write("I dont know what you have entered"+"</br>");
}

19.loop

var count = 1;

while (count <= 10) {
document.write(count+"</br>");
count++;
}

20.Continue Statement

var count = 1;

while (count <= 10) {


//try break
//if (count == 6) {
//    break;
//}

if (count % 2) {
count++;
continue;
}

document.write(count + "</br>");
count++;
}

21.doWhile

var count = 10;

do {
document.write(count + "</br>");
count--;
} while (count > 10);

22.for

for (var count = 0; count <= 10; count++) {
document.write(count+"</br>");
}

Get the Code here : Download code

Reference : YouTube Reference

Path of a Coder

Glimps of Light Rays from a Life of a Coder

Tag Archives: js

JSConf 2014 Asia

Some Basic Java Script