10: Fortgeschrittenes JavaScript – Arbeiten mit dem Document Object Model (DOM)
In diesem Kapitel vertiefen wir uns in die Arbeit mit dem Document Object Model (DOM). Wir lernen, wie man Elemente auswählt, sie manipuliert und Fehler effektiv behandelt. 1. Was ist das DOM? Das DOM ist eine programmierbare Darstellung der HTML-Struktur einer Webseite. Es erlaubt uns, auf Elemente der Seite zuzugreifen und sie zu manipulieren. 2. […]
8: Einführung in JavaScript
JavaScript ist eine der wichtigsten Programmiersprachen im Web und ermöglicht interaktive und dynamische Webseiten. In diesem Kapitel lernst du die Grundlagen von JavaScript, wie du es in deine Webseite einbindest und erste interaktive Funktionen erstellst. 1. Was ist JavaScript? JavaScript ist eine Programmiersprache, die im Browser ausgeführt wird. Sie wird verwendet, um: 2. Einbinden von […]
7: Responsive Design
Responsive Design ist ein Ansatz im Webdesign, der sicherstellt, dass eine Webseite auf allen Geräten gut aussieht – ob auf einem Smartphone, Tablet oder Desktop-Computer. In diesem Kapitel lernst du, wie du mit CSS ein responsives Design erstellst und verschiedene Bildschirmgrößen berücksichtigst. 1. Was ist Responsive Design? Responsive Design bedeutet, dass sich das Layout einer […]
6. Eine Webseite hosten – Wie funktioniert das?
In diesem Kapitel erfährst du, wie du deine Webseite online stellen kannst. Das Hosten deiner Webseite macht sie für jeden mit Internetzugang verfügbar. 1. Was ist Webhosting? Webhosting bedeutet, dass deine Webseite auf einem Server gespeichert wird, der rund um die Uhr mit dem Internet verbunden ist. Ein Server ist im Grunde genommen ein leistungsstarker […]
5: CSS-Styles – Inline, Im Kopf und Externe Dateien
In diesem Kapitel lernst du, wie du CSS-Stile auf unterschiedliche Arten einbindest und wie die Vererbung und Verschachtelung von CSS-Regeln funktioniert. 1. Arten der CSS-Integration a) Inline-Stile Inline-Stile werden direkt im HTML-Tag definiert und sind nur für das jeweilige Element gültig. Beispiel: Vorteil: Schnell und einfach für einzelne Elemente. Nachteil: Unübersichtlich bei größeren Projekten. b) […]
Die Grundlagen moderner Webentwicklung
Die Webentwicklung hat in den letzten Jahren eine beeindruckende Transformation durchlaufen. Mit der stetigen Weiterentwicklung von Technologien, Tools und Frameworks steht Entwicklern heute eine Vielzahl an Möglichkeiten zur Verfügung, um leistungsfähige und benutzerfreundliche Websites zu erstellen. Dieser Artikel gibt einen Überblick über die Grundlagen moderner Webentwicklung und welche Technologien im Fokus stehen. 1. HTML, CSS […]
2. HTML vs. HTML5 und Einführung in CSS
HTML vs. HTML5: Was ist der Unterschied? HTML5 ist die neueste Version der HTML-Spezifikation und bringt viele Verbesserungen und neue Funktionen mit. Hier sind die wichtigsten Unterschiede: 1. Neue Struktur-Tags HTML5 führt neue Tags ein, die den Code strukturierter und semantisch klarer machen: Beispiel: 2. Multimedia-Unterstützung HTML5 hat integrierte Tags für Audio und Video: 3. […]