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

HTML-Quellcode wird auf einem dunklen Computerbildschirm angezeigt

Sobre esta seleção

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 ligações/Na ordem escolhida pelo curador

Ligação 1alemão

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

Ligação 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

Ligação 3inglês americano

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

Ligação 4inglês

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.