Web Development Tutorials
Webentwicklung bietet einen strukturierten Lernweg zur Erstellung moderner Websites und Webanwendungen. Unsere Tutorials decken Front - End- und Back - End-Technologien ab und sind sowohl für Anfänger als auch für fortgeschrittene Entwickler geeignet. Mit kostenlosen Laboren und praktischen Codebeispielen sammelst du praktische Erfahrungen in HTML, CSS, JavaScript und beliebten Frameworks. Unsere interaktive Webumgebung ermöglicht es dir, mit verschiedenen Technologien zu experimentieren und Echtzeitergebnisse zu sehen.
Andere Kompetenzbäume
LinuxDevOpsCybersicherheitDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxRHCSA-SchulungRHCE-in-Enterprise-Linux-SchulungLFCS-SchulungShellGitDockerKubernetesCKA-SchulungCKAD-SchulungCKS-SchulungAnsibleRHCE-in-Ansible-SchulungJenkinsNmapWiresharkHydraCompTIADatenbankMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Datenwissenschaft
Erstelle ein Sliding Puzzle-Spiel mit JavaScript
Willkommen zu diesem Projekt zum Erstellen eines einfachen Sliding Puzzle-Spiels mit JavaScript. Am Ende dieser Anleitung haben Sie ein funktionierendes 3x3-Sliding Puzzle-Spiel, das Sie in Ihrem Browser spielen können. Das Spiel wird nummerierte Kacheln, einen Timer und Steuerelemente zum Starten, Pausieren und Zurücksetzen des Spiels haben.
JavaScriptHTMLCSS
Echtzeit-Verkaufsdashboard mit Echarts
In diesem Projekt wirst du lernen, wie du ein Echtzeit-Verkaufsdashboard mit der Echarts-Bibliothek erstellen kannst. Das Dashboard wird die Verkaufs- und Volumedaten in einem visuell ansprechenden und leicht verständlichen Format anzeigen.
JavaScript
Erstellen Sie ein Bildausschnitttool mit HTML5
Dieses Projekt führt Sie durch den Prozess des Erstellens eines einfachen Bildausschnitttools. Am Ende werden Sie eine interaktive Anwendung haben, die Benutzern ermöglicht, Bilder hochzuladen, anzuzeigen und auszuschneiden.
JavaScriptHTMLCSS
Interaktive Filmbibliothek-Webanwendung
In diesem Projekt lernst du, wie du eine interaktive Sammlung von Filmen-Webanwendung mit HTML, CSS und JavaScript (jQuery) erstellst. Die Anwendung ermöglicht es Benutzern, ihre Lieblingsfilme zu markieren, und wenn eine Sammlung von Lieblingsfilmen erstellt wird, wird eine Erfolgsmeldung angezeigt.
JavaScript
Zeit mit deinem Telefon
In diesem Projekt wirst du lernen, wie du mithilfe der ECharts-Bibliothek ein Liniendiagramm erstellst. Das Diagramm wird die Anzahl der Stunden anzeigen, die der Benutzer jeden Tag der Woche am Telefon verbringt.
HTML
Das Erstellen einer Abstimmungsanwendung
In diesem Projekt wirst du lernen, wie du eine Abstimmungsanwendung erstellst, die Benutzern ermöglicht, Abstimmungsmöglichkeiten zu erstellen und zu verwalten und gegebenenfalls Optionen zu löschen. Die Anwendung umfasst auch Funktionen für die Mehrfachauswahlunterstützung und die Veröffentlichung von Abstimmungsergebnissen.
JavaScript
Erstellen einer VSCode-Erweiterung mit ChatGPT
In diesem Projekt erstellen wir eine VSCode-Erweiterung, mit der der Benutzer die Überschriftenebene von ausgewähltem Markdown-Text anpassen kann.
JavaScript
Erstellen eines React Drag-and-Drop-Puzzle-Spiels
In diesem Projekt werden wir ein Drag-and-Drop-Puzzle-Spiel mit React erstellen. Dies ist ein ausgezeichnetes Projekt für Einsteiger, um sich mit React-Komponenten, Zustandsverwaltung und der Behandlung von Benutzereingaben vertraut zu machen. Am Ende dieses Projekts werden Sie ein funktionierendes Puzzle-Spiel haben.
ReactJavaScriptCSS
URL-Verkürzer mit Flask und MySQL erstellen
In diesem Projekt lernen Sie, wie Sie einen einfachen URL-Verkürzungsservice mit Flask und MySQL erstellen. Sie werden lernen, eine Datenbank einzurichten, eine Weboberfläche zu entwerfen und Funktionen zur Verkürzung von URLs, zum Suchen von URLs nach Tags und zum Anzeigen von Analysen zu implementieren. Das Projekt ist für Einsteiger geeignet und bietet einen umfassenden Einblick in die Webentwicklung mit Python und der Datenbankverwaltung.
HTMLPythonMySQLCSS
Frucht-Matching-Spiel mit HTML, CSS, JavaScript
In diesem Projekt wirst du lernen, wie man ein einfaches 'Fruit for Fun'-Spiel mit HTML, CSS und JavaScript erstellt. Das Spiel besteht darin, Paare von Fruchtbildern zu finden, indem man auf die Quadrate auf der Spielfläche klickt.
JavaScript
Erstellen einer modernen Expense Splitter-Web-App
In diesem schrittweisen Projekt werden wir eine moderne und visuell ansprechende Expense Splitter-Webanwendung mit HTML, CSS und JavaScript erstellen. Diese Anwendung ermöglicht es Ihnen, Ausgaben zwischen einer Gruppe von Personen aufzuteilen und zu berechnen, wer wem wie viel schuldet. Wir werden von vorne beginnen und jeden Schritt abdecken, um das Projekt schrittweise zu bauen.
JavaScriptHTMLCSS
Responsive Akkordeon-Menü-Schnittstellen erstellen
In diesem Projekt lernst du, wie du eine einfache falzende Akkordeon-Menü mit HTML, CSS und JavaScript erstellst. Das falzende Akkordeon-Menü ist ein übliches Benutzeroberflächenelement, das Benutzern ermöglicht, Inhaltsabschnitte zu erweitern und zusammenzufassen, was es zu einer nützlichen Funktion für das kompakte und strukturierte Anzeigen von Informationen macht.
JavaScript
Einfache Gewinnspiel-Applikation
In diesem Projekt wirst du lernen, wie du eine einfache Gewinnspiel-Applikation mit JavaScript und jQuery erstellst. Die Applikation wird ein Gewinnspiel simulieren, indem eine Liste von Preisen gedreht wird und der gewinnerische Preis angezeigt wird, wenn die Drehung stoppt.
JavaScript
Markdown-Editor mit Live-Vorschau entwickeln
In diesem Projekt werden wir einen einfachen webbasierten Markdown-Editor erstellen, der Ihnen eine Live-HTML-Vorschau während des Tippens bietet. Mit Bibliotheken wie Ace Editor, marked und highlight.js werden Sie einen intuitiven Editor entwickeln, der nicht nur das Schreiben in Markdown ermöglicht, sondern auch die Daten über Browser-Sitzungen hinweg speichert und Codeausschnitte in der Vorschau hervorhebt.
JavaScriptHTMLCSS
Fruchtstapelspiel mit HTML, CSS, JavaScript
In diesem Projekt wirst du lernen, wie man ein einfaches Fruchtstapelspiel mit HTML, CSS und JavaScript erstellt. Ziel ist es, die fallenden Fruchtgegenstände oben auf der Seite in die Box unten zu stapeln. Wenn in der Box drei identische Früchte vorhanden sind, werden sie automatisch entfernt.
JavaScript
2048 Webspiel mit jQuery
2048 ist ein äußerst beliebtes und einfach zu lernendes Spiel, das die Welt erobert hat. Wenn Sie es noch nicht gespielt haben, können Sie es auf Ihrem Mobiltelefon herunterladen und es ausprobieren. In diesem Projekt werden Sie lernen, wie Sie mit HTML, CSS, JavaScript und jQuery eine Webversion des 2048-Spiels erstellen.
JavaScript
jQuery Flip Puzzle Game
Dieses Projekt, das 'jQuery Flip Puzzle Game', bietet eine praktische Erfahrung im Web-Entwicklung, mit einem Schwerpunkt auf JavaScript, jQuery und Bootstrap. Es beinhaltet objektorientiertes Programmieren in JavaScript und behandelt das häufige Problem der 'this'-Bindung im Kontext der Web-Entwicklung. Das Spiel wird mit jQuery und Bootstrap 3 für die Benutzeroberfläche implementiert. Während eine Vertrautheit mit Bootstrap hilfreich ist, wird die Kernlogik des Projekts mit jQuery und JavaScript aufgebaut.
JavaScriptCSSHTML
Erstellung einer Tic-Tac-Toe-Webanwendung
In diesem Projekt lernen Sie, wie Sie ein Tic-Tac-Toe-Spiel mit HTML, CSS und JavaScript erstellen. Tic-Tac-Toe ist ein Spiel für zwei Personen, bei dem die Spieler abwechselnd X oder O in ein 3x3-Raster setzen. Ziel ist es, drei Markierungen in einer Reihe zu platzieren – entweder horizontal, vertikal oder diagonal. Sie erstellen die erforderlichen HTML-, CSS- und JavaScript-Dateien und implementieren die Spiellogik Schritt für Schritt.
JavaScriptCSSHTML
- Vorherige
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 82
- Nächste