-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (113 loc) · 7.7 KB
/
index.html
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OOP: Shorts</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intro.js/4.3.0/introjs.min.css"
integrity="sha512-YZO1kAqr8VPYJMaOgT4ZAIP4OeCuAWoZqgdvVYjeqyfieNWrUTzZrrxpgAdDrS7nV3sAVTKdP6MSKhqaMU5Q4g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="vendors/fontello/css/oop-shorts-icons.css">
<link rel="stylesheet" href="resources/css/default.css">
</head>
<body>
<nav>
<span class="tour"><a href="#">Tour</a></span>
<span class="start"><a href="#">Start</a></span>
<span class="category" data-category="grundlagen"><a href="#grundlagen">Grundlagen</a></span>
<span class="category" data-category="arrays"><a href="#arrays">Arrays</a></span>
<span class="category" data-category="strings"><a href="#strings">Strings</a></span>
<span class="category" data-category="oop"><a href="#oop">OOP</a></span>
<span class="category" data-category="events"><a href="#events">Events</a></span>
<span class="category" data-category="algorithmen"><a href="#algorithmen">Algorithmisches Denken</a></span>
<span class="imprint"><a
href="https://www.uni-regensburg.de/sprache-literatur-kultur/medieninformatik/sekretariat-team/alexander-bazo/index.html" target="_blank">Impressum</a></span>
</nav>
<div class="progress-indicator">
<span class="text">
<span class="progress">Dein Fortschritt: <i class="finished-shorts">0</i>/<i class="total-shorts">0</i> <i
class="box">Shorts</i> erledigt</span>
</span>
<span class="bar"></span>
</div>
<content>
<h1>OOP<span class="title-highlight">Shorts</span></h1>
<h2>Auf dieser Seite findest du eine Sammlung von Übungsaufgaben für dein Selbststudium im OOP-Kurs. Du kannst
damit die wichtigsten Themen, die wir bis jetzt behandelt haben, wiederholen und trainieren. Die Aufgaben sind thematisch
gegliedert und folgen grob einer von uns empfohlenen Reihenfolge. Am besten arbeitest du dich Schritt für Schritt
durch alle <i>Shorts</i> durch. Für jede Aufgabe gibt es ein Starterpaket, das du herunterladen und in
IntelliJ öffnen kannst. Sobald du eine funktionierende Lösung implementiert hast, kannst du deinen
Fortschritt auf dieser Seite markieren und deine Lösung mit unserem Vorschlag vergleichen. Und zu jeder der Aufgabe haben
wir für dich einige Hinweise zu den relevanten Lerninhalten und -Materialien bereitgestellt. Falls du
Fragen zu einer der Aufgaben hast: Du kannst uns direkt in den jeweils verlinkten Discord-Kanälen erreichen.
Viel Erfolg!</h2>
<ul class="tasks">
<a class="anchor" id="grundlagen"></a>
<li class="description" data-category="grundlagen"><b>Grundlagen</b>In der Kategorie
"Grundlagen" findest du
einfache Aufgaben, mit denen du die wichtigsten Sprachelemente und die zentralen Bestandteile der
<i>Graphics App</i> noch einmal ausprobieren kannst. Konzentriere dich auf die eigentlichen Inhalte und
denke nicht (zu viel) über den perfekten Aufbau der Lösung nach. Versuch jede Aufgabe von Grund auf neu
umzusetzen und kopiere keine Aufgabenteile. Schreibe jede Zeile Code selbst.</li>
<a class="anchor" id="arrays"></a>
<li class="description" data-category="arrays"><b>Datenstrukturen (Arrays)</b>In der Kategorie
"Datenstrukturen" findest du Aufgaben zum Umgang mit Arrays. Du kannst hier noch einmal wiederholen, wie
diese Felder verwendet werden, um viele Objekte gleichen Typs über eine einzelne Variable zugänglich zu
machen. In dem Zusammenhang schaust du dir an, wie du mit verschiedenen Schleifen über die Inhalte eines
Arrays iterieren kannst.</li>
<a class="anchor" id="strings"></a>
<li class="description" data-category="strings"><b>Strings</b>In der Kategorie "Strings"
findest du
Aufgaben, die sich mit der Verarbeitung von Zeichenketten beschäftigen. Du wiederholst noch einmal, wie
du über die Konsole Inhalte von den Nutzer*innen einlesen kannst und wie du mit Hilfe der Klassen
<code>String</code> und <code>Character</code> Texte bzw. einzelne Zeichen schnell und einfach abbilden
und verarbeiten kannst.</li>
<a class="anchor" id="oop"></a>
<li class="description" data-category="oop"><b>OOP</b>In der Kategorie "OOP" findest du Aufgaben,
mit denen
du das Modellieren und Verwenden eigener Klassen trainieren kannst. Achte genau drauf, welche
Funktionalität du in den Klassen umsetzen sollst und wie sich die daraus erstellten Objekte verhalten
sollen. Denke daran, dass du Eigenschaften und Methoden einer Klasse öffentlich oder privat anlegen
kannst.</li>
<a class="anchor" id="events"></a>
<li class="description" data-category="events"><b>Events</b>In der Kategorie "Events" findest du
Aufgaben,
mit denen du das <i>Event-basierte-Programmieren</i> innerhalb der <i>Graphics App</i> trainieren
kannst. Konzentriere dich auch hier auf den eigentlichen Kern der jeweiligen Aufgabe und versuche beim
Programmieren, die Abläufe die sich aus der Interaktion der Nutzer*innen mit deiner Anwendung ergeben,
nachzuvollziehen.</li>
<a class="anchor" id="algorithmen"></a>
<li class="description" data-category="algorithmen"><b>Algorithmisches Denken</b>In der
Kategorie
"Algorithmisches Denken" findest du Aufgaben, mit denen du dein algorithmisches Denken trainieren
kannst. Hier geht es nicht mehr nur um die korrekte Anwendung der verschiedenen Sprachelemente.
Stattdessen musst du "echte" Probleme lösen und die vorher wiederholten Inhalte auf neue
Herausforderungen anwenden.</li>
</ul>
</content>
<template id="task-template">
<li data-id="" data-category="" class="">
<span class="category"><span class="text"></span><i class="icon-"></i></span>
<span class="title"></span>
<span class="estimate"><i class="icon-time"></i><span class="time"></span> Minuten</span>
<span class="description"></span>
<span class="hints closed">
<span class="menu"><i class="icon-"></i></span>
<span class="text"></span>
</span>
<ul class="topics">
</ul>
<span class="actions">
<span data-action="starter"><a href="" target="_blank"><i class="icon-starter"></a></i></span>
<span data-action="solution"><a href="" target="_blank"><i class="icon-solution"></a></i></span>
<span data-action="support"><a href="" target="_blank"><i class="icon-support"></a></i></span>
</span>
</li>
</template>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intro.js/4.3.0/intro.min.js"
integrity="sha512-WYNEDpX7FCz0ejmdUFl444n+v7gDgDFYmxy2YBx99v15UUk3zU5ZWYFBXFCvWYvd+nv/guwUnXmrecK7Ee0Wtg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
<script type="module" src="resources/js/index.js"></script>
</body>
</html>