Ein aufregender Zukunftstag bei compose.us

11 Mai, 2023 von natalia-schwenzer

TL;DR

Was ist ein Zukunftstag

Der Zukunftstag (auch als „Girls‘Day, Boys‘Day“ bekannt) für Mädchen und Jungen wird in jedem Schuljahr an allen allgemein bildenden Schulen für die Schuljahrgänge 5 - 9 bundesweit durchgeführt. Dies wird durch den Erlass „Berufliche Orientierung an allgemein bildenden Schulen“ vorgegeben. Der Zukunftstag ist ein wichtiger Tag für Schülerinnen und Schüler, um Berufe und Arbeitsfelder kennenzulernen und erste Erfahrungen zu sammeln.

Wie haben wir den Zukunftstag durchgeführt

Für die Organisation und Durchführung eines erfolgreichen Zukunftstags ist jedoch Erfahrung und Know-how erforderlich. Bei compose.us haben wir aufgrund unserer Erfahrung in der Organisation und Moderation von Coding Events beschlossen, Natalias 14-jährige Tochter und ihrer Freundin einen aufregenden Zukunftstag zu bieten.

Zuerst haben wir uns geeinigt, dass man sich für so einen Vormittag für die Mädchen ohne jegliche Vorerfahrungen nicht zu viel vornehmen sollte - ok, Computer haben sie schon in ihrem Leben gesehen und in Word und PowerPoint Einiges geschrieben. Aber eine Entwicklungsumgebung sieht eben etwas anders aus. Und das Eingeben eines “normalen” Textes zwischen HTML-Tags kann schon auf den ersten Blick irritierend sein und gewisse Angst vor dem Programmieren entwickeln. Diese Angst erstmal nicht entstehen zu lassen, war auch unser Ziel.

Wir haben beschlossen, eine Webseite zu entwickeln: Ohne Vorerfahrungen im Programmieren sieht man nach kurzer Zeit ein fertiges Produkt und kann mit den Freunden den Link gleich teilen.

Die Hausaufgabe bestand darin, das Thema der Webseite zu finden, Fotos zu sammeln und dazu passende Texte zu schreiben. Es stand eine Klassenarbeit in Geschichte über die Französische Revolution bevor. Und es gab jede Menge Text zum Lernen, den man wunderbar auf einer Webseite aufbringen und ”stylen” konnte.

Wir haben die Webseite zusammen strukturiert, damit die Mädchen ihre Texte in einem einfachen Texteditor in HTML eingeben konnten, ohne sich Gedanken über die Formatierung machen zu müssen. Ein Github-Account und eine Entwicklungsumgebung (bei uns VS Code) haben wir auch im Voraus vorbereitet.

Am Zukunftstag haben wir sofort losgelegt und uns die HTML-Datei mit allen Teilnehmern live als eine echte Webseite angeschaut. Ohne CSS-Elemente sah die Seite natürlich nicht so spannend aus. Wir haben die Mädchen ermutigt, ihre Webseite mit verschiedenen CSS-Elementen zu gestalten. Wir haben live gezeigt, wie sie das Aussehen der Webseite durch einfaches Ändern einiger Zeilen in der CSS-Datei verbessern können.

Im Anschluss mussten wir nur die Mädchen einführen, wie sie ihre Webseite auf Github-Pages hosten können.

Was haben wir an diesem Tag gelernt

• Planung und Teamarbeit sind der Schlüssel zum Erfolg: Wenn das Team gut organisiert ist und jedes Teammitglied seine Stärken einbringt, kann das Event reibungslos ablaufen.

• Eine gute Vorbereitung ist entscheidend: Die Vorbereitung der Entwicklungsumgebung, der Materialien und des Programms im Voraus kann dazu beitragen, dass das Event problemlos verläuft und die Teilnehmerinnen und Teilnehmer eine positive Erfahrung machen.

• Flexibilität ist wichtig: Selbst wenn ein Plan im Voraus ausgearbeitet wurde, kann es notwendig sein, ihn anzupassen, wenn unerwartete Herausforderungen oder Gelegenheiten auftreten.

• Fehler sind ein wichtiger Bestandteil des Lernens: Jeder kann Fehler machen, besonders wenn es um technische Themen geht. Es ist wichtig, Jugendliche dazu zu ermutigen, ihre Fehler als Chance zum Lernen zu sehen und ihnen die Unterstützung zu geben, die sie brauchen, um ihre Probleme zu lösen. Spaß ist wichtig, um motiviert zu bleiben.

Wir haben mit folgenden Ressourcen gearbeitet:

• Entwicklungsumgebung Visual Studio Code

• Sprachen HTML, CSS

• Unsplash, einer Plattform für kostenlose Bilder

• Github Code Repository

Plane deinen Zukunftstag: Vom Konzept zur Website

1. Definiere Website

   1.1. Inhalt

   • Semantisches HTML

     1.2. Design

   • CSS

   • HEX-Farben

2. Website erstellen

   2.1. HTML - Inhalt

   2.2. CSS - Styling

   2.3. JS - Progressive Enhancement (Optional)

3. Website veröffentlichen

   3.1. GitHub-Konto

   3.2. GitHub-Pages

P.S. Die Mädchen haben eine großartige Arbeit geleistet und eine beeindruckende Webseite erstellt. Wir sind stolz darauf, dass wir einen Beitrag zur Zukunft der Mädchen geleistet haben und hoffen, dass sie aufgrund ihres Erfolgs an diesem Tag motiviert sind, sich weiterhin für Technologie und Programmierung zu interessieren. Und ja, die Sushibestellung am Ende des Tages perfectly made their future day!

Hier geht es endlich zu der future-day-website

Schreibt uns Euer Feedback, wir leiten es gerne weiter!

Foto Credits: Pierre Herman auf Unsplash