Lernpfad Grundlagen der Frontend-Entwicklung - Online-Lernen mit Zertifikat

Grundlagen der Frontend-Entwicklung

Beginner

4.6

1341 reviews

32k+ Learners

Erkunden Sie die grundlegenden Säulen des Skillsets jedes Webentwicklers. Beginnen Sie mit HTML, wo Sie lernen, Webinhalte zu strukturieren, intuitive…

293

Chapters

Learning hours

387

Assignments

AI Assistant

Shareable Certificate

Ergebnisse

Track content

Related courses and projects

Erfahrungsberichte

Funktionen

Preise

Ergebnisse

Track content

Related courses and projects

Erfahrungsberichte

Funktionen

Preise

Was Sie lernen werden

Structuring web content with HTML tags

Adding interactivity with JavaScript

Creating and validating HTML forms

Styling responsive layouts using CSS

Manipulating data with JavaScript structures

Mastering CSS Flexbox for layouts

Applying advanced CSS for animations

Building user-friendly web interfaces

Implementing JavaScript DOM manipulation

Learning track content

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Willkommen bei HTML und Webentwicklung

Was ist das Internet?

Wie funktioniert das Internet?

Verstehen, Wie Websites Funktionieren

Frontend- und Backend-Entwicklung Erklärt

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Verständnis von HTML-Tags

Arbeiten mit HTML-Attributen

Verständnis von Paar- und Einzel-Tags in HTML

Textauszeichnung

Listen Organisieren

Herausforderung: Erstellen Sie Ihren Ersten Webseiten-Absatz

Herausforderung: Erstellen Sie Eine Persönliche Vorstellungs-Webseite

Herausforderung: Gestaltung Einer Filmpräsentations-Webseite

Verwendung von Links

Schaltflächen Hinzufügen

Herausforderung: Links zu Beliebten Websites Erstellen

Validierung Ihres HTML-Codes Gemäß Best Practices

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Die Geheimnisse Hinter Gut Strukturierten Webseiten

Verständnis der HTML-Dokumentstruktur

Die Rolle des Dokumentkopfs

Verwaltung von Dokumentenfluss und Layout

Herausforderung: Eine HTML-Datei Korrekt Strukturieren

Verwendung von Entwicklerwerkzeugen zur HTML-Inspektion und Fehlerbehebung

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Bilder in HTML Einfügen

Herausforderung: Arbeiten Mit Bildern

Arbeiten mit Klickbaren Bildern, Bildunterschriften und Optimierung

Verständnis von Vektor- und Rastergrafiken

Einbetten von Audio für Rich Media

Videoelement Hinzufügen

Herausforderung: Einbetten von Audio und Video in HTML

Erstellen und Strukturieren von Tabellen in HTML

Herausforderung: Entwurf Einer Funktionalen HTML-Tabelle

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Einführung in HTML-Formulare

Grundlagen der Formularerstellung in HTML

Verwendung von Labels für bessere Formularzugänglichkeit

Formulare mit Eingabeattributen Erweitern

Untersuchung Verschiedener Eingabetypen in HTML

Herausforderung: Formular mit Eingabefeldern und Beschriftungen Erstellen

Arbeiten mit dem Textarea-Element für Mehrzeilige Eingaben

Verwendung des Select-Elements für Dropdown-Menüs

Verwendung des Datalist-Elements für vordefinierte Eingabevorschläge

Gruppierung von Formularelementen für eine bessere Struktur

Erfahren Sie, was CSS ist, wie es mit HTML verbunden wird und wie HTML-Elemente mithilfe von Selektoren gestaltet werden. Entdecken Sie grundlegende Konzepte wie Textfarben, Pseudoklassen für Benutzeraktionen und Variablen in CSS.

Was ist CSS und warum ist es wichtig?

Verknüpfung von CSS mit einem HTML-Dokument

CSS-Selektoren zur Gestaltung von HTML-Elementen Beherrschen

Herausforderung: Wenden Sie Ihre Ersten CSS-Stile An

Herausforderung: Gestaltung mit Klassenselektoren

Verbesserung von Stilen mit Pseudo-Klassen für Benutzeraktionen

Herausforderung: Anwenden von Pseudoklassen für Benutzeraktionen

Textfarben in CSS Ändern

Optimierung des Workflows für effizientes CSS-Coding

Herausforderung: Variablen für eine bessere CSS-Verwaltung Verwenden

