Skip to content
Snippets Groups Projects
Home.vue 6.16 KiB
Newer Older
Sebastian Rosauer's avatar
Sebastian Rosauer committed
<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>
              <br />
              <router-link to="/vuenavigator">Vuenavigator</router-link>
            </v-expansion-panel-content>
          </v-expansion-panel>
          <v-expansion-panel>
            <v-expansion-panel-header>Übung 12 - PHP</v-expansion-panel-header>
            <v-expansion-panel-content
              >Aufgabe 12.1/2/3: Content-Editor mit Registrierung und Login
              <br />
              <router-link to="/contenteditor">Content-Editor</router-link>
            </v-expansion-panel-content>
          </v-expansion-panel>
Sebastian Rosauer's avatar
Sebastian Rosauer committed
          <v-expansion-panel>
            <v-expansion-panel-header
              >Übung 13 - React</v-expansion-panel-header
            >
            <v-expansion-panel-content>
              Aufgabe 13.1: React Tutorial
              <br />
              <a href="we_tasks/task13/index.html">React Login</a>
            </v-expansion-panel-content>
          </v-expansion-panel>
          <v-expansion-panel>
            <v-expansion-panel-header>Übung 14 - Web App Security</v-expansion-panel-header>
            <v-expansion-panel-content>
              Aufgabe 14.1: XSS
              <br>
              <router-link to="/contenteditor_unsecure">Unsicherer Content-Editor</router-link>
              <br>
              <router-link to="/contenteditor_secure">Sicherer Content-Editor</router-link>
            </v-expansion-panel-content>
          </v-expansion-panel>
        </v-expansion-panels>
      </v-col>
    </v-row>
  </v-container>
Sebastian Rosauer's avatar
Sebastian Rosauer committed
</template>

<script>
// @ is an alias to /src

import sr_vuecounter from "../components/sr_vuecounter.vue";
Sebastian Rosauer's avatar
Sebastian Rosauer committed

export default {
  name: "Home",
  components: { sr_vuecounter },
  created() {
    this.$vuetify.theme.dark = true;
  },
Sebastian Rosauer's avatar
Sebastian Rosauer committed
};
</script>