Erstellen Sie für das Web, mit dem Browser als Ausgangspunkt

HTML-Quellcode wird auf einem dunklen Computerbildschirm angezeigt

Über diese Auswahl

Ein praktischer Weg durch Web-Grundlagen, gezielte Kurse, Browserkompatibilität und barrierefreie Implementierung. Frameworks machen vieles bequemer, aber der Browser entscheidet immer noch, wie sich eine Seite verhält. Kenntnisse in HTML, CSS, JavaScript und Barrierefreiheit machen unbekannte Tools weniger mysteriös. Diese Referenzen funktionieren gut neben einem kleinen Projekt, das Sie überprüfen, ändern und sicher zerstören können. Probieren Sie dies zuerst aus Erstellen Sie eine kleine…

Ein praktischer Weg durch Web-Grundlagen, gezielte Kurse, Browserkompatibilität und barrierefreie Implementierung.

Frameworks machen vieles bequemer, aber der Browser entscheidet immer noch, wie sich eine Seite verhält. Kenntnisse in HTML, CSS, JavaScript und Barrierefreiheit machen unbekannte Tools weniger mysteriös. Diese Referenzen funktionieren gut neben einem kleinen Projekt, das Sie überprüfen, ändern und sicher zerstören können.

Probieren Sie dies zuerst aus

Erstellen Sie eine kleine Seite mit einer Überschrift, einem Formular und einer Liste. Lernen Sie die zugrunde liegende Funktion in MDN kennen, vertiefen Sie sich anhand einer web.dev-Lektion und prüfen Sie die Kompatibilität, bevor Sie eine neuere Funktion übernehmen. Testen Sie die Seite mit einer Tastatur, bevor Sie weitere Polituren hinzufügen.

Denken Sie daran

Speichern Sie die genaue Referenz, die ein Problem gelöst hat, und eine Notiz darüber, was sich geändert hat. Dadurch entsteht ein funktionierendes Notizbuch und keine weitere Liste mit Tutorials, die eines Tages fertiggestellt werden müssen.

4 Links/In der vom Kurator gewählten Reihenfolge

Link 1MDN Web Docs

MDN Lernen Sie Webentwicklung

Nutzen Sie dies als strukturierte Grundlage, wenn Sie verstehen müssen, was die Plattform tut. Folgen Sie einem kurzen Abschnitt, reproduzieren Sie das Beispiel und ändern Sie etwas, um Ihr Verständnis zu überprüfen.

developer.mozilla.org

Link 2–

web.dev Lernen

Wählen Sie einen Kurs, der auf Ihre unmittelbare Frage zugeschnitten ist, z. B. CSS, Leistung oder Formulare. Wenden Sie eine Lektion auf dasselbe kleine Projekt an, damit das Lesen zu einem beobachtbaren Verhalten wird.

web.dev

Link 3Englisch (Vereinigte Staaten)

Kann ich verwenden

Überprüfen Sie die Unterstützung für eine bestimmte Funktion in allen Browsern. Lesen Sie die Hinweise und Details zur teilweisen Unterstützung und entscheiden Sie sich dann für einen Fallback basierend auf Ihrer tatsächlichen Zielgruppe und nicht auf einem einzelnen Prozentsatz.

caniuse.com

Link 4Englisch

Das A11Y-Projekt

Verwandeln Sie Barrierefreiheitsabsichten in konkrete Umsetzungsprüfungen. Verwenden Sie die Checkliste als Leitfaden für die Untersuchung. Bedenken Sie jedoch, dass ein aktiviertes Kontrollkästchen kein Ersatz für Tests mit echten Benutzern ist.