Schulung · GitHub Copilot · Webentwicklung

GitHub Copilot für Webentwickler:innen

GitHub Copilot professionell nutzen: Completion, Chat, Agent Mode, Coding Agent für Issues und PRs, Code Review und Enterprise-Policies.

Dauer
2 Tage (14 Std.)
Format
Online oder vor Ort
Sprache
Deutsch oder Englisch
Teilnehmende
offene Termine oder exklusiv für Ihr Team
Abschluss
Teilnahmebescheinigung

Überblick

„GitHub Copilot für Webentwickler:innen“ ist ein praxisorientiertes Training für Rollen wie Webentwickler:innen in Agenturen und Inhouse-Teams, Freelancer:innen, die Websites und Webanwendungen umsetzen und Entwickler:innen von CMS-Projekten mit WordPress, TYPO3 oder Headless-CMS. Sie lernen GitHub Copilot nicht abstrakt, sondern an Aufgaben aus Ihrem Arbeitsalltag kennen – mit Beispielen, Übungen und Vorlagen aus dem Bereich Webentwicklung.

GitHub Copilot hat sich von der reinen Code-Vervollständigung zu einer umfassenden KI-Plattform entwickelt, die den gesamten Entwicklungsprozess begleitet. Im Editor unterstützen Sie Inline-Vorschläge, Next Edit Suggestions und Copilot Chat; im Agent Mode bearbeitet Copilot Aufgaben über mehrere Dateien hinweg und führt Befehle aus. Auf GitHub selbst übernimmt der Coding Agent zugewiesene Issues und liefert Pull Requests. In diesem zweitägigen Training lernen Sie, diese Bausteine gezielt einzusetzen und in Ihren bestehenden Entwicklungsprozess sauber zu integrieren.

Neben der Praxis im Editor geht es um Steuerung und Qualität: Mit Custom Instructions und Prompt-Dateien geben Sie Copilot Projektwissen mit, über MCP binden Sie zusätzliche Werkzeuge an, und mit Copilot Code Review ergänzen Sie den menschlichen Review-Prozess. Für Verantwortliche in Teams und Organisationen behandeln wir Richtlinien auf Organisations- und Enterprise-Ebene, Content Exclusions, Modellfreigaben und Auswertungen der Nutzung. So schaffen Sie die Grundlage für einen sicheren, nachvollziehbaren und wirksamen Einsatz von Copilot im gesamten Unternehmen.

Webentwicklung umfasst heute weit mehr als HTML, CSS und etwas JavaScript: Responsive Layouts, Barrierefreiheit, SEO, Performance, Formulare, Content-Management-Systeme, APIs, Hosting und Deployment gehören selbstverständlich dazu. Gerade in kleinen Teams und Agenturen müssen Webentwickler:innen all diese Themen abdecken. KI-Coding-Assistenten und Agenten sind hier ein enormer Hebel: Sie setzen Layouts aus Entwürfen um, schreiben semantisches HTML und modernes CSS mit Grid und Container Queries, prüfen Seiten auf Barrierefreiheit und Core Web Vitals, erstellen CMS-Templates und automatisieren Deployments. Vibe Coding macht zudem schnelle Prototypen möglich, die früher Tage gedauert hätten. Im Kurs lernen Sie, diese Geschwindigkeit mit sauberer Struktur, Wartbarkeit und Qualitätssicherung zu verbinden.

Das Training findet live statt – wahlweise online im virtuellen Klassenraum oder vor Ort in unseren Trainingsräumen in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart und Kaiserslautern. Auf Wunsch kommen wir auch exklusiv für Ihr Team zusammen.

Für wen ist das Training?

  • Webentwickler:innen in Agenturen und Inhouse-Teams
  • Freelancer:innen, die Websites und Webanwendungen umsetzen
  • Entwickler:innen von CMS-Projekten mit WordPress, TYPO3 oder Headless-CMS
  • Quereinsteiger:innen mit Grundkenntnissen in HTML, CSS und JavaScript

Typische Herausforderungen, die wir adressieren

  • Breites Aufgabenspektrum von Layout über SEO bis Hosting in kleinen Teams
  • Steigende Anforderungen an Barrierefreiheit, Performance und Datenschutz
  • Wartung vieler Kundenprojekte mit unterschiedlichen Technologien und Ständen
  • Zeitdruck bei Relaunches, Landingpages und Kampagnenseiten

