4.4 KiB
4.4 KiB
marp, theme
| marp | theme |
|---|---|
| true | default |
JavaScript Grundlagen Teil 1.
Tag 01
Inhalt:
- Vorstellungsrunde
- Einrichtung der IDE
- Tools für die Webentwicklung (Emmet, Markdown, VS-Code, Co-Pilot)
- Arbeiten mit VSCode
- Konsolenausgaben mit
console.log()
Übungen:
- Übungen: 1 - 3, Content Factory
Tag 02
Inhalt:
- Dialogfenster in JS
prompt(),alert(),confirm() - Kommentare in JS
- Rechnen in JS
- Datentyp String, Number, Boolean
- literal und typeof
- Prioritätsreihenfolge
Übungen:
Übung 3 - 6 (Content-Factory bis 1.3.3)
Tag 03
Inhalt:
- Variablen und Konstanten in JS
- Zusammengesetzte Zuweisungsoperatoren
- Increment & Decrement
- Strings verketten mit +
- Escape-Notation
- Implizite und explizite Typkonvertierung
Übungen:
Übung 7 - 12
Tag 04
Inhalt:
- Escape-Notation
- Implizite und explizite Typkonvertierung
- NaN - Paradoxon
- Math Object
- Number.toFixed()
- isNaN
- Lexikographische Vergleiche
Übungen:
Übung 14 - 18
Tag 05
Inhalt:
- Repetition der Inhalte
- Relationale Operatoren & Vergleichoperatoren
- Exkurs: Webseitenstruktur + SASS HTML-Formularfelder
- 1:1 Meeting
Übungen:
Übung Kontaktformular mit HTML und BS, Lektion 10 erarbeiten
Tag 06
Inhalt:
- Exkurs: HTML Formularfelder mit BS
- if else Verzweigung und ternärer Operator
Übungen:
Übung 19 - 21 + Kontaktformular
Tag 07
Inhalt:
- logische Operatoren UND und ODER
- unärer Operator (!)
- String Methoden
- Funktionen in JS + mit Übergabeparameter + mit Rückgabewerten
Übungen:
Übung 22 - 31
Tag 08
Inhalt:
- Funktionen mit Rückgabewerten
- Guards, Restparameter, Defaulparameter
- Array Part 1
Übungen:
Übung 32 - 38
Tag 09
Inhalt:
- Array Methoden toSorted, toReversed, toSpliced
- toSorted, toReversed
- Array sort mit "compare function"
- Array: Higher Order Funktionen Part (sort map, forEach, reduce, some, every)
Übungen:
Übung 39 - 45 + optionale Übung
Tag 10
Inhalt:
- Array.find und Array.findIndex
- Alle Array Higher Order Funktionen im Überblick
- local scoping
- Git SCM und Windows Terminal einrichten
Übungen:
Übung 46 - 48
JavaScript für Fortgeschrittene
Tag 11
Inhalt:
- Exkurs: Schleifen
- Einführung in JS für Fortgeschrittene
- Objekte in JS
Übungen:
Projektarbeit Abschlussquiz - JS Grundlagen
Tag 12
Inhalt:
- Destructuring von Objekten und Arrays
- Rekursion
Übungen:
Übung 01 - 09
Tag 13
Inhalt:
- Promises
- Callback-Hell
- Promise Aufbau
- Promise in Funktionen
- File System von Node
- commonjs vs esm
Übungen:
Übung 10 - 11
Tag 14
Inhalt:
- util promisify
- Promise.all()
- async await
- Mehrdimensionale Arrays
- Chess-Beispiel
Übungen:
Übung 12 - 19
Tag 15
Inhalt:
- Wiederholung der Inhalte
- Arbeiten mit Fetch API
- Exkurs: Switch Case Abfragen
- Exkurs: Statische Webseite mit Sass und HTML
- Exkurs: Versionierung mit Github Part (SSH)
- 1:1 Meeting
Übungen:
Übung 20 - 24
Tag 15
Inhalt:
- Wiederholung der Inhalte
- Promise.all()
- Exkurs: Switch Case Abfragen
- Exkurs: Statische Webseite mit Sass und HTML
- 1:1 Meeting
Übungen:
Übung 20 - 24
Tag 16
Inhalt:
- Exkurs: Statische Webseite mit Sass und HTML Part II
- Joke API auslesen
- Wetter API auslesen
- XML-HttpRequest und AJAX mit jQuery
- Node Standardbib
- fs
Übungen:
Übungen 25 - 31
Tag 17
Inhalt:
- Node Standardbib
- zlib (stream)
- Crypto
- Abschluss von JS für Fortgeschrittene
- Projektvorstellung 1 + 2
Übungen:
Projektarbeit
JavaScript und das Document Object Model (DOM)
Tag 18
Inhalt:
- Einführung in JS DOM
- DOM Selection (querySelector, querySelectorAll)
&$ Helper- CSS Selektoren
Übungen:
Übungen 01 - 05
Tag 19
- Defer & Async
- JS Dateien auslagern
- Chat Gestaltung (DOMTokenList Objekt)
- Optimierung von Projektstruktur
- Events in JS MouseEvent, KeyboardEvent
Übungen:
Übungen 06 - 07
Tag 20
Inhalt:
- Projekt: Newsboard
- HTML Element Progress
- IDL-Attribut vs. Content-Attribut
- HTML Attribute mit boolescher Zuweisung
Übungen:
Übung 08 - 10