In dieser Unterrichtsstunde wurden die Vorteile des kooperativen Programmierens von Webseiten ins Zentrum gerückt, um den Teamgeist hinter jeder Entwicklerbude und die Organisation einer solchen Arbeitsweise nachvollziehen zu können. In diesem Sinne wurde zu Beginn geklärt, welche Möglichkeiten überhaupt vorhanden sind, um gemeinsam an einem IT-Projekt zu arbeiten. Dabei kam selbstverständlich auch GitHub zur Sprache, welches heutzutage in der IT-Welt kaum mehr wegzudenken ist. Nicht umsonst werden Mitarbeiter*innen auf extrem teure Git-Schulungen geschickt, um diese Methode des Programmierens weitestgehend zu verinnerlichen. Zusätzlich zu GitHub wurde anschließend auch Live Share thematisiert, welches innerhalb von Visual Studio Code zwei oder mehrere Computerinstanzen miteinander verbindet und mittels GitHub abgesichert synchronisiert. Nachdem Visual Studio Code installiert und Live Share konfiguriert wurde, musste abschließend, in Form einer Partnerarbeit, eine einfache PHP-Seite im Team entwickelt werden, um den Umgang mit kollaborativen Coding-Tools zu trainieren und zu festigen. Nachdem die Webseite fertig programmiert wurde, gab es abschließend noch einen kurzen Einblick in die Befehlsstruktur von GitHub. Dabei wurde auch der sogenannte Git-Push und Git-Pull erklärt und schlussendlich ein eigener Push durchgeführt um den Arbeitsfortschritt zu sichern.
<!DOCTYPE html> <html lang="de"> <head> <title>Mustermann Login</title> <meta charset="UTF-8"> <meta name="description" content="Beschreibung"> <link rel="stylesheet" type="text/css" href="layout.css"> </head> <body> <?php require_once('header.php'); ?> <main> <div class="row"> <div class="col-12"> <h2>Login</h2> <hr><br> <form action="signin.php" method="post"> <label for="username"><b>Benutzername:</b></label> <input type="text" placeholder="Benutzername" name="username" tabindex="4" required><br> <label for="pwd"><b>Passwort:</b></label> <input type="password" placeholder="Passwort" name="pwd" tabindex="5" required><br><br> <label> <input type="checkbox" name="remember" tabindex="6"> Merken </label><br><br> <button type="submit" tabindex="7">Anmelden</button> </form> </div> </div> <?php require_once('footer.php'); ?> </main> </body> </html>