Das können Sie nach dem Training

  • Sie nutzen Completion, Chat und Agent Mode von Copilot zielgerichtet für Ihre täglichen Entwicklungsaufgaben.
  • Sie hinterlegen Projektwissen in Custom Instructions und Prompt-Dateien und verbessern damit die Ergebnisqualität.
  • Sie delegieren geeignete Issues an den Coding Agent und prüfen dessen Pull Requests sachgerecht.
  • Sie integrieren Copilot Code Review sinnvoll in Ihren bestehenden Review-Prozess.
  • Sie setzen Websites und Webanwendungen mit KI-Unterstützung schneller und in sauberer Struktur um.
  • Sie nutzen KI gezielt für Barrierefreiheit, Performance und technisches SEO.
  • Sie überführen Vibe-Coding-Prototypen in wartbare, sichere und datenschutzkonforme Projekte.

Inhalte & Ablauf

Tag 1

Modul 1 Copilot im Editor: Completion und Chat
  • Inline-Vorschläge und Next Edit Suggestions effizient annehmen, ablehnen und steuern
  • Copilot Chat für Erklärungen, Fehlersuche und Testgenerierung nutzen
  • Kontext gezielt über Dateien, Auswahl, Workspace und Chat-Variablen setzen
  • Modellauswahl und Unterschiede zwischen IDEs wie VS Code, Visual Studio und JetBrains
Modul 2 Agent Mode und Erweiterungen
  • Mehrstufige Aufgaben im Agent Mode planen und kontrolliert ausführen lassen
  • Terminalbefehle, Testläufe und Fehlerrückmeldungen in den Agenten-Loop einbinden
  • MCP-Server für zusätzliche Werkzeuge und Datenquellen anbinden
  • Änderungen prüfen, teilweise übernehmen oder zurücksetzen
Modul 3 Projektwissen mit Custom Instructions
  • Repository-weite Instructions für Architektur, Stil und Tests formulieren
  • Pfadspezifische Instructions und wiederverwendbare Prompt-Dateien anlegen
  • Persönliche und organisationsweite Vorgaben sinnvoll kombinieren
  • Instructions anhand der Ergebnisqualität laufend verbessern
Modul 4 Coding Agent und Code Review auf GitHub
  • Issues so formulieren, dass der Coding Agent sie zuverlässig umsetzen kann
  • Pull Requests des Agenten prüfen, kommentieren und iterieren lassen
  • Copilot Code Review als ergänzende Prüfinstanz im PR-Prozess einsetzen
  • Entwicklungsumgebung des Agenten über Setup-Schritte und Actions konfigurieren

Tag 2

Modul 5 Administration, Policies und Sicherheit
  • Lizenzzuweisung und Richtlinien auf Organisations- und Enterprise-Ebene
  • Content Exclusions, Modellfreigaben und Filter für öffentlichen Code
  • Audit-Logs und Nutzungsmetriken für Steuerung und Einführung auswerten
  • Sicherheitsrisiken, Secrets und Verantwortlichkeiten für KI-generierten Code klären
Modul 6 Praxislabor: Webentwicklung
  • Layouts aus Entwürfen umsetzen
  • Barrierefreiheits-Audit
  • Performance und Core Web Vitals
  • CMS-Templates und -Erweiterungen
  • Technisches SEO
  • Formulare und Integrationen
Modul 7 Datenschutz, Qualität & Transfer in den Alltag
  • Websites unterliegen DSGVO, TTDSG und vielerorts dem Barrierefreiheitsstärkungsgesetz: Generierter Code darf keine Tracking-Dienste oder externen Ressourcen ohne Einwilligung einbinden und muss barrierefrei geprüft werden. Achten Sie zudem auf Lizenzen von Schriften, Bildern und Code-Snippets sowie darauf, dass Zugangsdaten zu Hosting und CMS nicht in Prompts gelangen.
  • Spielregeln für den sicheren KI-Einsatz im Team
  • Ergebnisse prüfen: Fakten, Quellen, Tests und Vier-Augen-Prinzip
  • Persönlicher Umsetzungsplan für die nächsten 30 Tage
  • Offene Fragen, Ausblick und Ressourcen zum Weiterlernen

