{ "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 `
` und `` 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" } }