Skip to content

Commit

Permalink
refactor(web/html_css): refactor 04_js_training.md and 05_js_conditio…
Browse files Browse the repository at this point in the history 
…nals.md
  • Loading branch information
@QuadrapasselGott
QuadrapasselGott committed Oct 30, 2024
1 parent 6bc555f commit f67adf2
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 15 deletions.
20 changes: 10 additions & 10 deletions content/en/docs/web/javascript/04_js_training.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ Bevor wir mit fortgeschrittenen JavaScript-Themen weiterfahren, sollst du die Ba

Hierfür empfehlen wir dir folgenden Online-Kurs: https://www.codecademy.com/learn/introduction-to-javascript

Um diesen Kurs durchführen zu können, musst du einen Account erstellen. Dafür kannst du deine eigene E-Mail-Adresse benutzen.
Um diesen Kurs durchführen zu können, musst du einen Account erstellen. Dafür kannst du deine eigene E-Mail-Adresse benutzen.

Dieser Kurs ist grundlegend. Da die Syntax in JavaScript und Java relativ ähnlich sind, sollte einiges für dich mehr oder weniger eine Repetition des Java-Teils sein.

Expand All @@ -24,12 +24,12 @@ Eine Übersicht über die Themen erhältst du oben links via Klick auf "Course M

Beachte, dass du mindestens die folgenden Themen verstanden hast und anwenden kannst:

| Kapitel | Das musst du anwenden können | Bemerkungen |
|--------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------|
| Introduction | Variablen definieren, Unterschied zwischen `var`, `let` und `const`, mathematische Operationen, `typeof`-Operator, String-Methoden wie `trim`, `startsWith`, ... | Prüfe dein Wissen mit dem "Introduction to JavaScript"-Quiz |
| Conditionals | `if`-/`else`-/`switch`-statements, Vergleichsoperatoren, truthy- und falsy-Werte | Löse auch ein paar Aufgaben und den Test zum Thema "Conditional Statements" solltest du fehlerfrei abschliessen können. |
| Functions | Funktions-Definition, -Aufruf, Default-Parameter, Arrow Functions, Function Expressions, Globaler und Block-Scope | Die Tests sind leider nicht mehr in der kostenlosen Version inbegriffen. |
| Arrays | Arrays und Listen erstellen, updaten, Länge bestimmen, durch Array iterieren |
| Loops | Du kannst `for`-, `while`- und `do while`-Schlaufen benutzen und mit `break` kontrolliert abbrechen. |
| Iterators | Functions as Data and Parameters, Iteratoren wie `.forEach`, `.map`, `.filter`, `.reduce` anwenden können |
| Objects | Objekte erstellen mit Properties und Methoden, Pass By Reference verstehen, durch Objekte iterieren, Advanced Objects mit dem `this`-Keyword, Getter und Setter |
| Kapitel | Das musst du anwenden können | Bemerkungen |
| ------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| Introduction | Variablen definieren, Unterschied zwischen `var`, `let` und `const`, mathematische Operationen, `typeof`-Operator, String-Methoden wie `trim`, `startsWith`, ... | Prüfe dein Wissen mit dem "Introduction to JavaScript"-Quiz |
| Conditionals | `if`-/`else`-/`switch`-statements, Vergleichsoperatoren, truthy- und falsy-Werte | Löse auch ein paar Aufgaben und den Test zum Thema "Conditional Statements" solltest du fehlerfrei abschliessen können. |
| Functions | Funktions-Definition, -Aufruf, Default-Parameter, Arrow Functions, Function Expressions, Globaler und Block-Scope | Die Tests sind leider nicht mehr in der kostenlosen Version inbegriffen. |
| Arrays | Arrays und Listen erstellen, updaten, Länge bestimmen, durch Array iterieren |
| Loops | Du kannst `for`-, `while`- und `do while`-Schlaufen benutzen und mit `break` kontrolliert abbrechen. |
| Iterators | Functions as Data and Parameters, Iteratoren wie `.forEach`, `.map`, `.filter`, `.reduce` anwenden können |
| Objects | Objekte erstellen mit Properties und Methoden, Pass By Reference verstehen, durch Objekte iterieren, Advanced Objects mit dem `this`-Keyword, Getter und Setter |
10 changes: 5 additions & 5 deletions content/en/docs/web/javascript/05_js_conditionals.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ if (variable == "js") {

`switch`-Statements in JavaScript ermöglichen es, verschiedene Codeblöcke basierend auf verschiedenen Bedingungen auszuführen. Das ist aus Übersichtlichkeitsgründen besser, als mehrere `else if` zu verwenden, da mehrere `else if`-Blöcke und eine `switch`-Kondition grundsätzlich dasselbe machen, ein `switch`-Ausdruck aber insbesondere bei vielen Konditionen besser lesbar ist.

Ein `switch`-Statement besitzt immer einen `default` Case. Dieser gibt einen "Ausweg" an, wenn keiner der gegebenen Cases erfüllt wird.
Ein `switch`-Statement besitzt immer einen `default` Case. Dieser gibt einen "Ausweg" an, wenn keiner der gegebenen Cases erfüllt wird.

```javascript
const expression = "Auto";
Expand All @@ -103,7 +103,7 @@ switch (expression) {
}
```

Die `break`-Keywords in den Cases werden verwendet, um das switch-Statement abzubrechen, wenn die Bedingung des Cases zugetroffen hat und der vor dem Keyword kommende Codeblock ausgeführt wurde. Wenn kein `break` im Case vorhanden ist, wird der Switch weiter ausgeführt.
Die `break`-Keywords in den Cases werden verwendet, um das switch-Statement abzubrechen, wenn die Bedingung des Cases zugetroffen hat und der vor dem Keyword kommende Codeblock ausgeführt wurde. Wenn kein `break` im Case vorhanden ist, wird der Switch weiter ausgeführt.

```javascript
const expression = "Auto";
Expand Down Expand Up @@ -163,8 +163,8 @@ In JavaScript gibt es die Konzepte von `truthy`- und `falsy`-Werten. Truthy bezi
Es existieren die folgenden `falsy`-Werte:
| Wert | Typ | Beschreibung |
|---------------|-----------|---------------------------------------------------------------------------------------------------------------------|
| Wert | Typ | Beschreibung |
| --------------- | --------- | ------------------------------------------------------------------------------------------------------------------- |
| `null` | Null | Das Keyword `null` beschreibt die Absenz eines Werts - also eine leere Menge |
| `undefined` | Undefined | Einer der primitiven Werte in Javascript. Eine Variable, welcher kein Wert zugeschrieben ist, nimmt diesen wert an. |
| `false` | Boolean | Das Keyword `false` ist einer der beiden Grundwerte eines Booleans. |
Expand All @@ -175,4 +175,4 @@ Es existieren die folgenden `falsy`-Werte:
| `""` | String | Ein leerer String-Wert. Beinhält ebenfalls die anderen Schreibweisen für Strings, beispielsweise `''`. |
| `documment.all` | Object | `document.all` ist das einzige Objekt in Javascript, welches als `falsy` validiert wird. |
Alle Werte, die keinem der in der oberen Tabelle beschriebenen Werte entsprechen, werden in Javascript als `truthy` behandelt.
Alle Werte, die keinem der in der oberen Tabelle beschriebenen Werte entsprechen, werden in Javascript als `truthy` behandelt.

0 comments on commit f67adf2

Please sign in to comment.