Praxisszenarien aus Ihrem Bereich

Layouts aus Entwürfen umsetzen

Der Assistent erzeugt aus Screenshots oder Designdateien semantisches HTML und modernes CSS mit Grid, Flexbox und Custom Properties, responsiv für alle Breakpoints und konsistent mit vorhandenen Stylesheets.

Barrierefreiheits-Audit

Die KI prüft Seiten auf Überschriftenstruktur, Alternativtexte, Formularbeschriftungen, Tastaturbedienbarkeit und Kontraste, wertet automatisierte Testergebnisse aus und behebt Befunde entlang der WCAG-Kriterien. Kritische Befunde werden priorisiert behandelt.

Performance und Core Web Vitals

Lighthouse-Berichte werden ausgewertet, Bilder in moderne Formate mit responsiven Quellen überführt, kritisches CSS extrahiert, Skripte verzögert geladen und Layoutverschiebungen gezielt beseitigt. Jede Maßnahme wird mit einer erneuten Messung belegt.

CMS-Templates und -Erweiterungen

Der Agent erstellt Themes, Blöcke oder Plugins für WordPress, TYPO3 oder Headless-CMS, inklusive Inhaltsmodellen, Templates und Absicherung gegen typische Sicherheitslücken. Bestehende Coding Standards des Systems werden eingehalten.

Technisches SEO

Die KI ergänzt strukturierte Daten, Meta-Tags, hreflang-Angaben, sprechende URLs und XML-Sitemaps und prüft interne Verlinkung sowie Canonicals auf Konsistenz. Fehlerhafte Weiterleitungen und Duplicate Content werden aufgedeckt.

Formulare und Integrationen

Kontakt- und Anfrageformulare entstehen mit Validierung, Spam-Schutz und serverseitiger Verarbeitung, ebenso Anbindungen an Newsletter-, CRM- oder Buchungssysteme über deren APIs. Fehlerfälle und Zeitüberschreitungen werden sauber abgefangen.

Mögliche Praxisprojekte im Kurs

Statische Website mit Generator

Eine mehrsprachige Firmenwebsite mit einem Static Site Generator, strukturierten Daten, Sitemap und automatischem Deployment über eine CI-Pipeline. Inhalte werden in Markdown gepflegt und versioniert.

Barrierefreiheits-Checker

Ein kleines Tool, das eine Liste von URLs automatisiert prüft, Befunde nach Schweregrad sortiert und einen verständlichen HTML-Bericht erzeugt. Er eignet sich für regelmäßige Prüfungen.

Terminbuchungs-Widget

Ein einbettbares Widget, das freie Termine aus einer API lädt, Buchungen entgegennimmt und Bestätigungen per E-Mail auslöst. Das Widget ist barrierefrei und responsiv gestaltet.

Voraussetzungen

Sie entwickeln regelmäßig Software, arbeiten mit Git und GitHub (Issues, Pull Requests) und nutzen eine moderne IDE. Gute Kenntnisse in HTML, CSS und JavaScript sowie erste Erfahrungen mit Git, einem CMS oder einem Frontend-Framework.

Technische Voraussetzungen

Eigener Laptop mit VS Code oder einer JetBrains-IDE, installierter Copilot-Erweiterung und einem GitHub-Konto mit aktiver Copilot-Lizenz; für den Coding Agent wird ein passender Plan benötigt.

Datenschutz & Compliance

Websites unterliegen DSGVO, TTDSG und vielerorts dem Barrierefreiheitsstärkungsgesetz: Generierter Code darf keine Tracking-Dienste oder externen Ressourcen ohne Einwilligung einbinden und muss barrierefrei geprüft werden. Achten Sie zudem auf Lizenzen von Schriften, Bildern und Code-Snippets sowie darauf, dass Zugangsdaten zu Hosting und CMS nicht in Prompts gelangen.

Terminvorschläge

