Layout & Basic Components

Card Component

Aktiv

Cards sind die Basis-Container für Inhalte. Sie haben einen weißen Hintergrund, abgerundete Ecken und einen subtilen Schatten.

Badges

Erfolg Fehler Warnung Info Neutral

Buttons & Actions

Button Variants

Buttons with Icons

Button Sizes

Formulare

Text Inputs

Bitte geben Sie Ihren vollständigen Namen ein.

Search & Special Inputs

Range Slider

0 50 100
60%

Radio Buttons

Daten & Metriken

Kurse Gesamt 24 ↑ 12%
Aktive Schüler 156 ↑ 8%
Abschlussquote 87% ↓ 3%

Data Table

Schüler Kurs Fortschritt Note
Max Mustermann Webentwicklung 85% 1.5
Anna Schmidt Datenbanken 92% 1.2
Tom Weber Netzwerke 65% 3.0
Lisa Müller Programmierung 45% 4.5

Person Cards

MM
Max Mustermann
Schüler • B3IT
AS
Anna Schmidt
Lehrerin • Informatik

Charts & Visualisierung

Bar Chart

Q1
Q2
Q3
Q4

Progress Bars

JavaScript Grundlagen 85%
SQL Queries 60%
Python Basics 35%

Prüfungen & Timer

Gesamtzeit 60:00
Verbleibend 45:00
Abgabe 11:30
45
Minuten verbleibend

Aufgabenliste

Aufgabe 1: Datenbank-Schema erstellen
Aufgabe 2: SQL-Queries schreiben
Aufgabe 3: Frontend implementieren

Mebis Learning Components

Enthält Pflichtaufgabe: Git Commit erstellen

Situation

Das Autohaus Nestmann benötigt eine neue Webanwendung zur Verwaltung ihrer Fahrzeugdaten. Die Geschäftsleitung möchte ein modernes, responsives System.

"Wir brauchen eine Lösung, die sowohl am Desktop als auch auf Tablets funktioniert."

Sie sind als Entwickler beauftragt, das Projekt umzusetzen.

Handlungsschritte

  1. Laden Sie Git herunter und installieren Sie es auf Ihrem System
  2. Konfigurieren Sie Git mit Ihrem Namen und Ihrer E-Mail-Adresse
  3. Erstellen Sie ein neues Repository für das Projekt
  4. Fügen Sie die Projektdateien hinzu und erstellen Sie einen ersten Commit
  5. Pushen Sie Ihre Änderungen auf GitHub

Ressourcen & Materialien

Git-Anleitung.pdf Video-Tutorial Checkliste GitHub Docs
Zu erledigen →

Lernmodule

Git Basics

✓ Abgeschlossen
★★★☆☆ 2 Stunden

Datenbank-Design

In Bearbeitung
★★★★☆ 5 Stunden

Advanced JavaScript

🔒 Gesperrt
★★★★★ 8 Stunden

Hier finden Sie detaillierte Informationen zum Kursinhalt, Voraussetzungen und Lernzielen.

  • Grundlagen der Versionskontrolle
  • Git-Befehle und Workflows
  • Branching und Merging
  • Zusammenarbeit mit GitHub

Kursfortschritt

✓ Modul 1: Einführung ● Modul 2: Git Basics ○ Modul 3: Branching ○ Modul 4: Zusammenarbeit

Keine Einträge vorhanden