makefest-website/info.html at main · usirg/makefest-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!doctype html>
<html class="dark">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="../tailwind.css" rel="stylesheet">
  <link href="https://rsms.me/inter/inter.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/prismjs@1.23.0/themes/prism-tomorrow.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/prismjs@1.23.0/prism.min.js" async></script>
  <script src="https://cdn.jsdelivr.net/npm/prismjs@1.23.0/plugins/autoloader/prism-autoloader.min.js"></script>
  <!-- ... -->
</head>

<body class="dark:bg-black font-sans">

  <div class="max-w-screen-xl mx-auto p-0 space-y-0">
    <!-- header -->
    <div class="z-50 bg-gray-900 p-2 border-black border-b-8 sm:h-auto sticky top-0 ">

      <!-- title -->
      <div class="-space-y-0 sm:-space-y-1">

        <div
          class="leading-none text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl word-spacing-sm tracking-tightest font-black">
          <span class="text-red-800">Make</span>
          <span class="text-red-600">Fest</span>
        </div>

        <div class="leading-none text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl font-black text-gray-600">
          game dev and other fun stuff
        </div>

      </div>

      <!-- info button -->
      <button type="button" onclick="history.back(-1)" class="m-2 w-12 h-12 absolute top-0 right-0">
        <svg xmlns="http://www.w3.org/2000/svg"
          class="top-0 right-0 absolute h-8 sm:h-9 md:h-10 lg:h-11 xl:h-12 w-8 sm:w-9 md:w-10 lg:w-11 xl:w-12 stroke-0 stroke-current text-gray-600 hover:text-gray-200"
          viewBox="0 0 20 20" fill="currentColor">
          <path fill-rule="evenodd"
            d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
            clip-rule="evenodd" />
        </svg>
      </button>

    </div>


    <!-- info -->
    <div class="flex justify-center mx-auto">
      <div class="rounded-2xl bg-gray-900">

        <div
          class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-4 lg:column-2 md:max-w-none dark:prose-light m-4">
          <p>Bei den MakeFest Kursen geht es im Kern weder um Computerspiele noch ums Programmieren. Stattdessen geht es
            darum, bestimmte Fähigkeiten auszubauen, die für eine selbstständige, erfolgreiche und befriedigende
            Bearbeitung von realen Problemen nötig sind. Fähigkeiten, die in Schule und Studium leider häufig zu kurz
            kommen.</p>
          <p>Um diese Fähigkeiten zu entwickeln, haben die MakeFest Kurse jeweils ein konkretes Ziel, dass die
            Teilnehmer als Team über eine Reihe von konstruktiven Schritten erreichen sollen. Die Schritte zur
            Erreichung des Ziels auszuwählen und umzusetzen ist eines der wesentlichen Lernziele für die Teilnehmer.
            Dazu gehört insbesondere auch, die Lücken im eigenen Wissen und Können zu erkennen und selbstständig zu
            schließen. </p>
          <p>Die Rolle des Kursleiters ist dabei nicht die eines bloßen Lieferanten von Informationen oder Vorturners.
            Stattdessen begleitet der Kursleiter die Teilnehmer als Coach und bietet ihnen je nach Kursniveau und
            individuellem Verständnis gerade so viel Unterstützung, dass sie die jeweilige Herausforderung möglichst
            selbstständig meistern können. Dazu gehört, eigene Lösungsideen zu entwickeln, bei Bedarf zu explorieren und
            zu bewerten, und so einen produktiven Lösungsweg zu finden.</p>
          <p>So wird der Kurs idealer Weise zu einer raschen Abfolge von kleinen Handlungsschritten, für die die
            Teilnehmer motiviert sind, weil sie sie selbstständig erarbeitet und deren Beitrag zur Erreichung des Ziels
            verstanden haben. Daher der Name MakeFest!</p>
          <p>Um diese grundlegenden Kompetenzen zu erlernen, braucht man sich weder mit Computerspielen noch mit
            Programmieren beschäftigen. Man kann sie bei allen möglichen Aktivitäten erlernen. Und für die Zukunft sind
            z.B. auch Kurse geplant, bei denen physikalische Objekte erstellt werden. </p>
          <p>Aber Computerspiele und Programmieren bieten in der Tat eine hervorragende Gelegenheit, um diese
            Kompetenzen zu erlernen! Und zwar hauptsächlich aus diesen drei Gründen:</p>
          <ul>
            <li>weil jeder kleine Schritt Programmierung sich unmittelbar ausprobieren und als Reaktion des Computers
              beobachten lässt</li>
            <li>weil jede Erweiterung des Computerspiels zusätzlich Spaß und Motivation für die Teilnehmer liefern kann,
              und zwar jenseits der Programmierung auch durch die sonstige Gestaltung des Spiels</li>
            <li>weil die Kurse so zusätzlich Gelegenheit bieten, grundlegende und weiterführende Fähigkeiten im Umgang mit Computern zu lernen und zu trainieren, die bereits jetzt für viele Lebensbereiche wichtig und zukünftig noch wertvoller sein werden </li>
          </ul>
          <p>Der oben beschriebene Ansatz wurde mittlerweile in sechs Kursen mit Teilnehmern im Alter von 10 bis 12
            Jahren erfolgreich angewendet.</p>
          </p>
        </div>
      </div>
    </div>

  </div>

</body>

</html>