Alle Termine sind Vorschläge – Ihr Wunschtermin ist jederzeit möglich.

  • Mo, 23. November 2026 – Di, 24. November 2026 Online Anfragen
  • Di, 1. Dezember 2026 – Mi, 2. Dezember 2026 Kaiserslautern Anfragen
  • Di, 8. Dezember 2026 – Mi, 9. Dezember 2026 Online Anfragen
  • Di, 15. Dezember 2026 – Mi, 16. Dezember 2026 Bremen Anfragen
  • Di, 19. Januar 2027 – Mi, 20. Januar 2027 Online Anfragen
  • Mi, 3. Februar 2027 – Do, 4. Februar 2027 Salzburg Anfragen

Häufige Fragen

Was ist der Unterschied zwischen Agent Mode und Coding Agent?

Der Agent Mode läuft in Ihrer IDE: Sie arbeiten interaktiv mit Copilot, sehen jeden Schritt und geben Befehle frei. Der Coding Agent arbeitet dagegen eigenständig auf GitHub, sobald Sie ihm ein Issue zuweisen, nutzt eine eigene Ausführungsumgebung und legt einen Pull Request an, den Sie anschließend wie den Beitrag eines Teammitglieds prüfen.

Wie stellen wir sicher, dass Copilot unsere Unternehmensrichtlinien einhält?

Auf Organisations- und Enterprise-Ebene lassen sich Funktionen, Modelle und Erweiterungen gezielt freigeben oder sperren. Content Exclusions halten sensible Dateien aus dem Kontext heraus, und Audit-Logs machen die Nutzung nachvollziehbar. Im Kurs zeigen wir, wie Sie diese Hebel mit Datenschutz, Informationssicherheit und internen Coding-Standards zusammenbringen.

Lohnt sich der Kurs, wenn wir Copilot schon länger nutzen?

Ja, gerade dann. Viele Teams nutzen nur die Vervollständigung und lassen Chat, Agent Mode, Custom Instructions und den Coding Agent weitgehend ungenutzt. Der Kurs zeigt, wie Sie diese Funktionen strukturiert einsetzen, Ergebnisse durch Projektwissen verbessern und typische Fehlerquellen vermeiden. Erfahrene Nutzer profitieren besonders von den Abschnitten zu Review und Governance.

Kann ich mit KI eine komplette Website bauen lassen?

Für Prototypen und einfache Seiten ja, und zwar erstaunlich schnell. Für produktive Websites brauchen Sie aber Struktur: saubere Komponenten, geprüfte Barrierefreiheit, Datenschutz, Performance und ein durchdachtes Deployment. Im Kurs lernen Sie, wie Sie KI-generierte Ergebnisse in eine wartbare Projektstruktur überführen und systematisch absichern.

Ist der Kurs auch für Quereinsteiger:innen geeignet?

Ja, sofern Grundkenntnisse in HTML, CSS und JavaScript vorhanden sind. Die KI erklärt Code und Konzepte verständlich und hilft, Wissenslücken schnell zu schließen. Wir achten darauf, dass Sie die generierten Lösungen nachvollziehen und eigenständig bewerten können, statt nur Ergebnisse zu übernehmen.

Was kostet die Schulung „GitHub Copilot für Webentwickler:innen“?

Die Schulung kostet pauschal 949 € zzgl. gesetzl. MwSt. pro Teilnehmer:in – unabhängig davon, ob sie online oder vor Ort stattfindet. Enthalten sind 2 Trainingstag(e) mit Live-Trainer:in, Kursunterlagen, Übungsumgebung und Teilnahmebescheinigung.

Kann ich einen eigenen Wunschtermin angeben?

Ja. Unsere Terminvorschläge sind eine Orientierung. Im Anfrageformular können Sie jederzeit einen Wunschtermin oder Zeitraum im Freitext angeben – wir prüfen die Verfügbarkeit und bestätigen innerhalb eines Werktags.

Findet der Kurs online oder vor Ort statt?

Beides ist möglich: live online im virtuellen Klassenraum oder vor Ort in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart oder Kaiserslautern. Auf Wunsch führen wir das Training auch exklusiv für Ihr Team durch.

Weitere Kurse für Webentwickler:innen

Weitere Kurse zu GitHub Copilot

Alle 32 Kurse zu GitHub Copilot

GitHub Copilot · MünchenGitHub Copilot · SalzburgGitHub Copilot · BerlinGitHub Copilot · AugsburgGitHub Copilot · HannoverGitHub Copilot · BremenGitHub Copilot · StuttgartGitHub Copilot · KaiserslauternGitHub Copilot · Online