LU01b - HTML/CSS/JS Basics

Ziel: Auffrischen der HTML-/CSS- und Javascript-Basics.

• JS Hero (DE) – interaktive Übungen zu Variablen, Datentypen, If/Else, Funktionen
  • JS Hero – JavaScript interaktiv üben (Deutsch)
• MDN Skill-Checks – kurze Selbsttests (mit Live-Code) zu den Kern-Themen:
  • MDN: Test your skills – Variables
  • MDN: Test your skills – Conditionals
  • MDN: Test your skills – Functions

• Scrimba: Intro to the DOM – interaktiv, inkl. *Selecting Elements – getElementById* & einfache Manipulationen
  • Scrimba – Intro to the DOM (inkl. getElementById)
• MDN Skill-Check Events – Klick/Events + DOM-Änderungen üben
  • MDN: Test your skills – Events

• CSS Diner – Game zu CSS-Selektoren
  • CSS Diner – CSS Selectors Game
• Coding Fantasy – Flexbox – Game zu Flexbox
  • Coding Fantasy – Flexbox
• Coding Fantasy – Grid Attack – Game zu Grid
  • Coding Fantasy – Grid
• Flexbox Froggy – Game zu Flexbox (für Layout/Navigationsleisten extrem nützlich)
  • Flexbox Froggy – Flexbox Game
• MDN Skill-Checks (CSS) – kurze Checks zu den Basics:
  • MDN: Test your skills – Selectors
  • MDN: Test your skills – The Cascade
  • MDN: Test your skills – The box model

• MDN Skill-Checks (HTML) – genau die Basics, die wir in Formular-/UI-Seiten brauchen:
  • MDN: Test your skills – HTML text basics
  • MDN: Test your skills – Links
  • MDN: Test your skills – HTML images
  • MDN: Test your skills – Forms and buttons