Erfahren Sie, wie Sie Text auf Ihren Webseiten gestalten und formatieren. Lernen Sie, benutzerdefinierte Schriftarten anzuwenden und verschiedene Schriftarteigenschaften zu erkunden, um das Erscheinungsbild von Text zu verbessern.

Beherrschung der Textgestaltung in CSS

Textformatierungstechniken für bessere Lesbarkeit

Herausforderung: Text Mit CSS Formatieren

Benutzerdefinierte Schriftarten zu einer Webseite Hinzufügen

Verstehen und Anwenden von Schriftarteigenschaften

Herausforderung: Schriftarteigenschaften Erkunden

Erlernen der Grundlagen des Box-Modells, das das Layout und die Abstände von Elementen auf einer Webseite definiert. Untersuchung von Konzepten wie Box-Sizing, Hinzufügen von Abstand zu Elementen, Arbeiten mit Block- und Inline-Elementen sowie Nutzung struktureller und funktionaler Pseudoklassen für fortgeschrittenes Styling.

Was ist das CSS-Box-Modell?

Verständnis der Box-Größenbestimmung in CSS

Abstand mit Rändern und Innenabständen Hinzufügen

Herausforderung: Box-Sizing auf Elemente Anwenden

Verwendung von Strukturellen und Funktionalen Pseudoklassen

Herausforderung: Übung Zu Strukturellen Pseudoklassen

Verständnis von Block-, Inline- und Inline-Block-Elementen

Arbeiten Mit Block-Elementen

Arbeiten Mit Inline-Elementen

Herausforderung: Seitenlayout Mit Verschiedenen Elementtypen Vorhersagen

Entdecken Sie Flexbox, eine leistungsstarke CSS-Layoutmethode zur Anordnung von Elementen in Zeilen und Spalten. Erfahren Sie, wie Sie Richtung, Ausrichtung und Abstand von Elementen horizontal und vertikal steuern sowie einzelne Flex-Elemente für präzise Layouts anpassen können.

Was ist Flexbox und warum sollte es verwendet werden?

Festlegen der Flex-Richtung für Layouts

Horizontale Ausrichtung von Inhalten mit Flexbox

Vertikales Ausrichten von Elementen in Flexbox

Verstehen von Flex-Item-Eigenschaften

Herausforderung: Flexbox-Konzepte Anwenden

Herausforderung: Ein Layout mit Flexbox Erstellen

Erfahren Sie, wie Sie mit CSS die visuelle Attraktivität Ihrer Webseiten steigern. Entdecken Sie Techniken zur Anwendung von Hintergrundfarben und -bildern, zum Stylen von Bildern, zur Nutzung dekorativer Pseudoelemente und zum Hinzufügen von Schatten für beeindruckende Designs.

Verwendung von Hintergrundfarben für das Design

Hintergrundbilder auf Elemente Anwenden

Arbeiten mit Bildern in CSS

Effekte mit dekorativen Pseudo-Elementen Erstellen

Schatten für Tiefe und Stil Hinzufügen

Herausforderung: Dekorative Effekte in CSS umsetzen

Erfahren Sie, was Lernende von diesem Kurs zu fortgeschrittenem HTML- und CSS-Styling erwarten können. Welche Vorkenntnisse sind vor Kursbeginn erforderlich? Welche Themen werden behandelt?

Kursübersicht und Lernziele

Inhalte Dieses Kurses

Erfolgstipps für das Erlernen von Fortgeschrittenem CSS

Elemente auf Webseiten positionieren und verwalten. Verschiedene Positionierungseigenschaften kennenlernen, den Stapelreihenfolge nutzen, um die Sichtbarkeit überlappender Elemente zu steuern, und schließlich den Umgang mit Überlauf von Inhalten beherrschen.

Verständnis der CSS-Positionierung

Relative Positionierung Erklärt

Herausforderung: Relative Positionierung Anwenden

Absolute Positionierung in CSS

Herausforderung: Absolute Positionierung Umsetzen

Feste Positionierung für Haftende UI-Elemente

Herausforderung: Arbeiten mit Fester Positionierung

Sticky-Positionierung für Dynamische Layouts

Herausforderung: Beherrschung der Sticky-Positionierung

Verwaltung der Stapelreihenfolge von Elementen

Herausforderung: Steuerung von Z-Index und Überlappenden Elementen

Umgang mit Inhaltsüberlauf in CSS

Untersuchung der Leistungsfähigkeit von Übergängen und Möglichkeiten zur Verbesserung der Benutzererfahrung. Erläuterung, wie Eigenschaften fließend und schrittweise animiert werden, um nahtlose Zustandsübergänge zu ermöglichen.

