0795554433
S. Basler

Praxis Lernende

Zurück

Ypsomed AG

Erstellung von Lernmaterialien (HTML, CSS, JavaScript)

Zur Auffrischung von Grundlagen in HTML, CSS und JavaScript entwickelte ich eine Reihe praxisorientierter Aufgaben für die Lernenden.

Ziel war es, die Inhalte verständlich und strukturiert aufzubereiten, sodass die Lernenden eigenständig damit arbeiten und ihre Kenntnisse festigen konnten.

Ich war verantwortlich für:

  • Konzeption und Erstellung praxisnaher Aufgaben
  • Strukturierung der Inhalte innerhalb von HTML-Dateien
  • Bereitstellung von Musterlösungen in separaten HTML-, CSS- und JavaScript-Dateien
  • Aufbereitung der Inhalte zur eigenständigen Kontrolle und Anwendung

Die Umsetzung erfolgte mit:

  • Visual Studio Code
  • CodePen (zur interaktiven Darstellung im Portfolio)

Der Fokus lag auf einer klaren, verständlichen und praxisnahen Wissensvermittlung, die selbstständiges Lernen unterstützt.

Aufgabe 1 - Farbenfrohe Boxen

See the Pen
A1 - Farbenfrohe Boxen by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 2 - Horizontale Navigation

See the Pen
A2 - Horizontale Navigation by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 3 - Responsive 3-Spalten-Layout

See the Pen
A3 - Responsive 3-Spalten-Layout by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 4 - Button-Reihe

See the Pen
A4 - Button-Reihe by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 5 - Hover-Effekte

See the Pen
A5 - Hover-Effekte by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 6 - Footer

See the Pen
A6 - Footer by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 7 - Bilder-Galerie

See the Pen
A7 - Bilder-Galerie by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 8 - Accordion

See the Pen
A8 - Accordion by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.

Aufgabe 9 - Burgermenu

See the Pen
A10 - Burgermenu by Sanja Lisa Basler (@Sanja-Lisa-Basler)
on CodePen.