Werkzeuge in JavaScript – kostenlos finden, vergleichen, beauftragen.
HTML liefert Struktur, CSS die Darstellung, JavaScript das Verhalten. Erst damit reagiert eine Seite auf Eingaben, lädt Inhalte nach oder rechnet.
Skripte kommen über das script-Element ins Dokument. Entscheidend ist, wann sie ausgeführt werden: Ohne Zusatz hält ein Skript den Seitenaufbau an. Mit defer wird es parallel geladen und erst nach dem Aufbau ausgeführt, wobei die Reihenfolge mehrerer Skripte erhalten bleibt. Mit async läuft, was zuerst fertig geladen ist – geeignet für eigenständige Skripte wie Zählwerkzeuge. Ausführlich im Eintrag JavaScript einbinden.
Ein Skript ändert nie die HTML-Datei, sondern den Dokumentbaum im Browser. Deshalb weicht die Elementansicht der Entwicklerwerkzeuge vom Seitenquelltext ab. Wer diesen Unterschied kennt, spart sich einen Großteil der Ratlosigkeit bei der Fehlersuche.
Suchmaschinen rendern Seiten inzwischen, aber in einem zweiten Durchgang und mit Verzögerung. Nutzer mit langsamer Verbindung sehen währenddessen nichts. Und jeder Skriptfehler nimmt den Inhalt ganz weg – bei serverseitig erzeugtem HTML steht der Text auch dann da, wenn ein Skript scheitert.
Die tragfähige Aufteilung: Inhalt kommt fertig aus dem Dokument, JavaScript verbessert die Bedienung. Ein Formular, das ohne Skript absendet und mit Skript sofort Rückmeldung gibt, funktioniert in beiden Fällen.
Wer Verhalten ergänzt, sollte die Elemente verwenden, die es mitbringen. Ein button reagiert von sich aus auf Eingabe- und Leertaste und wird als Schaltfläche angesagt; ein angeklicktes div muss all das nachbauen und lässt es meistens vermissen.
Der verbreitetste Prüfer für JavaScript. Er findet Fehler, bevor der Code läuft – Variablen, die es nicht gibt, Vergleiche, die immer wahr sind, vergessene Rückgaben. Für Menschen, die vor allem HTML schreiben und JavaScript nur gelegentlich, ist d…
Ein Entwicklungsserver, der Änderungen sofort im Browser zeigt – ohne dass die Seite neu geladen und der Zustand verloren geht. Für reine HTML-Arbeit braucht man das nicht; eine Datei im Browser öffnen genügt. Sobald aber Module, mehrere Stylesheet…
Beantwortet eine Frage, die zu selten gestellt wird: Was kostet diese Bibliothek eigentlich? Man gibt den Namen eines Pakets ein und bekommt die Größe nach Komprimierung, dazu die geschätzte Ladezeit bei langsamer Verbindung. Häufig steht dann die …