Einführung in CSS-Übergänge

Auswahl der Richtigen Übergangseigenschaften

Festlegen der Übergangsdauer für Effekte

Anpassen von Übergängen mit Timing-Funktionen

Verzögerung zu CSS-Übergängen Hinzufügen

Kombinieren von Übergängen

Herausforderung: Einen Sanften Übergangseffekt Hinzufügen

Erfahren Sie mehr über die Eigenschaft „animation“ und deren Einsatz zur Erstellung dynamischer und ansprechender Designs. Entdecken Sie die Erstellung komplexer Animationen mit Keyframes sowie die Steuerung der Animation.

Was Sind CSS-Animationen?

Definition von Animationsdauer und -Timing

Steuerung von Animationswiederholungen und -Richtung

Verwalten von Animationszuständen in CSS

Kombinieren Mehrerer Animationen

Herausforderung: CSS-Animation Implementieren

Untersuchung der Transformations-Eigenschaft, die das Modifizieren von Aussehen und Position von Elementen auf einer Webseite ermöglicht. Skalierung, Rotation, Schrägstellung und Verschiebung von Elementen in zwei und drei Dimensionen. Kombination mehrerer Transformationen zur Erzeugung komplexerer Effekte.

Einführung in CSS-Transformationen

Skalierung von Elementen

Drehen von Elementen in 2D und 3D

Herausforderung: Skalierung und Rotation Anwenden

Elemente für Dynamische Effekte Verschieben

Schrägstellen von Elementen für Einzigartige Designs

Verwendung von Perspektive für Tiefeneffekte

Herausforderung: Kombination von Translation und Schrägstellung

Die Prinzipien und Techniken des adaptiven/responsiven Designs zielen darauf ab, Websites und Anwendungen auf verschiedenen Geräten, Bildschirmgrößen und Ausrichtungen zugänglich und optisch ansprechend zu gestalten.

Was ist responsives Webdesign?

Verwendung von @media-Queries für Adaptive Styles

Erstellung Flexibler Layouts Für Verschiedene Bildschirmgrößen

Untersuchen von Webseiten

Herausforderung: Adaptives Layout Untersuchen

Erfahren Sie mehr über Präprozessoren in CSS und wie sie dabei helfen, effizienteren und besser wartbaren Code zu schreiben. Verstehen Sie, wie Präprozessoren den Arbeitsablauf vereinfachen und saubereren CSS-Code generieren können.

Einführung in CSS-Präprozessoren

Verständnis der Sass-Syntax für Optimiertes CSS

Verwendung von Sass-Variablen für Wiederverwendbare Stile

Berechnungen mit Numerischen Operatoren in Sass Durchführen

Verschachtelung von Styles für Übersichtlichere Code

Erweitern von Styles mit der @extend-Direktive

Organisation von Sass-Dateien für Skalierbare Projekte

Eine Einführung in JavaScript, die die grundlegende Syntax der Sprache sowie wichtige Begriffe und Konzepte behandelt, welche die Grundlage für das Erlernen fortgeschrittener Funktionen bilden. Dieser Abschnitt enthält praktische Aufgaben, um diese Konzepte zu üben und den Inhalt mühelos einprägsam zu machen.

Erste JavaScript-Konsolenanwendung

Herausforderung: Ausgabe Anzeigen

Herausforderung: Ausgabe Mehrerer Zeilen

Umgang mit Zahlen

Herausforderung: Arbeiten mit Zahlen

Herausforderung: Berechnung der Geschwindigkeit eines Autos

Herausforderung: Berechnung der Fläche eines Trapeziums

Ausgabe Mehrerer Werte

Herausforderung: Aussagekräftige Konsolenausgabe

Wie Man Kommentare in JavaScript Verwendet

Herausforderung: Einen Kommentar Hinzufügen

Mehrzeilige Kommentare

Herausforderung: Auskommentieren von Code

Was ist JavaScript Überhaupt?

Erfahren Sie, wie Daten mithilfe von Variablen gespeichert und später abgerufen werden können. Zusätzlich werden grundlegende Datentypen behandelt und deren Zusammenspiel erläutert.

Daten Speichern

Herausforderung: Deklaration Einer Variablen

Herausforderung: Zugriff auf Daten aus einer Variablen

Herausforderung: Korrigieren von Variablennamen

Herausforderung: Neuzuweisung Einer Variablen

