Durch JavaScript kannst du deine Seiten dynamisieren. Statische Elemente wie Bilder können beispielsweise ersetzt werden und du lernst das Erstellen von einfachen Animationen.
Course Curriculum
Vorwort
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
Sektion I : Basics
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
- 01 - Vorbereitung: script.js einbinden (2:02)
- 02 - "hello world" und console.log (1:58)
- 03 - Variablen (4:17)
- 04 - Datentypen (5:39)
- 05 - Strings und Numbers (6:47)
- 06 - Booleans und Operator ("&&" und "||") (6:23)
- 07 - Booleans und Operatoren ("==", "<=", "===" usw.) (6:04)
- 08 - "if", "else" und "else if" (8:24)
- 09 - functions: Einführung (6:30)
- 10 - functions: Parameter (4:30)
- 11 - functions: return (4:19)
- 12 - objects: Einführung (7:31)
- 13 - String-Funktionen: length und trim() (3:07)
- 14 - String-Funktionen: Doku (3:15)
- 15 Übungen
Sektion II: DOM-Manipulation
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
- 01 - Das DOM und .innerHTML (4:44)
- 02 - .innerHTML vs. .innerText (3:10)
- 03 - Aufgaben: Button hinzufügen
- 04 - .classList mit add, remove und toggle (3:51)
- 05 - setAttribute und value (5:07)
- 06 - Aufgaben: setAttribute
- 07 - onclick -> auf Events im DOM/HTML reagieren (5:52)
- 08 - onclick-Alternativen (onchange, onkeydown usw.) (4:29)
- 09 - Aufgabe: onkeyup/onkeydown
- 10 - addEventListener (damit man es mal gesehn hat) (3:06)
- 11 - WICHTIG: Hinweis zu createElement, appendChild usw. nicht nutzen
Gruppenarbeit "Kochwelt"
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
- Projektvorstellung Kochwelt (10:32)
- Projektabgabe Checkliste (13:03)
- 01 Zusatz zur Kontaktseite: HTML-Input (input-Tag und label-Tag) (7:42)
- 02 Zusatz zur Kontaktseite: HTML-Forms (form-Tag und Formvalidation) (6:23)
- 03 Zusatz zur Kontaktseite: Mail versenden mit formspree.io (6:44)
- 04 Zusatz Responsivität: responsive menu (8:22)
- 05 Gruppenanmeldung (2:44)
- 06 Gruppenarbeit Abgabe (3:50)
Sektion III: Debugger
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
Sektion IV: Arrays und Schleifen
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
- 01 - Arrays: Basics (4:50)
- 02 - Arrays: entries und das "empty" (2:36)
- 03 - Arrays: Funktionen - pop() und push() (4:40)
- 04 - Aufgaben: Arrays (5:28)
- 05 - for-Schleife: Basics (7:37)
- 06 - for-Schleife: durch Arrays iterieren (5:42)
- 07 - Aufgabe: for-Schleifen (4:52)
- 08 - for-Schleife: break und continue (5:25)
- 09 - Beispiel: getElementsByClassname (7:05)
- 10 - Weitere Schleifenarten: While und ForEach (6:04)
Sektion V: WCAG
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
Sektion VI - WCAG für das Fotogram
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
Sektion VII: Abschlussprojekt
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
Extra: Übungen
Verfügbar in
tage
tage
nachdem du dich angemeldet hast