-
Sebastian Rosauer authoredSebastian Rosauer authored
Home.vue 4.95 KiB
<template>
<v-container class="home" align="center">
<div class="text-h1 mb-10" align="center">Homepage - Sebastian Rosauer</div>
<v-spacer></v-spacer>
<v-row align="center" justify="center">
<v-col cols="8">
<v-expansion-panels>
<v-expansion-panel>
<v-expansion-panel-header
>Übung 2 - HTML und CSS</v-expansion-panel-header
>
<v-expansion-panel-content>
<a href="/we_tasks/task02/2_3.html"
>Aufgabe 2.3: HTML-Wireframe</a
>
<br />
<a href="we_tasks/task02/2_4.html"
>Aufgabe 2.4: Wireframe with HTML and CSS</a
>
</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header
>Übung 3 - Responsive Web Design (RWD)</v-expansion-panel-header
>
<v-expansion-panel-content>
<a href="we_tasks/task03/3_1.html"
>Aufgabe 3.1: Responsiv mit Flexbox Desktop-First</a
><br />
<a href="we_tasks/task03/3_2.html"
>Aufgabe 3.2: Responsiv mit Flexbox Mobile-First</a
><br />
<a href="we_tasks/task03/3_3.html"
>Aufgabe 3.3: Responsiv mit Grid Layout Desktop-First</a
><br />
<a href="we_tasks/task03/3_4.html"
>Aufgabe 3.4: Responsiv mit Grid Layout Mobile-First</a
>
</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header
>Übung 5 - Document Object Model (DOM)</v-expansion-panel-header
>
<v-expansion-panel-content>
<a href="we_tasks/task05/5_1.html">Aufgabe 5.1: Einkaufsliste</a
><br />
<a href="we_tasks/task05/5_2.html"
>Aufgabe 5.2: Rednerliste mit Zeitmessung</a
><br />
<a href="we_tasks/task05/5_3.html"
>Aufgabe 5.3: Performancemessungen</a
>
</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header
>Übung 6 - Asynchrones Javascript</v-expansion-panel-header
>
<v-expansion-panel-content>
<a href="we_tasks/task06/6_1.html">Aufgabe 6.1: Promises</a><br />
<a href="we_tasks/task06/6_2.html">Aufgabe 6.2: async / await</a
><br />
<a href="we_tasks/task06/6_3.html">Aufgabe 6.3: WWW-Navigator</a>
</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header
>Übung 7 - Modulares Web</v-expansion-panel-header
>
<v-expansion-panel-content>
<a href="we_tasks/task07/7_1.html"
>Aufgabe 7.1: Counter mit Start und Limit</a
><br />
<a href="we_tasks/task07/7_2.html">Aufgabe 7.2: Stoppuhr</a><br />
<a href="we_tasks/task07/7_3.html"
>Aufgabe 7.3: Flexible Menü-Komponente</a
>
</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header>Übung 8 - SVG</v-expansion-panel-header>
<v-expansion-panel-content>
<a href="we_tasks/task08/8_1.html">Aufgabe 8.1: SVG-Diagramm</a
><br />
<a href="we_tasks/task08/8_2.html"
>Aufgabe 8.2: Statistik-Balkendiagramm</a
><br />
</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header
>Übung 9 - WebApps</v-expansion-panel-header
>
<v-expansion-panel-content>
<a href="we_tasks/task09/9_1.html">Aufgabe 9.1: Routing</a><br />
<a href="we_tasks/task09/9_2.html"
>Aufgabe 9.2: State Management</a
><br />
</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header
>Übung 10 - Vue.js</v-expansion-panel-header
>
<v-expansion-panel-content>
Aufgabe 10.1: Counter in Vue.js<br />
<sr_vuecounter></sr_vuecounter>
<a href="we_tasks/task10/10_3.html"
>Aufgabe 10.3: Vue.js WWW-Navigator</a
><br />
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-col>
</v-row>
</v-container>
</template>
<script>
// @ is an alias to /src
import sr_vuecounter from "../components/sr_vuecounter.vue";
export default {
name: "Home",
components: { sr_vuecounter },
created() {
this.$vuetify.theme.dark = true;
},
};
</script>