Konstanten

Herausforderung: Deklarieren und Verwenden von Konstanten

Arithmetische Operationen mit Variablen

Herausforderung: Erstellung Eines Gehaltsrechners

Herausforderung: Anpassung des Gehalts mit einem Bonus

Untersuchung Primitiver Datentypen

Herausforderung: Deklaration eines Booleschen Werts

Wie Verschiedene Datentypen Interagieren

Herausforderung: Zeichenfolgen Verketten

Herausforderung: Erstellung von Benutzerprofil und Aktivitätsdetails

Erlernen Sie das Schreiben von Ausdrücken, die auf Bedingungen basierend als "wahr" oder "falsch" ausgewertet werden, wie zum Beispiel "Ist X gleich Y?". Anschließend folgt eine Einführung in bedingte Anweisungen, die die bedingte Ausführung bestimmter Codezeilen ermöglichen.

Vergleichsoperatoren

Herausforderung: Überprüfung der Altersberechtigung

Die `if`-Anweisung

Herausforderung: Wetterbasierter Outfit-Empfehler

Herausforderung: Gerade oder Ungerade

Verschachtelte Bedingte Anweisungen

Die `else`-Klausel

Herausforderung: Verbesserung des Gerade-oder-Ungerade-Prüfers

Herausforderung: Temperaturberater

Die `else if`-Klausel

Herausforderung: Notenkategorisierer

`Und` Logischer Operator

Herausforderung: Überprüfung, Ob Eine Zahl Gerade Und Positiv Ist

Oder-Logikoperator

Herausforderung: Zugriff auf das Kontrollsystem

Eine leistungsstarke Programmierfunktion namens Funktion ermöglicht die Ausführung eines Codeblocks mehrfach mit minimaler Wiederholung. Dieser Abschnitt führt in die grundlegenden Konzepte und die Syntax zur effektiven Definition und Nutzung von Funktionen ein.

Was sind Funktionen?

Herausforderung: Einfache Funktion

Herausforderung: Berechnung der Geschwindigkeit eines Autos

Gültigkeitsbereiche

Datenübergabe an Funktionen

Herausforderung: Korrektur der Geschwindigkeitsfunktion

Herausforderung: Verbesserung des Notenkategorisierers

Herausforderung: Definition Einer Zusammengesetzten Funktion

Rückgabe von Daten aus Funktionen

Standardwerte

Herausforderung: E-Mail-Auto-Responder mit Standardparametern

Das Konzept der Arrays wird als Methode zur Organisation und Verwaltung von Datensammlungen vorgestellt. Das Material behandelt, wie Arrays Daten strukturieren und effiziente Operationen mit mehreren Werten ermöglichen.

Was sind Arrays?

Herausforderung: Definition Eines Arrays

Herausforderung: Indizierung

Werte zu einem Array Hinzufügen

Herausforderung: Elemente zu einem Array Hinzufügen

Entfernen von Elementen aus einem Array

Herausforderung: Übung mit `pop` und `shift`

Die Eigenschaft `length`

Herausforderung: Elemente Zählen

Die Methode `includes`

Herausforderung: Suche Nach Tieren Im Zoo

Schleifen sind ein grundlegendes Merkmal in der Programmierung, das dazu dient, Redundanz zu verringern und wiederkehrende Aufgaben effizient zu bearbeiten. Der Inhalt behandelt die drei Haupttypen von Schleifen in JavaScript, deren Syntax, Anwendungsfälle und wie sie mit Arrays kombiniert werden können, um Abläufe zu optimieren und die Leistung zu verbessern.

Die `for`-Schleife

Aufgabe: Eine Sequenz Ausgeben

Die `while`-Schleife

Herausforderung: Ausgabe der Fibonacci-Folge

Die `do-while`-Schleife

Herausforderung: Zufälliges Vielfaches von 7

Schleifen Mit Arrays Verwenden

Herausforderung: Den Durchschnittspreis von Artikeln Ermitteln

Zusammenfassung

Erhalten Sie einen klaren Überblick über den Kursverlauf, verstehen Sie die Voraussetzungen und lernen Sie wertvolle Hinweise kennen, die Sie auf den Erfolg beim Einstieg in Objekte, Arrays und grundlegende Programmierkonzepte vorbereiten.

Einführung in JavaScript-Datenstrukturen

Voraussetzungen für das Erlernen von JavaScript-Datenstrukturen

Was Sie in diesem Kurs lernen werden

Tipps für den Erfolg

