diff --git a/02_advanced/agenda.md b/02_advanced/agenda.md index 0f33f5e..2f9d6ac 100644 --- a/02_advanced/agenda.md +++ b/02_advanced/agenda.md @@ -243,9 +243,7 @@ Abschlussquiz - JS Grundlagen **Inhalt:** - **Exkurs: Statische Webseite mit Sass und HTML Part II** -- **Exkurs: Versionierung mit Github Part I** - Mehrdimensionale Arrays -- Chess-Beispiel **Übungen:** @@ -258,10 +256,11 @@ Projektarbeiten **Inhalt:** -- Fetch API -- fetch mit Promise und async...await +- Chess-Beispiel - Arbeiten mit Fetch API +- fetch mit Promise und async...await - Joke API auslesen +- **Exkurs: Versionierung mit Github Part I** **Übungen:** @@ -274,7 +273,7 @@ Projektarbeiten **Inhalt:** - XML-HttpRequest und AJAX mit jQuery -- Node Installation +- Node Installation (Wiederholung) - CSV to HTML - Node Standardbib - fs @@ -283,4 +282,33 @@ Projektarbeiten **Übungen:** -Übungen 20 - 24 +Übungen 21 - 26 + +--- + +#### Tag 19 + +**Inhalt:** + +- NPM Befehle +- Abschluss von JS für Fortgeschrittene +- Projektvorstellung 1 + 2 +- **Einrichtung von Git** + +**Übungen:** + +Übungen 27 - 30 + +--- + +#### Tag 20 + +**Inhalt:** + +- **Einrichtung von Git** +- **Exkurs: Webseite mit Gulp, SASS, HTML/CSS, JS** + +**Übungen:** + +Projektarbeit +Übungen 31 - 32 diff --git a/02_advanced/uebungen/#u14_avg-scores/index.html b/02_advanced/uebungen/#u14_avg-scores/index.html new file mode 100644 index 0000000..995b2d3 --- /dev/null +++ b/02_advanced/uebungen/#u14_avg-scores/index.html @@ -0,0 +1,80 @@ + + + + + + Übung 14: Durchschnittsnoten berechnen + + + +
+
+
+

Übung 14: Durchschnittsnoten berechnen

+

+ Durchschnitt pro Schüler (calculateAvgGrades): Schreibe eine Funktion, die die + Durchschnittsnote jedes Schülers (zeilenweise) berechnet. Das Ergebnis soll ein Array mit den + Durchschnittswerten der Schüler (Anna, Ben, Clara, David) sein. +

+ +

+ Durchschnitt pro Fach (calculateAvgSubjects): Schreibe eine Funktion, die die + Durchschnittsnote jedes Fachs (spaltenweise) berechnet. Das Ergebnis soll ein Array mit den + Durchschnittswerten der Fächer (Mathematics, English, Biology, History) sein. +

+
+
+
+
+ + + diff --git a/02_advanced/uebungen/u14_avg-scores/index.html b/02_advanced/uebungen/u14_avg-scores/index.html deleted file mode 100644 index 3fae21a..0000000 --- a/02_advanced/uebungen/u14_avg-scores/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - Übung 14: Durchschnittsnoten berechnen - - - -
-
-
-

Übung 14: Durchschnittsnoten berechnen

-

- Schreibe eine Funktion calculateAverageGrades, die die Durchschnittsnote jedes Schülers (ohne - den Namen) berechnet und als neues Array zurückgibt. -

- -

- Die Funktion calculateAverageGrades soll die Durchschnittsnoten jedes Schülers berechnen, indem - sie die Noten in den Fächern zusammenzählt und durch die Anzahl der Fächer teilt. Runde die - Durchschnittswerte auf zwei Dezimalstellen. -

