208 lines
12 KiB
Plaintext
208 lines
12 KiB
Plaintext
{
|
|
"locals": {
|
|
"t": {
|
|
"meta": {
|
|
"title": "HTML-Grundlagen für Einsteiger: Browser können schon alles",
|
|
"description": "Entdecke, warum Browser bereits fertige Lösungen für deine Web-Projekte haben. Lerne, wie du mit einfachem HTML professionelle Websites baust, ohne komplizierte Programmierung."
|
|
},
|
|
"hero": {
|
|
"title": "🌐 HTML für Einsteiger",
|
|
"subtitle": "Entdecke, warum Browser bereits fertige Lösungen für deine Web-Projekte haben. Lerne, wie du mit einfachem HTML professionelle Websites baust, ohne komplizierte Programmierung."
|
|
},
|
|
"sections": {
|
|
"disclosure": {
|
|
"title": "📖 Aufklappbare Texte",
|
|
"js_title": "Komplizierte Lösung",
|
|
"js_badge": "SCHWIERIG",
|
|
"js_warning": "Problem: Du musst viel Programmieren und an viele Dinge denken - Tastatur-Bedienung, Hilfen für Menschen mit Behinderungen, verschiedene Browser.",
|
|
"js_content1": "Wenn du selbst aufklappbare Bereiche programmierst, musst du daran denken: Wie reagiert es auf Klicks? Wie bedient man es mit der Tastatur? Können blinde Menschen es benutzen? Das ist sehr viel Arbeit.",
|
|
"js_content2": "Und wenn du mehrere aufklappbare Bereiche hast, wird es noch komplizierter. Du musst aufpassen, dass sie sich nicht gegenseitig stören.",
|
|
"js_cons_title": "❌ Warum das schwierig ist:",
|
|
"js_cons": [
|
|
"Du musst viel programmieren und testen",
|
|
"Funktioniert nicht in allen Browsern gleich",
|
|
"Menschen mit Behinderungen können es nicht benutzen"
|
|
],
|
|
"native_title": "Einfache Browser-Lösung",
|
|
"native_badge": "FERTIG",
|
|
"native_note": "Gut zu wissen: Browser haben das schon eingebaut. Funktioniert überall, für alle Menschen, ohne Programmierung.",
|
|
"native_semantic_title": "So einfach geht's",
|
|
"native_semantic_content": "Mit HTML-Tags `<details>` und `<summary>` machst du aufklappbare Bereiche. Der Browser macht alles automatisch: Klick-Verhalten, Tastatur-Bedienung, Hilfen für Screen Reader.",
|
|
"native_enhancement_title": "Warum das clever ist",
|
|
"native_enhancement_content": "Deine Website funktioniert immer - auch wenn JavaScript ausgeschaltet ist oder langsam lädt. Das ist wie ein Auto mit Reserverad: Du kommst immer ans Ziel.",
|
|
"native_performance_title": "Schneller und sparsamer",
|
|
"native_performance_content": "Browser-eigene Lösungen sind optimiert und schnell. Deine Website lädt schneller und braucht weniger Speicher. Das ist gut für langsamere Geräte und schont den Akku.",
|
|
"native_pros_title": "✅ Vorteile der Browser-Lösung:",
|
|
"native_pros": [
|
|
"Funktioniert sofort, ohne Programmierung",
|
|
"Ist für alle Menschen zugänglich",
|
|
"Läuft schnell und zuverlässig"
|
|
]
|
|
},
|
|
"modals": {
|
|
"title": "💬 Pop-up Fenster",
|
|
"js_title": "Selbst gebaute Pop-ups",
|
|
"js_badge": "FEHLERANFÄLLIG",
|
|
"js_warning": "Achtung: Pop-ups richtig zu machen ist schwer - du musst den Hintergrund blockieren, die Tastatur-Bedienung programmieren und an Barrierefreiheit denken.",
|
|
"js_button": "Eigenes Pop-up öffnen",
|
|
"js_modal_title": "Selbstgebautes Pop-up",
|
|
"js_modal_content": "Dieses Pop-up wurde selbst programmiert. Das bedeutet: Jemand musste dafür sorgen, dass der Hintergrund nicht mehr bedienbar ist, dass man es mit ESC schließen kann, und dass Screen Reader es richtig vorlesen.",
|
|
"js_modal_issue": "Problem: Oft vergisst man wichtige Details, und dann können manche Menschen das Pop-up nicht richtig benutzen.",
|
|
"js_modal_close": "Schließen",
|
|
"js_cons_title": "❌ Probleme bei eigenen Pop-ups:",
|
|
"js_cons": [
|
|
"Man kann aus Versehen noch den Hintergrund bedienen",
|
|
"Komplizierte Programmierung für Tastatur-Navigation",
|
|
"Funktioniert oft nicht für Menschen mit Behinderungen"
|
|
],
|
|
"native_title": "Browser-eigene Dialoge",
|
|
"native_badge": "SICHER",
|
|
"native_note": "Besser so: Browser haben eingebaute Dialog-Fenster, die automatisch alles richtig machen - Hintergrund blockieren, ESC-Taste, Accessibility.",
|
|
"native_button": "Browser-Dialog öffnen",
|
|
"native_dialog_title": "Browser-eigener Dialog",
|
|
"native_dialog_content": "Dieser Dialog nutzt die eingebaute Browser-Funktionalität. Der Browser sorgt automatisch dafür, dass alles korrekt funktioniert - auch für Menschen, die das Internet anders nutzen.",
|
|
"native_dialog_advantage": "Der große Vorteil: Du musst nichts programmieren, und es funktioniert trotzdem perfekt für alle.",
|
|
"native_dialog_close": "Dialog schließen",
|
|
"native_pros_title": "✅ Browser-Dialog Vorteile:",
|
|
"native_pros": [
|
|
"Hintergrund wird automatisch blockiert",
|
|
"ESC-Taste funktioniert von selbst",
|
|
"Perfekt für alle Menschen zugänglich"
|
|
]
|
|
},
|
|
"validation": {
|
|
"title": "✅ Eingabe-Prüfung",
|
|
"js_title": "Selbst programmierte Prüfung",
|
|
"js_badge": "FEHLERTRÄCHTIG",
|
|
"js_warning": "Schwierigkeit: Eingaben zu prüfen ist kompliziert - du musst alle möglichen Fehler bedenken und Fehlermeldungen in verschiedenen Sprachen schreiben.",
|
|
"js_email_label": "E-Mail prüfen (selbst gemacht)",
|
|
"js_email_error": "Diese E-Mail-Adresse ist falsch",
|
|
"js_regex_label": "Spezielle Codes prüfen",
|
|
"js_regex_error": "Der Code muss das Format haben: 8-4-4-4-12 Zeichen",
|
|
"js_submit": "Eingabe prüfen",
|
|
"js_cons_title": "❌ Probleme bei eigener Prüfung:",
|
|
"js_cons": [
|
|
"Du vergisst oft seltene, aber gültige Eingaben",
|
|
"Fehlermeldungen sind nur auf Deutsch",
|
|
"Unterschiede zwischen dem, was deine Website und der Server als richtig ansehen"
|
|
],
|
|
"native_title": "Browser-eigene Prüfung",
|
|
"native_badge": "INTERNATIONAL",
|
|
"native_note": "Cleverer: Browser kennen die offiziellen Regeln für E-Mails, Daten etc. und prüfen automatisch in der Sprache des Benutzers.",
|
|
"native_email_label": "E-Mail-Adresse",
|
|
"native_email_placeholder": "name@beispiel.de",
|
|
"native_uuid_label": "System-Code",
|
|
"native_uuid_placeholder": "550e8400-e29b-41d4-a716-446655440000",
|
|
"native_uuid_title": "Gib einen gültigen System-Code ein (Format: 550e8400-e29b-41d4-a716-446655440000)",
|
|
"native_api_label": "Website-Adresse",
|
|
"native_api_placeholder": "https://meine-website.de",
|
|
"native_submit": "Absenden",
|
|
"native_pros_title": "✅ Browser-Prüfung Vorteile:",
|
|
"native_pros": [
|
|
"Kennt internationale Standards und seltene Fälle",
|
|
"Fehlermeldungen in der Sprache des Benutzers",
|
|
"Funktioniert auch ohne Internet-Verbindung"
|
|
]
|
|
},
|
|
"progress": {
|
|
"title": "📈 Fortschritts-Anzeigen",
|
|
"js_title": "Selbst gebaute Anzeige",
|
|
"js_badge": "STUMM",
|
|
"js_warning": "Problem: Selbstgemachte Fortschritts-Balken sind für Screen Reader unsichtbar - blinde Menschen wissen nicht, was passiert.",
|
|
"js_text": "Fortschritt:",
|
|
"js_button": "Prozess starten",
|
|
"js_cons_title": "❌ Probleme eigener Anzeigen:",
|
|
"js_cons": [
|
|
"Screen Reader können den Fortschritt nicht vorlesen",
|
|
"Du musst selbst dafür sorgen, dass Updates angesagt werden",
|
|
"Sieht in jedem Browser anders aus"
|
|
],
|
|
"native_title": "Browser-eigene Fortschritts-Anzeige",
|
|
"native_badge": "SPRECHEND",
|
|
"native_note": "Besser: Browser haben eingebaute Fortschritts-Elemente, die automatisch den aktuellen Stand ansagen und für alle sichtbar sind.",
|
|
"native_compilation": "Website wird erstellt",
|
|
"native_compilation_text": "75% fertig",
|
|
"native_indeterminate": "Unbestimmter Vorgang",
|
|
"native_indeterminate_text": "Daten werden verarbeitet...",
|
|
"native_dynamic": "Dynamischer Fortschritt:",
|
|
"native_button": "Vorgang starten",
|
|
"native_pros_title": "✅ Browser-Anzeige Vorteile:",
|
|
"native_pros": [
|
|
"Screen Reader sagen automatisch den Fortschritt an",
|
|
"Funktioniert auch bei unbekannter Dauer",
|
|
"Sieht auf jedem Gerät richtig aus"
|
|
]
|
|
},
|
|
"temporal": {
|
|
"title": "📅 Datum und Zeit eingeben",
|
|
"js_title": "Selbst gebauter Kalender",
|
|
"js_badge": "RIESIG",
|
|
"js_warning": "Aufwand: Einen Kalender zu programmieren ist sehr viel Arbeit - verschiedene Sprachen, Zeitzonen, Touch-Bedienung, und das alles für alle Geräte.",
|
|
"js_label": "Datum auswählen (selbst gemacht)",
|
|
"js_placeholder": "TT.MM.JJJJ",
|
|
"js_picker_content": "[Hier wäre ein selbstgebauter Kalender]\nBraucht: Programmierung für Kalender-Ansicht,\nTouch-Bedienung, verschiedene Sprachen,\nZeitzonen, verschiedene Handys und Tablets.",
|
|
"js_cons_title": "❌ Probleme eigener Kalender:",
|
|
"js_cons": [
|
|
"Sehr viel Programmier-Aufwand und große Dateien",
|
|
"Sieht auf Handys anders aus als gewohnt",
|
|
"Schwierig für verschiedene Länder und Zeitzonen"
|
|
],
|
|
"native_title": "System-eigene Datum-Auswahl",
|
|
"native_badge": "GEWOHNT",
|
|
"native_note": "Einfacher: Jedes Gerät hat schon Datum-Picker eingebaut. Die kennen die Nutzer schon und sind in ihrer Sprache.",
|
|
"native_release_label": "Veröffentlichungs-Datum",
|
|
"native_timestamp_label": "Zeitstempel",
|
|
"native_window_label": "Zeitraum",
|
|
"native_pros_title": "✅ System-Picker Vorteile:",
|
|
"native_pros": [
|
|
"Keine zusätzlichen Downloads nötig",
|
|
"Sieht aus wie gewohnt auf jedem Gerät",
|
|
"Automatisch in der richtigen Sprache und Zeitzone"
|
|
]
|
|
},
|
|
"autocomplete": {
|
|
"title": "🔍 Auto-Vervollständigung",
|
|
"js_title": "Selbst programmierte Vorschläge",
|
|
"js_badge": "KOMPLIZIERT",
|
|
"js_warning": "Herausforderung: Dropdown-Listen mit Vorschlägen zu bauen ist schwer - Positionierung, Tastatur-Navigation, Touch-Bedienung auf Handys.",
|
|
"js_label": "Suche (selbst gemacht)",
|
|
"js_placeholder": "Tippe um zu suchen...",
|
|
"js_cons_title": "❌ Schwierigkeiten eigener Vorschläge:",
|
|
"js_cons": [
|
|
"Komplizierte Programmierung für Tastatur-Bedienung",
|
|
"Dropdown muss richtig positioniert werden",
|
|
"Schwierig auf Touch-Geräten zu bedienen"
|
|
],
|
|
"native_title": "Browser-eigene Vorschläge",
|
|
"native_badge": "EINFACH",
|
|
"native_note": "Praktisch: Browser haben eingebaute Vorschlag-Listen, die automatisch richtig funktionieren - auch mit Tastatur und auf Touch-Geräten.",
|
|
"native_framework_label": "Website-Framework",
|
|
"native_framework_placeholder": "Wähle oder tippe...",
|
|
"native_language_label": "Programmier-Sprache",
|
|
"native_language_placeholder": "Sprache auswählen...",
|
|
"native_pros_title": "✅ Browser-Vorschläge Vorteile:",
|
|
"native_pros": [
|
|
"Funktioniert automatisch mit Tastatur und Touch",
|
|
"Sieht aus wie andere bekannte Eingabe-Felder",
|
|
"Arbeitet gut mit Formular-Prüfung zusammen"
|
|
]
|
|
}
|
|
},
|
|
"summary": {
|
|
"title": "Browser sind deine Freunde",
|
|
"content": "Browser sind wie gut ausgestattete Werkzeugkästen. Sie enthalten bereits Lösungen für die meisten Aufgaben beim Website-Bau. Diese Lösungen sind getestet, funktionieren überall und sind für alle Menschen zugänglich.",
|
|
"approach_title": "So baust du clevere Websites:",
|
|
"approach_items": [
|
|
"Nutze zuerst, was der Browser schon kann",
|
|
"Mache es hübsch mit Design (CSS)",
|
|
"Füge nur bei Bedarf eigene Programmierung hinzu"
|
|
],
|
|
"closing": "Warum das Rad neu erfinden? Browser-Entwickler haben Jahre daran gearbeitet, dass alles perfekt funktioniert. Nutze diese Arbeit für deine Projekte.",
|
|
"quote": "Die beste Lösung ist oft die einfachste. Browser bieten jahrelang erprobte Funktionen - baue darauf auf, statt alles selbst zu machen."
|
|
}
|
|
},
|
|
"lang": "de",
|
|
"dir": "ltr"
|
|
}
|
|
}
|