Lerne die Kernbausteine von Browser-JavaScript in 10 geführten Hands-on-Labs. Du fügst Scripts in HTML-Seiten ein, prüfst ihre Ausgabe und gehst von Werten und Kontrollfluss zu DOM-Änderungen und Benutzeraktionen über.
Jedes Lab konzentriert sich mit kurzen Schritten auf ein Grundthema. Der Kurs ist ein erster praktischer Kontakt mit Sprache und DOM und schafft die Syntaxbasis vor größeren Anwendungen oder modernen Werkzeugen.
Was du lernen wirst
Nach Abschluss des Kurses kannst du:
- JavaScript in HTML einbetten, ein externes Script verknüpfen und Ausgabe über Konsole und Alerts erzeugen.
- Variablen mit
letdeklarieren, Strings, Zahlen und Boolesche Werte speichern und mittypeofprüfen. - Arithmetische und String-Ausdrücke erstellen und Inkrement- und Modulo-Operatoren verwenden.
- Ausführung mit
if,else ifundelsesteuern und lose und strikte Gleichheit vergleichen. - Arbeit mit
for,whileunddo...whilewiederholen und Schleifen mitbreakverlassen. - Funktionen mit Parametern und Rückgabewerten definieren und mit Argumenten aufrufen.
- Arrays erstellen, lesen, ändern und durchlaufen sowie Objekteigenschaften erstellen und ändern.
- DOM-Elemente wählen und aktualisieren, Elemente erzeugen und anhängen und Events mit Listenern und Event-Objekt behandeln.
Für wen dieser Kurs geeignet ist
Der Kurs richtet sich an vollständige JavaScript-Anfänger, HTML-Lernende vor dem Hinzufügen von Verhalten und alle, die Browser-Scripting auffrischen möchten. Er setzt auf schrittweise Praxis statt unabhängige Problemlösungs-Challenges.
Voraussetzungen: JavaScript-Vorkenntnisse sind nicht nötig. HTML-Grundlagen werden empfohlen, da Scripts in Seiten eingebettet und später Elemente verändert werden; du solltest außerdem Textdateien bearbeiten können.
Lernumgebung: Die 10 geführten Labs laufen in bereitgestellten Ubuntu-22.04-WebIDEs. Du bearbeitest HTML und JavaScript und aktualisierst eine Browservorschau, um Konsole, Alerts, DOM-Änderungen und Events zu sehen; externes Konto oder Deploymentdienst sind nicht erforderlich.
Häufig gestellte Fragen
Ist dies Browser-JavaScript oder Node.js?
Es ist Browser-JavaScript. Die Labs verwenden HTML-Seiten, DOM, Alerts und Browser-Events; Node.js, npm, Server-APIs und Paketwerkzeuge sind nicht enthalten.
Muss ich zuerst HTML können?
Nicht fortgeschritten, aber Grundkenntnisse zu Elementen und Attributen helfen. Das erste Lab erstellt eine Seite, und DOM- und Event-Labs arbeiten mit Seitenelementen.
Gibt es Challenges oder ein Abschlussprojekt?
Nein. Der Lehrplan enthält 10 geführte Labs und keine Challenge oder Capstone. Du übst einzelne Grundlagen statt eine vollständige Produktionsanwendung zu bauen.
Behandelt der Kurs modernes asynchrones JavaScript oder Frameworks?
Nein. Promises, async/await, fetch, Module, Klassen, Testing, Build-Tools, TypeScript und Frameworks wie React oder Vue liegen außerhalb des Umfangs.
