sundeeep
diff --git a/‎101Basics/index.html
Lines changed: 13 additions & 0 deletions b/‎101Basics/index.html
Lines changed: 13 additions & 0 deletions
diff --git a/‎101Basics/index.js
Lines changed: 23 additions & 0 deletions b/‎101Basics/index.js
Lines changed: 23 additions & 0 deletions
diff --git a/‎Closures/Demonstartion/01 Closures.js renamed to ‎Closures/Demonstration/01 Closures.js b/‎Closures/Demonstartion/01 Closures.js renamed to ‎Closures/Demonstration/01 Closures.js
diff --git a/‎Closures/Demonstartion/02 AdvancedClosures.js renamed to ‎Closures/Demonstration/02 AdvancedClosures.js b/‎Closures/Demonstartion/02 AdvancedClosures.js renamed to ‎Closures/Demonstration/02 AdvancedClosures.js
diff --git a/‎Closures/Demonstration/AppLayout.js
Lines changed: 33 additions & 0 deletions b/‎Closures/Demonstration/AppLayout.js
Lines changed: 33 additions & 0 deletions
diff --git a/‎Closures/Demonstartion/index.html renamed to ‎Closures/Demonstration/index.html b/‎Closures/Demonstartion/index.html renamed to ‎Closures/Demonstration/index.html
diff --git a/‎Higher-Order-Functions/Higher-Order Fn().txt
Lines changed: 16 additions & 0 deletions b/‎Higher-Order-Functions/Higher-Order Fn().txt
Lines changed: 16 additions & 0 deletions
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1>Suresh - Sandeep JS BrainStorming</h1>
+    <script src="./index.js"></script>
+</body>
+</html>
@@ -0,0 +1,23 @@
+// console.log(numb)
+var numb = 10;
+
+// console.log(numb2)
+// let numb2 = 15;
+
+print(numb);
+
+const print = (number) => {
+    console.log(number)
+} 
+// TODO: ES6
+
+print(numb);
+
+console.log("Hello");
+
+/**
+ * variables are stored and assigned to "undefined";
+ * e.g., variableName : undefined
+ * functions are stored and assigned to its function definition.
+ * e.g., functionName : functionDefinition
+ */
@@ -0,0 +1,33 @@
+// TODO: Closure Real World Example. (DONE)
+const AppLayout = (param) => {
+    let outlet;
+    switch (param) {
+        case "home":
+            outlet = "Home Page";
+            break;
+        case "about":
+            outlet = "About Page";
+            break;
+        case "contact":
+            outlet = "Contact Page";
+            break;
+        default:
+            if(param) outlet = "404 NOT FOUND PAGE";
+            break;
+    }
+    const Header = () => {
+        console.log("App Header rendered...");
+    }
+    const Footer = () => {
+        console.log("App Footer rendered...")
+    }
+    const Outlet = () =>{
+        Header();
+        outlet ? console.log(`${outlet} rendered...`) : console.log("Select the Page");
+        Footer();
+    }
+    return Outlet;
+}
+
+let App = AppLayout();
+App();
@@ -0,0 +1,16 @@
+Higher Order Function:
+-> A function which takes another function as an argument to itself, or return the function from itself is Higher Order Function., 
+-> The function which is passed into the Higher Order function is called call back function.
+
+e.g., function x(){
+	console.log("Namaste");
+}
+
+function y(x){
+	x();
+}
+
+y(x)
+
+=> y is a higher order function and,
+=> x is a call back function.