Samson Iyanda samcyn

## sorting.js
const footballers = [
  {
    name: "Rooney",
    age: 30
  },
  {
    name: "Ronaldo",
    age: 32
  },
  {

## mat.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style type="text/css">
            body{
                background: #EEE;
                height: 100vh;

## cuboid.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            .stage {
                position: absolute;

## eye.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body{
            height: 100vh;

## jsbin.kisodag.js
var button = document.querySelector('button');

Rx.Observable.fromEvent(button, 'click')
  .throttleTime(1000)
  .map( (data) => { return data.clientY })
  .subscribe(
    (coordinate) => console.log(coordinate)
  );

## flatten.js
var givenArray = [1,2,[3,4,5], 6, [7,8]];
function flattenController(arr) {
  return arr.reduce(function (flat, toFlatten) {
    return flat.concat(Array.isArray(toFlatten) ? flatten(toFlatten) : toFlatten);
  }, []);
}

flattenController(givenArray); // [1, 2, 3, 4, 5, 6, 7, 8];

## solution.js
/*
  A - S I M P L E - F L A T - L I S T - H A N D L E R
  - U S I N G - F L A T
*/
const flatListHandler = (nestedArray, depth) => {
  return nestedArray.flat(depth);
}

// U S A G E -
const nestedArray = [1, 2, 3 ,4 , [5, 6, 7], 8];
	const footballers = [
	{
	name: "Rooney",
	age: 30
	},
	{
	name: "Ronaldo",
	age: 32
	},
	{
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title></title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style type="text/css">
	body{
	background: #EEE;
	height: 100vh;
	var button = document.querySelector('button');

	Rx.Observable.fromEvent(button, 'click')
	.throttleTime(1000)
	.map( (data) => { return data.clientY })
	.subscribe(
	(coordinate) => console.log(coordinate)
	);
	var givenArray = [1,2,[3,4,5], 6, [7,8]];
	function flattenController(arr) {
	return arr.reduce(function (flat, toFlatten) {
	return flat.concat(Array.isArray(toFlatten) ? flatten(toFlatten) : toFlatten);
	}, []);
	}

	flattenController(givenArray); // [1, 2, 3, 4, 5, 6, 7, 8];
	/*
	A - S I M P L E - F L A T - L I S T - H A N D L E R
	- U S I N G - F L A T
	*/
	const flatListHandler = (nestedArray, depth) => {
	return nestedArray.flat(depth);
	}

	// U S A G E -
	const nestedArray = [1, 2, 3 ,4 , [5, 6, 7], 8];