✅ Grundlegende Computerkenntnisse und Erfahrung im Umgang mit dem Internet
✅ Interesse an Webentwicklung und der Erstellung moderner Webseiten
✅ Eigenständiges Arbeiten und die Bereitschaft, sich in neue Technologien einzuarbeiten
✅ Ein Computer mit aktueller Browser-Version und stabiler Internetverbindung
In diesem Selbstlernkurs lernst du die Grundlagen der Webentwicklung mit HTML, CSS und JavaScript. Du erfährst, wie du Webseiten strukturierst, gestaltest und mit interaktiven Elementen versiehst. Anhand praxisnaher Beispiele und Übungen baust du Schritt für Schritt dein Wissen auf. Der Kurs vermittelt dir bewährte Techniken und Best Practices, damit du moderne, responsive Webseiten erstellen kannst – ideal für den Einstieg in die Welt der Webentwicklung.
Nach Abschluss des Kurses bist du in der Lage:
✅ Statische Webseiten mit HTML zu erstellen und Inhalte semantisch korrekt zu strukturieren
✅ Webseiten mit CSS ansprechend zu gestalten, Layouts zu erstellen und responsives Design umzusetzen
✅ Interaktive Elemente und dynamische Funktionen mit JavaScript zu programmieren
✅ Eigene kleinere Webprojekte zu realisieren und ein Portfolio an praktischen Anwendungen aufzubauen
✅ Best Practices der modernen Webentwicklung anzuwenden und kontinuierlich dein Wissen zu erweitern
Einführung in die grundlegenden Technologien der Webentwicklung und deren Anwendungsbereiche.
Einrichtung und Vorstellung der benötigten Tools (Texteditor, Browser, etc.) für einen reibungslosen Start.
Grundlagen zur Organisation von Webprojekten (ohne Versionskontrolle).
Erlernen des grundlegenden Aufbaus eines HTML-Dokuments und der Rolle von Doctype, Head- und Body-Bereich.
Anwendung und Formatierung von Standard-HTML-Elementen zur inhaltlichen Strukturierung von Webseiten.
Nutzung semantischer Elemente zur Verbesserung der Zugänglichkeit und SEO.
Erstellung von Formularen mit verschiedenen Input-Typen und grundlegender Validierung.
Einführung in die CSS-Syntax, Selektoren und grundlegende Styling-Methoden.
Anwendung von CSS zur Gestaltung von Schriftarten, Farben, Hintergründen und Rändern.
Vertiefung des Verständnisses für das Box-Modell, inklusive Margin, Padding und Positionierung von Elementen.
Erlernen moderner Layout-Methoden, um ansprechende und flexible Webseiten zu erstellen.
Grundlagen, warum und wie Webseiten für verschiedene Geräte optimiert werden.
Praktische Umsetzung von Media Queries, um Layouts an verschiedene Bildschirmgrößen anzupassen.
Anwendung von Responsive-Techniken zur Verbesserung der Nutzererfahrung auf Desktops, Tablets und Smartphones.
Erlernen der Grundkonzepte von JavaScript, inklusive Variablen, Datentypen, Operatoren und Kontrollstrukturen.
Wie Funktionen definiert werden, Events genutzt und das Document Object Model (DOM) zur dynamischen Manipulation von Webseiten eingesetzt wird.
Erstellung von interaktiven Features und Animationen, um Webseiten lebendiger zu gestalten.
Grundlagen des Debuggings und der Fehlerbehandlung, um robusten JavaScript-Code zu schreiben.
Verknüpfung der erlernten Technologien, um ein stimmiges und funktionales Webprojekt zu realisieren.
Schrittweise Planung und Strukturierung eines eigenen Projekts, inklusive Design und Funktionalitätsüberlegungen.
Praktische Anwendung und Codierung deines Projekts unter Anleitung, um eine komplette, responsive Webseite zu erstellen.
Vorstellung des Projekts, Diskussion und Feedback, um den Lernfortschritt zu reflektieren und Verbesserungspotenzial zu identifizieren.
Ich bin Patrick Sánchez, Fachinformatiker für Systemintegration und seit 2009 Inhaber von DeSeHo.com – Professional Network Solutions.
Seit über anderthalb Jahrzehnten plane, implementiere und betreue ich moderne IT-Infrastrukturen für Unternehmen und Privatkunden.
Mein Fokus liegt darauf, technische Systeme stabil, sicher und effizient zu gestalten – mit Lösungen, die in der Praxis funktionieren und langfristig tragfähig sind.
Zu meinen Schwerpunkten gehören:
- Netzwerkarchitekturen & IT-Sicherheitskonzepte
- Server- und Systemadministration
- Automatisierung & Prozessoptimierung
- Webentwicklung & E-Commerce-Systeme
- Algorithmen und Artifizielle Intelligenz
- digitale Geschäftsmodelle und skalierbare Online-Lösungen
Durch meine langjährige Erfahrung verbinde ich klassische IT-Fachkompetenz mit modernen Tools, KI-gestützten Prozessen und digitalen Strategien, die heute für effizientes Arbeiten unverzichtbar sind.
In meinen Projekten – und in meinen Kursen – lege ich viel Wert auf Praxisnähe, klare Strukturen und verständliche Schritt-für-Schritt-Erklärungen. Mein Ziel ist es, komplexe Themen so aufzubereiten, dass sie für jeden umsetzbar werden.