Erkunden Sie die Kernkonzepte von JavaScript-Objekten. Dieser Abschnitt behandelt die Grundlagen der Objekterstellung, der Verwaltung von Eigenschaften und der Implementierung von Methoden.

Verständnis von Objekten in JavaScript

Erstellen von Objekten in JavaScript

Arbeiten mit Verschachtelten Objekteigenschaften

Herausforderung: Ein Objekt Erstellen und Strukturieren

Zugriff auf Objekteigenschaften in JavaScript

Herausforderung: Objekt-Eigenschaftswerte Abrufen

Verwalten von Objekteigenschaften

Herausforderung: Ein Objekt Modifizieren und Erweitern

Definition von Objekt-Methoden

Verwendung von Eigenschaften Innerhalb von Methoden

Herausforderung: Arbeiten mit Objekt-Methoden

Zusammenfassung der Grundlagen von JavaScript-Objekten

Vertiefung in fortgeschrittene Techniken zur Arbeit mit JavaScript-Objekten. Dieser Abschnitt behandelt verschiedene Strategien zur effizienten Manipulation und Interaktion mit Objekten.

Iterieren Über Objekteigenschaften Mit Der For...in-Schleife

Herausforderung: Objekt-Eigenschaften Mit Iteration Untersuchen

Verwendung von HasOwnProperty() zur Überprüfung von Objekteigenschaften

Herausforderung: Objekteigenschaften-Iteration mit hasOwnProperty()

Klonen und Zusammenführen von Objekten mit dem Spread-Operator

Herausforderung: Objekte Mit Dem Spread-Operator Kombinieren

Objektdestrukturierung für Übersichtlichere Code

Herausforderung: Datenextraktion mit Objekt-Destrukturierung

Zusammenfassung Der Fortgeschrittenen Objektmanipulation

Beginnen Sie eine Reise in die Welt der JavaScript-Arrays. Dieser Abschnitt bietet eine solide Grundlage für das Erstellen von Arrays, das Verwalten von Elementen und das Ausführen grundlegender Array-Operationen.

Verständnis von JavaScript-Arrays

Herausforderung: Zugriff auf Array-Elemente

Arrays Modifizieren und Elemente Abrufen

Herausforderung: Array-Elemente Modifizieren

Durchlaufen von Arrays mit der For-Schleife

Herausforderung: Durchlaufen von Arrays mit For

Verwendung der For...of-Schleife zur Array-Iteration

Herausforderung: Effiziente Array-Iteration mit For...Of

Zusammenfassung: JavaScript-Arrays Meistern

Beherrschung fortgeschrittener Fähigkeiten zur Array-Manipulation unter Anwendung verschiedener Techniken und Methoden für die effektive Handhabung von Arrays in unterschiedlichen Szenarien.

Transformation von Arrays mit der Map()-Methode

Herausforderung: Array-Elemente Mit map() Modifizieren

Filtern von Arrays mit der Filter()-Methode

Herausforderung: Auswahl Spezifischer Daten Mit Filter()

Elemente in einem Array mit der Find()-Methode finden

Herausforderung: Suchen von Elementen mit Find()

Sortieren von Arrays mit der sort()-Methode

Herausforderung: Daten mit sort() Sortieren und Extrahieren

Zusammenfassung: Fortgeschrittene Array-Methoden und Transformationen

Kurszusammenfassung

Erlernen der Grundlagen von JavaScript-Klassen, von Klassendeklarationen bis zur Definition von Methoden zur Erweiterung der Funktionalität. Entdeckung des effektiven Einsatzes von Parameterobjekten, Verwaltung privater Eigenschaften und Steuerung des Zugriffs mit Gettern und Setzern. Beherrschung statischer Eigenschaften und statischer Methoden sowie Nutzung der Leistungsfähigkeit der Klassenvererbung mit "extends" und "super()" zur Entwicklung skalierbarer und wiederverwendbarer Codes.

Erste Schritte

Verstehen von Klassendeklarationen in JavaScript

Herausforderung: Erstellen Einer JavaScript-Klasse

Methoden in JavaScript-Klassen Definieren

Herausforderung: Methoden zu einer Klasse Hinzufügen

Verwendung von Parameterobjekten

Arbeiten Mit Privaten Eigenschaften in Klassen

Herausforderung: Private Eigenschaften in Einer Klasse Implementieren

Verwaltung von Eigenschaften mit Gettern und Settern

Herausforderung: Getter und Setter in Einer Klasse Implementieren

