Meine Projekte

Hey! Willkommen in meinem Portfolio! Ich freue mich, einige Projekte zu teilen, an denen ich während meines Kurses "Webentwicklung" gearbeitet habe. Sie zeigen meinen Weg und den Aufwand, den ich hineingesteckt habe, egal ob groß oder klein. Jedes Projekt ist so gestaltet, dass es gut funktioniert und schnell lädt, sogar auf mobilen Geräten. Ich aktualisiere meine Arbeiten ständig, also schau gerne vorbei und sieh dir an, was ich so mache. Sie Können auch meinen Fortschritt auf meinem Student GitHub-Konto verfolgen.

Projekte mit HTML, CSS und JavaScript

Projekt 1

Styling nur mit JavaScript, unter Verwendung zufälliger Farben.

Projekt 2.1
Projekt 2

Anwenden der DOM-Traversierungstechniken, die ich in einer der ersten Lektionen gelernt habe.

Projekt 2
Projekt 3

Es gibt 3 Absätze und es ist möglich, jeden von ihnen durch Drücken von [X] zu löschen.

Projekt 3
Projekt 4

Eine dynamisch generierte Buch-Website. Anstatt die Bücher direkt in das HTML einzufügen, wird das HTML dynamisch basierend auf einem Array von JavaScript-Objekten generiert und CSS-Klassen werden mit der classList-API hinzugefügt.

Projekt 4
Projekt 5

Ein laufender Mario, der mit den Pfeiltasten auf der Tastatur gesteuert wird.

Projekt 5
Projekt 6

Der Spieler muss die richtige Farbe erraten, indem er auf die farbigen Quadrate auf der Seite klickt.

Projekt 6
Projekt 7

Eine Pokemon-Suchmaschine unter Verwendung der Fetch API und der Pokemon API.
Die Website ermöglicht es dem Benutzer, nach Pokemon zu suchen und ihre Werte sowie Fähigkeiten anzuzeigen.

Projekt 7
Projekt 8

Dies ist die erste Seite, die ich eigenständig erstellt habe, basierend auf dem, was ich im JavaScript-Kurs gelernt habe, kombiniert mit HTML, CSS und JS. Um es unterhaltsam zu machen, habe ich AI-Bilder hinzugefügt, die sich bei jedem Neuladen zufällig ändern. Klicken Sie auf die Bilder, schalten Sie die Lautsprecher ein und genießen Sie!

Projekt 8
Projekt 9

Ich habe diese Website speziell für meinen Bruder erstellt, der sich entschieden hat, eine neue Nebenkarriere als privater Lehrer zu starten.
Die Website wird über eine Facebook-Seite und eine Sitemap beworben, überwacht mit Google Analytics, und befindet sich noch in der Entwicklung.

Projekt 9

Projekte mit HTML und CSS

Projekt 1

Meine erste Übung, die ausschließlich Bootstrap verwendet.

Project 1
Projekt 2

Grid-Projekt - ein Beispiel für eine kleine Übung mit Grid.

Project 2
Projekt 3

Eine einseitige Website über die Sängerin Whitney Houston. Dies war mein erstes Projekt für eine einseitige Website im Kurs.

Project 3
Projekt 4

Grundlegende Verwendung von Formularen.

Project 4
Projekt 5

Grundlegende Grid-Elemente mit responsivem Layout.

Project 5
Projekt 6

Responsiv, bunte Flexboxen.

Project 6
Projekt 7

Übung zur Kontrolle von `overflow` mit CSS.

Project 7
Projekt 8

Responsives Layout und Bilder.

Project 8
Projekt 9

Ein Formular mit responsivem Layout.

Project 9
Projekt 10

Animierte Würfel und Text.

Project 10
Projekt 11

Ein kleines Projekt mit animierten Bildern und Texten.

Project 11
Projekt 12

Ein kleines Projekt, das nur Bootstrap mit responsivem Layout verwendet.

Project 12
Projekt 13

Ein kleiner Blog mit mehreren Seiten.

Project 13
Projekt 14

Verwendung von Flexboxen mit einem responsiven Layout.

Project 14
Projekt 15

Verwendung einer Tabelle.

Project 15
Projekt 16

Eine Tabelle mit „Zebra“-Effekt und responsivem Layout.

Project 16
Projekt 17

Verwendung von Flexboxen und Bildern mit einem responsiven Layout.

Project 17
Projekt 18

Eine Tabelle mit Daten und Bildern.

Project 18
Projekt 19

Ein Formular für Login-Daten.

Project 19
Projekt 20

Ein Layout für einen Musikplayer.

Project 20
Projekt 21

Ein Kontaktformular und Bilder mit einem responsiven Layout.

Project 21
Projekt 22

Ein transparenter (Weichzeichner) Effekt für eine virtuelle Visitenkarte.

Project 22
Projekt 23

Eine Seite einer Informationswebsite mit internen und externen Links und einem responsiven Layout.

Project 23
Projekt 24

Eine Einzelseite einer Informationswebsite mit Bildern und einem responsiven Layout.

Project 24