Kooperative Webentwicklung I (Live Share)

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.


Kompetenzen

  1. Ich weiß wofür GitHub verwendet wird und kann selbst eigene Repositories erstellen und anderen Projekten beitreten.
  2. Ich kann mich mit Visual Studio Code und Live Share mit anderen kollaborativ an einem IT-Projekt beteiligen.
  3. Ich verstehe wie Webserver und Datenbankserver im Hintergrund einer Webseite arbeiten und kenne virtuelle Applikationen.
  4. Ich kenne den Unterschied zwischen HTML und PHP und weiß wie PHP in Webseiten eingreifen kann.
  5. Ich weiß wie man Dateielemente auslagert und in anderen Dateien, ohne mehrfache Implementierung, wieder einbinden kann.
  6. Ich verstehe wie man PHP-Funktionen aufrufen kann und kann mir über Manual-Pages der PHP-Dokumentation weiterhelfen.
  7. Ich kenne die Git-Befehle Git-Push und Git-Pull und kann diese für mein Projekt einsetzen und anwenden.


Vertiefung

require.php
<!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>


Unterrichtsmaterialien