Untersuchung Statischer Eigenschaften in JavaScript

Verwendung Statischer Methoden in JavaScript

Herausforderung: Statische Eigenschaften und Methoden in Einer Klasse Implementieren

Verständnis der Vererbung mit Extends und Super()

Herausforderung: Implementierung von Klassenvererbung mit Extends und Super()

Beherrschen Sie die DOM-Manipulation zur Erstellung dynamischer, interaktiver Webanwendungen. Navigieren und verändern Sie die Struktur des DOM, aktualisieren Sie Inhalte dynamisch und setzen Sie Best Practices für Sicherheit und Performance um. Unterscheiden Sie zwischen Eigenschaften und Attributen, um Ihren Code zu optimieren.

Was ist das Document Object Model (DOM)?

Abfragen und Auswählen von Elementen im DOM

Herausforderung: DOM-Elemente Abfragen und Auswählen

Verständnis der DOM-Hierarchie und -Beziehungen

Herausforderung: Navigation in der DOM-Hierarchie

Untersuchung von DOM-Eigenschaften in JavaScript

Arbeiten Mit Elementattributen Im DOM

Herausforderung: Verwaltung von Element-Eigenschaften und -Attributen

Dynamisches Hinzufügen von Elementen zum DOM

Entfernen von Elementen aus dem DOM

Herausforderung: Hinzufügen und Entfernen von DOM-Elementen

Ändern von Elementstilen mit JavaScript

Herausforderung: Dynamische Stile auf DOM-Elemente Anwenden

Erschließen Sie die Interaktivität Ihrer Webanwendungen durch das Beherrschen von JavaScript-Ereignissen. Verstehen Sie die Ereignisweiterleitung, steuern Sie das Ereignisverhalten und implementieren Sie effiziente Ereignisbehandlung für Benutzerinteraktionen. Optimieren Sie die Leistung mit fortgeschrittenen Techniken wie der Ereignisdelegation.

Einführung in Ereignisse und Ereignis-Listener

Verständnis des Event-Objekts in JavaScript

Herausforderung: Implementierung von Event-Listenern

Ereignisweiterleitung und Delegierung Erklärt

Herausforderung: Ereignisweiterleitung und Delegierung Behandeln

Arbeiten mit Tastatur- und Mausereignissen

Verwalten und Entfernen von Event-Listenern

Vertiefung in asynchrones JavaScript, einschließlich Callbacks, Promises und async/await. Vermittlung von Methoden zum Abrufen von Daten aus APIs, zur Integration von Drittanbieter-Bibliotheken und zum effizienten Umgang mit mehreren Anfragen, um Kompetenzen für die Entwicklung datengetriebener Anwendungen zu erwerben.

Einführung in Asynchrones JavaScript

Verständnis von Callbacks in JavaScript

Umgang mit Asynchronen Operationen mit Promises

Verwendung von Async/Await für Übersichtlichere Asynchrone Code

Abrufen und Arbeiten mit APIs in JavaScript

Integration von APIs in JavaScript-Anwendungen

Herausforderung: Abrufen und Verwenden von API-Daten

Integration Von Drittanbieter-Bibliotheken In JavaScript

Herausforderung: Arbeiten mit Drittanbieter-Bibliotheken

Verarbeitung Mehrerer Asynchroner Anfragen

Steigere deine Tech-Fähigkeiten!

mit bis zu 55% Rabatt

Features:

*Tracks not included in Pro plan

500+ Top-bewertete KurseFortschrittlicher KI-Copilot

Personalisierte Lernpfade40+ praxisnahe Projekte

Ohne Kündigung, bevor der ausgewählte Rabattplan endet, akzeptiere ich, dass Codefinity automatisch belastet $104 alle 3 Monate bis ich kündige. Erfahren Sie mehr über die Stornierungs- und Rückerstattungsrichtlinien in Abonnementbedingungen.

Recommended Courses and Projects

HTML-Grundlagen

Beherrschen Sie die Grundlagen von HTML, um gut strukturierte und zugängliche Webinhalte zu erstellen. Lernen Sie, wie Sie Dokumente mit Tags, Elementen und Attributen strukturieren. Arbeiten Sie sicher mit Text, Listen, Bildern, Audio und Video, um Webseiten zu bereichern. Erstellen Sie Tabellen für organisierte Daten und Formulare für Benutzereingaben und Interaktionen. Entdecken Sie semantisches HTML zur Verbesserung der Zugänglichkeit und zum Aufbau vollständiger, funktionaler Webseitenstrukturen von Grund auf.