-
-
-
- - - diff --git a/02_advanced/uebungen/u15_shopping-list/index.html b/02_advanced/uebungen/u15_shopping-list/index.html index 9888d2f..ebed89b 100644 --- a/02_advanced/uebungen/u15_shopping-list/index.html +++ b/02_advanced/uebungen/u15_shopping-list/index.html @@ -1,4 +1,4 @@ - + @@ -33,6 +33,28 @@ ]; // Your code here + shoppingList[0][2] = 'Grapes'; + shoppingList[1][2] = 'Tomatoes'; + shoppingList[2][2] = 'Butter'; + + // Your code here + + const changeShoppingList = (arr, changeList = ['Grapes', 'Tomatoes', 'Butter']) => { + return arr.map((elems, idx) => { + elems[2] = changeList[idx]; + return elems; + }); + }; + + const newItems = ['Grapes', 'Tomatoes', 'Butter']; + + shoppingList.forEach((categories, index) => { + categories.splice(2, 1, newItems[index]); + }); + + console.log(shoppingList); + console.log(changeShoppingList(shoppingList)); + console.log(shoppingList); diff --git a/02_advanced/uebungen/u16_geoquiz/index.html b/02_advanced/uebungen/u16_geoquiz/index.html index 0f72453..8d3de98 100644 --- a/02_advanced/uebungen/u16_geoquiz/index.html +++ b/02_advanced/uebungen/u16_geoquiz/index.html @@ -1,4 +1,4 @@ - + @@ -36,7 +36,13 @@ ['Russia', 'Moscow'], ]; - const getCapitalOf = () => {}; + const getCapitalOf = (country) => { + return countriesWithCapital.find((elemArr) => { + return elemArr[0] === country; + })[1]; + }; + + console.log(getCapitalOf('Switzerland')); // => 'Bern' diff --git a/02_advanced/uebungen/u17_inventory-modification/index.html b/02_advanced/uebungen/u17_inventory-modification/index.html index b1db331..39ef653 100644 --- a/02_advanced/uebungen/u17_inventory-modification/index.html +++ b/02_advanced/uebungen/u17_inventory-modification/index.html @@ -1,4 +1,4 @@ - + @@ -40,7 +40,10 @@ ]; // Your code here - + inventory.push([ + ['Shelf 1', 'Novels', 40], + ['Shelf 2', 'Non-fiction', 35], + ]); console.log(inventory); /* Expected outcome: [ @@ -62,8 +65,6 @@ ], ] */ - - // Your code here diff --git a/02_advanced/uebungen/u18_3d-array-selection/index.html b/02_advanced/uebungen/u18_3d-array-selection/index.html index a655911..aa5ef26 100644 --- a/02_advanced/uebungen/u18_3d-array-selection/index.html +++ b/02_advanced/uebungen/u18_3d-array-selection/index.html @@ -1,4 +1,4 @@ - + @@ -45,7 +45,8 @@ ]; // Your code here - + inventory[1][1][2] -= 5; + inventory[1][1][2] = 25; console.log(inventory); /* Expected outcome: diff --git a/02_advanced/uebungen/u19_brightness-increase/index.html b/02_advanced/uebungen/u19_brightness-increase/index.html index 0160b3f..24218d9 100644 --- a/02_advanced/uebungen/u19_brightness-increase/index.html +++ b/02_advanced/uebungen/u19_brightness-increase/index.html @@ -1,4 +1,4 @@ - + @@ -27,7 +27,9 @@ diff --git a/02_advanced/unterricht/tag16/02_mehrdim-array/index.html b/02_advanced/unterricht/tag16/02_mehrdim-array/index.html index ebf21bc..bbb2b94 100644 --- a/02_advanced/unterricht/tag16/02_mehrdim-array/index.html +++ b/02_advanced/unterricht/tag16/02_mehrdim-array/index.html @@ -39,7 +39,7 @@ // Add a new row for another student gradesTable.push(['David', 82, 79, 91]); - // TODO: optionale Übung: gradeTable in gradesObject über eigene Funktion parseToObj() umwandeln. Tipp: + // TODO: optionale Übung: gradeTable in gradesObject über eigene Funktion parseToObj() umwandeln. Tipp: map. Beispiel 01_csv-to-obj.html aus Tag 12 const gradesTableObj = [ { @@ -107,6 +107,7 @@ // Access to the second type of vegetable const secondVegetable = shoppingList[1][2]; // => 'Broccoli' + console.log(shoppingList[1][3]); // => 'Spinach' // =============== diff --git a/webseite-sass-js/MATERIAL/images/openart-02178336133629100000000000000000000ffffc0a86ffd50d283_1783361566237_bdc2e1e2.mp4 b/webseite-sass-js/MATERIAL/images/openart-02178336133629100000000000000000000ffffc0a86ffd50d283_1783361566237_bdc2e1e2.mp4 new file mode 100644 index 0000000..9d710b0 Binary files /dev/null and b/webseite-sass-js/MATERIAL/images/openart-02178336133629100000000000000000000ffffc0a86ffd50d283_1783361566237_bdc2e1e2.mp4 differ diff --git a/webseite-sass-js/MATERIAL/images/openart-gpt-image-2-1_1783357616463_ccd4856a.png b/webseite-sass-js/MATERIAL/images/openart-gpt-image-2-1_1783357616463_ccd4856a.png new file mode 100644 index 0000000..084f35e Binary files /dev/null and b/webseite-sass-js/MATERIAL/images/openart-gpt-image-2-1_1783357616463_ccd4856a.png differ diff --git a/webseite-sass-js/MATERIAL/images/openart-gpt-image-2-1_1783357824850_fc91d73d.png b/webseite-sass-js/MATERIAL/images/openart-gpt-image-2-1_1783357824850_fc91d73d.png new file mode 100644 index 0000000..b97bf74 Binary files /dev/null and b/webseite-sass-js/MATERIAL/images/openart-gpt-image-2-1_1783357824850_fc91d73d.png differ diff --git a/webseite-sass-js/MATERIAL/images/openart-image_1783358423666_c0966053_1783358424240_b1f043ff.png b/webseite-sass-js/MATERIAL/images/openart-image_1783358423666_c0966053_1783358424240_b1f043ff.png new file mode 100644 index 0000000..0800445 Binary files /dev/null and b/webseite-sass-js/MATERIAL/images/openart-image_1783358423666_c0966053_1783358424240_b1f043ff.png differ