bilalucar

function main(){
  console.log('A');
  setTimeout(
    function exec(){ console.log('B'); }
  , 0);
  runWhileLoopForNSeconds(3);
  console.log('C');
}
main();
function runWhileLoopForNSeconds(sec){

bilalucar

function main(){
  console.log('A');
  setTimeout(
    function display(){ console.log('B'); }
  ,0);
	console.log('C');
}
main();
//	Output
//	A

bilalucar

JSX:
<div className="div-class">Hello World!</div>

bilalucar

JS :
React.createElement("div", {className: "div-class"}, "Hello World!");

bilalucar

<!-- Gridder navigation -->
<ul class="gridder">
    <li class="gridder-list" data-griddercontent="#content1">
        <img src="http://placehold.it/600x400" />
    </li>
 
    <!-- You can also load html/ajax pages by replacing the #ID with a URL -->
    <li class="gridder-list" data-griddercontent="/content.html">
        <img src="http://placehold.it/600x400" />
    </li>

bilalucar

<?php
$fruits = array("d"=>"lemon", "a"=>"orange", "b"=>"banana", "c"=>"apple");
ksort($fruits);
foreach ($fruits as $key => $val) {
    echo "$key = $val\n";
}
?>

bilalucar

<span data-inline-tweet
      data-inline-tweet-via="ireaderinokun"
      data-inline-tweet-tags="webdesign,webdev,js,yolo"
      data-inline-tweet-url="bitsofco.de">
  Lorem Khaled Ipsum is a major key to success
</span>

bilalucar

div {
  width: 300px;
  overflow: auto;
  scroll-snap-points-y: repeat(150px);
  scroll-snap-type: mandatory;
}
Below

bilalucar

div {
  width: 300px;
  height: 300px;
  overflow: auto;
  ...
}
div > img {
  width: 250px;
  height: 150px;
  ...

bilalucar

<div>
  <img src='Pizza.png' alt='pizza'>
  <img src='Noodle.png' alt='noodle'>
  <img src='Burger.png' alt='burger'>
  <img src='Juice.png' alt='juice'>
</div>