JavaScript Ninja

Willkommen zum JavaScript Ninja Kurs! Dieser fesselnde und interaktive Kurs ist darauf ausgelegt, Ihnen die Grundlagen der JavaScript-Programmierung durch ein unterhaltsames und lehrreiches Spiel näherzubringen. Sie werden einen Ninja durch verschiedene Herausforderungen führen, indem Sie JavaScript verwenden, um Bewegungen zu steuern und mit Objekten wie Sushi zu interagieren. Beginnend mit den Grundlagen lernen Sie, wie man sich auf der Karte bewegt, Sushi aufnimmt und platziert und allmählich zu komplexeren Programmierkonzepten wie Funktionen, Schleifen und bedingten Anweisungen fortschreitet. Jedes Kapitel bietet praktische Übungen zur Verstärkung Ihres Lernens und gipfelt in aufregenden Herausforderungen, die Ihre Fähigkeiten testen. Egal, ob Sie ein kompletter Anfänger sind oder Ihre Programmierfähigkeiten schärfen möchten, dieser Kurs bietet ein umfassendes und unterhaltsames Lernerlebnis. Machen Sie mit und werden Sie ein Coding-Ninja!

Einführung in Manuelles Testen & QA in der Webentwicklung

In diesem Kurs erhält der Benutzer eine Einführung in die manuelle Testdurchführung, hauptsächlich bei Webanwendungen. Die in diesem Kurs erworbenen Fähigkeiten können auch im automatisierten Testen eingesetzt werden.

Einführung in die QA-Automatisierungstests

Bauen Sie auf Ihrem zuvor erworbenen Wissen über manuelle Tests auf und lernen Sie die Automatisierungstests mit Node.JS und Jest. Dieser Kurs wird Ihnen auch einige zusätzliche Bibliotheken und Tools wie Selenium, Axios und Jenkins vorstellen.

Functions in JavaScript

JavaScript functions from the fundamentals to modern syntax and best practices. Gain understanding of how functions shape every part of JavaScript, helping create clean, modular, and efficient code. Master both classic patterns and modern approaches to writing reusable, maintainable functions for any project.

DOM Manipulation with JavaScript

A practical introduction to JavaScript DOM manipulation for beginners. This course covers everything from understanding the DOM and selecting elements to modifying content, handling events, and writing efficient code. Build interactive, dynamic web pages with confidence through guided examples and hands-on practice.

JavaScript Array Methods

Master the most practical and commonly used JavaScript array methods, progressing from foundational techniques to advanced functional programming patterns. Each chapter introduces a new method, explains its purpose, demonstrates real-world usage, and tests your understanding.

Testing JavaScript Code

A practical, beginner-friendly course that teaches how to test JavaScript code. Learn why testing matters, how Jest works, and how to write reliable tests for synchronous and asynchronous logic. Move from foundational skills to advanced techniques like mocking, spying, and TDD, gaining the tools to create more stable and maintainable applications.

Asynchronous JavaScript Explained

Master the core concepts of asynchronous programming in JavaScript, from the event loop to modern async/await syntax. Learn how JavaScript handles non-blocking operations, why asynchronous code is essential, and how to write robust, readable, and maintainable asynchronous code using Promises and async/await.

Conditional Statements and Loops in JavaScript

A clear, interactive introduction to program logic in JavaScript. This course explains how decisions, conditions, and loops shape the way programs run, using relatable examples and hands-on practice. Build the foundation for writing flexible, efficient, and readable code that truly responds to logic.

Working with JSON and Local Storage in JavaScript

A clear and practical introduction to JSON and browser storage in JavaScript. Learn how to structure and manipulate JSON data, parse and stringify objects, and store information persistently using localStorage and sessionStorage.

JavaScript Web APIs Essentials

Explore the most useful web APIs. Learn to work with drag and drop, clipboard access, fullscreen mode, storage APIs, file uploads, and geolocation to create interactive and engaging web features. Reinforce your skills with hands-on mini projects that put each API into practice.

Discover more Learning Tracks

Spur

Webentwicklung mit C#

Anfänger

SQL von Null bis Held

Anfänger

C++ Grundlagen

Anfänger

Spielentwicklung Mit Unity

Anfänger

Werden Sie Ein React-Entwickler

Mittelstufe

Full Stack Webentwicklung

Anfänger

Beherrschung der Datenvisualisierung

Mittelstufe

