Init repo

Author: Artur Gevert

LearnJS/.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:5500",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

LearnJS/Arrays.js

@@ -0,0 +1,81 @@
+ const cars = ["Mazda", "Ford", "BMW", "Mercedes"];
+
+ const fib = [1, 1, 2, 3, 5, 8, 13];
+
+ cars.push("Renault"); //Output: ["Mazda", "Ford", "BMW", "Mercedes", "Renault"]
+ cars.unshift("Volvo"); //Output: ["Volvo", "Mazda", "Ford", "BMW", "Mercedes", "Renault"]
+
+ const firstCar = cars.shift(); //Output: ["Mazda", "Ford", "BMW", "Mercedes", "Renault"]
+ const lastCar = cars.pop(); //Output: ["Mazda", "Ford", "BMW", "Mercedes"]
+
+ console.log('firstCar', firstCar); //Output: Volvo
+ console.log('lastCar', lastCar); //Output: Renault
+ console.log('revers', cars.reverse()); //Output:["Mercedes", "BMW", "Ford", "Mazda"]
+
+ cars.includes("Mazda"); //Output: true
+ cars.includes("Mazda!"); //Output: false
+
+ const upperCaseCars = cars.map(car => car.toUpperCase());
+ console.log('upperCaseCars', upperCaseCars); //Output: ["MERCEDES", "BMW", "FORD", "MAZDA"]
+ console.log('cars', cars); //Output: ["Mercedes", "BMW", "Ford", "Mazda"]
+
+
+ const pow2 = num => num ** 2;
+ const pow2Fib = fib.map(pow2);
+ console.log('pow2Fib', pow2Fib);
+
+ //Aufgabe 1 Strign revers
+ const text = "Hallo, wir lernen JavaScript!"
+ const reversText = text.split("").reverse().join("");
+ console.log('reversText', reversText); //Output: !tpircSavaJ nenrel riw ,ollaH
+
+ // Array with Objects
+ const people = [{
+         name: "Artur",
+         budget: 12300
+     },
+     {
+         name: "Deni",
+         budget: 10100
+     },
+     {
+         name: "Michi",
+         budget: 7800
+     },
+     {
+         name: "Kati",
+         budget: 1300
+     }
+ ]
+
+ const index = people.findIndex(function (person) {
+     return person.budget === 7800;
+ })
+ console.log('person with 7800', people[index]); //Output: {name: "Michi", budget: 7800}
+
+ const person = people.find(function (person) {
+     return person.budget === 7800;
+ })
+ console.log('person with 7800', person); //Output: {name: "Michi", budget: 7800}
+
+ //Lambda Funktion
+ const person2 = people.find(person => person.budget === 7800);
+ console.log('person with 7800', person); //Output: {name: "Michi", budget: 7800}
+
+
+ //----->>>> REDUCE!!!!
+
+ const allBudget = people.reduce(function(acc, person) {
+     if (person.budget > 10000)
+        acc += person.budget;
+     return acc;
+ }, 0);
+ console.log('allBudget', allBudget);
+
+ const allBudget2 = people
+    .filter(person => person.budget > 10000)
+    .reduce(function(acc, person) {
+        acc += person.budget;
+        return acc;
+}, 0);
+ console.log('allBudget2', allBudget2);

LearnJS/DynamicString.js

@@ -0,0 +1,14 @@
+function logPerson (s, name, age) {
+    if (age < 0 ) {
+        age = "ist noch nicht geboren"
+    }
+    //console.log('logPerson', s, name, age);
+    return `${s[0]}${name}${s[1]}${age}${s[2]}`;
+}
+
+const persName = "Artur"
+const persAge = 28
+const output = logPerson`Name: ${persName}, Alter: ${persAge}!`
+
+console.log('logPerson2 ', output); //Output: Name: Artur, Alter: 28!
+

LearnJS/Funktionen.js

@@ -0,0 +1,90 @@
+// 1. Funktionen
+
+function greet (name) {
+    console.log('Hello -s', name);
+}
+
+
+//===============================================================
+// 2. Anonyme Funktionen
+let counter = 0;
+const interval = setInterval(function(){
+    if (counter === 5) {
+        clearInterval(interval);
+    } else {
+        console.log('counter', ++counter);
+    }
+}, 1000);
+
+
+//===============================================================
+// 3. Pfeilfunktion
+// Standart
+function greet (name) {
+    console.log('Hello -', name);
+}
+
+//Pfeil
+const arrow = (name) => {
+    console.log('Hello -', name);
+}
+arrow();
+
+const arrow2 = name => console.log('Hello -', name);
+arrow2 ();
+
+
+const pow2 = num => {
+    return num ** 2;
+}
+console.log('sqrt pow2', pow2(5));
+
+
+//===============================================================
+// 4. Parameters by Defaull ECMA (2015)
+const sum = (a, b) => a + b;
+console.log('sum', sum(41)); //Output: NaN
+
+const sum = (a = 42, b = 1) => a + b;
+console.log('sum', sum()); //Output: 43
+console.log('sum', sum(41)); //Output: 42
+console.log('sum', sum(41, 4)); //Output: 45
+
+
+// Rest Funktion  
+function sumAll (...all) {
+    console.log('sumAll', all);
+}
+sumAll(1, 2, 3, 4, 5, 6, 7); //Output: [1, 2, 3, 4, 5, 6, 7]
+
+function sumAll2 (...all) {
+    let result = 0;
+    for (let num of all) {
+        result +=num;
+    }
+    return result;
+}
+console.log('sumAll2', sumAll2(1, 2, 3, 4, 5, 6, 7)); //Output: 28
+
+
+//===============================================================
+// 5. Verschlüsse
+function makeCounter() {
+    var counter = 0;
+    return {
+        value: function () {
+            return counter;
+        },
+        increment: function () {
+            counter++;
+        }
+    }
+}
+
+let a = makeCounter();
+let b = makeCounter();
+
+a.increment();
+
+console.log(a.value());//Output: 1
+console.log(b.value());//Output: 0

LearnJS/app.js

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LearnJS</title>
+</head>
+<body>
+    <h3> JavaStriptease</h3>
+    <script src="app.js"></script>
+    
+</body>
+</html>