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

Login







 \\ === Weiterführende Links === * [[https://www.apachefriends.org/de/index.html|XAMPP - Virtueller Web- und Datenbankserver (Cross-Platform)]] * [[https://www.mamp.info/de/|MAMP - Virtueller Web- und Datenbankserver (Windows und Mac)]] * [[https://code.visualstudio.com/|Visual Studio Code - IDE/Code-Editor (offizielle Downloadseite)]] * [[https://code.visualstudio.com/learn/collaboration/live-share|Live Share in Visual Studio Code - Collaborate with code]] * [[https://github.com/git-guides/git-push|GitHub: Git Guides - Git Push]] * [[https://github.com/git-guides/git-pull|GitHub: Git Guides - Git Pull]] \\ ==== Unterrichtsmaterialien ==== * {{ :informatik:8klasse:kooperative_webentwicklung1:koop-webentwicklung_i_beispieldateien.zip |Koop-Webentwicklung I Beispieldateien (PHP, CSS und Bilddateien)}} \\ {{tag>Kooperation Webentwicklung Webserver PHP XAMPP MAMP GitHub Live_Share Formulare Cascading_Style_Sheets 8._Klasse IKT}} ~~NOTOC~~