Beherrschung des Maschinellen Lernens

Mittelstufe

C++ Meisterschaft

Fortgeschritten

Java Web

Fortgeschritten

Werden Sie QA-Ingenieur

Anfänger

Warum Menschen Codefinity wählen

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

Interaktive Programmierumgebung

Tauche in unsere interaktive Umgebung ein: Schreibe und führe deinen Code mit Echtzeit-Feedback und Erfolgsmetriken aus—lerne bei jedem Schritt durch Praxis.

KI-gestützte Unterstützung

Nutze den integrierten KI-Assistenten, um Fehler zu erklären, Korrekturen vorzuschlagen oder Fragen zu deinem Code zu beantworten—so bleibst du produktiv und kommst nie ins Stocken.

Check your progress

Schließe jedes Modul mit einem kurzen Quiz ab, das sofortiges Feedback liefert, deinen Fortschritt verfolgt und sicherstellt, dass du die wichtigsten Konzepte beherrschst.

Promote your expertise

Erhalte dein branchenanerkanntes Zertifikat nach Abschluss und teile es mit einem Klick auf LinkedIn—lass dein Netzwerk sehen, was du kannst.

Vertraut von Mitarbeitern führender Unternehmen
und Studenten führender Universitäten

Zugriff auf den gesamten Katalog

Ein Abonnement eröffnet Ihnen diesen Kurs und unseren gesamten Katalog von Projekten und Fähigkeiten.

Features:

500+ Top-bewertete KurseFortschrittlicher KI-Copilot

Personalisierte Lernpfade40+ praxisnahe Projekte

Probiere Codefinity mit Vertrauen aus – 30-Tage-Geld-zurück-Garantie inklusive

Um dich bei Codefinity willkommen zu heißen, bieten wir bis zu 64% Rabatt auf unsere Kurse. Außerdem haben wir eine 30-Tage-Geld-zurück-Garantie, damit du uns risikofrei ausprobieren kannst.Wir freuen uns wirklich darauf, dich auf unserer Plattform willkommen zu heißen und sind bestrebt, dein Lernerlebnis einfach, interaktiv und unterhaltsam zu gestalten.

Ready to get started?

Pro

Best intro offer

Ultimate

A complete experience
to kickstart your career

500+ Top-Rated courses

Completion certificates

Early access to new courses

40+ hands-on Real-world projects

Personalized study tracks

Unlimited workspaces

Sofortiger Zugriff auf 500+ Kurse

Unbegrenztes Lernen, sofortiger ZugriffErhalte vollen Zugriff auf alle Kurse und Tracks, einschließlich Videoinhalten, Quiz und ausführlichen Materialien—beginne jederzeit mit dem Lernen.

Branchenanerkannte ZertifikateErhalte Zertifikate, die deine Expertise bestätigen und deine Karriere in Tech, KI, Daten, Marketing und darüber hinaus fördern.

KI-unterstütztes LernenErhalte personalisierte Hinweise, Echtzeit-Feedback und KI-gestützte Erklärungen, um deinen Fortschritt zu beschleunigen.

Ständig wachsend: Neue Kurse & KarrierepfadeBleibe mit ständig aktualisierten Kursen, Karriereplänen, Herausforderungen und praktischen Tests auf dem neuesten Stand.

Baue relevante Fähigkeiten aufMeistere gefragte Fähigkeiten mit Kursen in KI, Datenwissenschaft, Programmierung, Marketing, Automatisierung, Webentwicklung und mehr.

Interaktives & nahtloses LernenBeteilige dich an praxisnahen Projekten, realen Übungen und einem intuitiven Lernerlebnis — keine zusätzlichen Werkzeuge erforderlich.

Was Sie lernen werden

Webentwicklung mit C#

SQL von Null bis Held

C++ Grundlagen

Spielentwicklung Mit Unity

Werden Sie Ein React-Entwickler

Full Stack Webentwicklung

Beherrschung der Datenvisualisierung

Beherrschung des Maschinellen Lernens

C++ Meisterschaft

Java Web

Werden Sie QA-Ingenieur

Warum Menschen Codefinity wählen

Vertraut von Mitarbeitern führender Unternehmen und Studenten führender Universitäten

Zugriff auf den gesamten Katalog

Probiere Codefinity mit Vertrauen aus – 30-Tage-Geld-zurück-Garantie inklusive

Sofortiger Zugriff auf 500+ Kurse

Vertraut von Mitarbeitern führender Unternehmen
und Studenten führender Universitäten