Meine Projekte

🎮 Pixel Art Game

Ein eigenes Pixel-Art RPG Game mit Bossen, Maps und Story.

JavaScript Canvas Game Dev

IT🤖 Software & Hardware

Entwicklung moderner Anwendungen, darunter ein AI-Assistent sowie App- und Web-Projekte. Fokus auf interaktive Features, UI/UX und praktische Funktionen.

HTML CSS JavaScript Python AI App Development Hardware

💻 Programmier-Tutorial

Hier lernst du die Basics von HTML, CSS und JavaScript — mit echten Code-Beispielen und Live-Vorschau.

HTML CSS JavaScript

HTML ist das Gerüst jeder Webseite. Es beschreibt, was angezeigt wird — Überschriften, Texte, Bilder, Links.

<!DOCTYPE html>
<html>
  <head>
    <title>Meine erste Seite</title>
  </head>
  <body>
    <h1>Hallo Welt!</h1>
    <p>Das ist mein erster HTML-Text.</p>
  </body>
</html>

1

<h1> — Große Überschrift

2

<p> — Absatz / Text

3

<a href="..."> — Link

4

<img src="..."> — Bild

CSS bestimmt das Aussehen — Farben, Schriftarten, Abstände und Animationen. Ohne CSS wäre jede Seite nur schwarzer Text auf weiß.

body {
  background: #0a0f1e;
  color: white;
  font-family: sans-serif;
}
h1 {
  color: cyan;
  font-size: 2rem;
}
p {
  color: #aabbcc;
  line-height: 1.7;
}

1

color — Textfarbe

2

background — Hintergrund

3

font-size — Schriftgröße

4

border-radius — Abgerundete Ecken

JavaScript macht Seiten interaktiv. Buttons reagieren, Daten werden verarbeitet, Animationen laufen — JS ist die Logik hinter allem.

const btn = document.querySelector("button");
let count = 0;

btn.addEventListener("click", () => {
  count++;
  btn.textContent = `Geklickt: ${count} mal`;
});

// Funktion mit Rückgabewert
function addiere(a, b) {
  return a + b;
}
console.log(addiere(3, 7)); // → 10

1

const / let — Variablen

2

function — Wiederverwendbarer Code

3

addEventListener — Auf Klicks reagieren

4

if / else — Bedingungen

✏️ Live Editor — schreib deinen eigenen Code

🖨 3D Druck Projekte

Eigene 3D Modelle entworfen, gedruckt und bearbeitet.

3D Design Fusion 360 Creativity

https://cults3d.com/... es ein link