--- canonical: https://www.jkconcepts.at/webtechnologien-glossar/ robots: noindex, follow --- Webtechnologien-Glossar # Webtechnologien: Begriffe rund um Websites erklärt Was ist DNS? Wie unterscheiden sich Domain und Hosting? Was bedeuten API, SSR oder Core Web Vitals? Hier finden Sie Webbegriffe auf zwei Ebenen: verständlich für den Einstieg und technisch für die Praxis. [Begriffe durchsuchen](https://www.jkconcepts.at/webtechnologien-glossar/#glossar) [Alle Wissensbereiche](https://www.jkconcepts.at/wissen/) Auf einen Blick ### Umfang 80 Begriffe ### Lesestufen Einfach und technisch ### Stand Oktober 2026 Vom Browser bis zum Backend ## Webtechnologien von A bis Z Filtern Sie nach Themen oder suchen Sie nach einer konkreten Frage. Verwandte Begriffe führen durch Frontend, Backend, HTTP, CMS, Performance und Sicherheit. Begriff oder Frage suchen Thema **80** Begriffe angezeigt Grundlagen ## Wie Websites funktionieren Der schnelle Einstieg in Domains, Hosting, Browser, Seitenaufbau und Schnittstellen. [Website](https://www.jkconcepts.at/webtechnologien-glossar/#website) [Web-App](https://www.jkconcepts.at/webtechnologien-glossar/#web-app) [Domain](https://www.jkconcepts.at/webtechnologien-glossar/#domain) [DNS](https://www.jkconcepts.at/webtechnologien-glossar/#dns) [Webhosting](https://www.jkconcepts.at/webtechnologien-glossar/#webhosting) [Webserver](https://www.jkconcepts.at/webtechnologien-glossar/#webserver) [URL](https://www.jkconcepts.at/webtechnologien-glossar/#url) [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [HTTPS](https://www.jkconcepts.at/webtechnologien-glossar/#https) [HTML](https://www.jkconcepts.at/webtechnologien-glossar/#html) [CSS](https://www.jkconcepts.at/webtechnologien-glossar/#css) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) Technisch nachschlagen ### Architektur, APIs & Performance Konzepte für Entwicklung, Fehlersuche, Betrieb und technische Entscheidungen. [REST API](https://www.jkconcepts.at/webtechnologien-glossar/#rest-api) [JSON](https://www.jkconcepts.at/webtechnologien-glossar/#json) [Webhook](https://www.jkconcepts.at/webtechnologien-glossar/#webhook) [SSG](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) [SSR](https://www.jkconcepts.at/webtechnologien-glossar/#ssr) [CSR](https://www.jkconcepts.at/webtechnologien-glossar/#csr) [Hydration](https://www.jkconcepts.at/webtechnologien-glossar/#hydration) [Islands Architecture](https://www.jkconcepts.at/webtechnologien-glossar/#islands-architecture) [Cache-Control](https://www.jkconcepts.at/webtechnologien-glossar/#cache-control) [Core Web Vitals](https://www.jkconcepts.at/webtechnologien-glossar/#core-web-vitals) [Structured Data](https://www.jkconcepts.at/webtechnologien-glossar/#structured-data) [Schema.org](https://www.jkconcepts.at/webtechnologien-glossar/#schema-org) ## Begriffe mit A Daten & Auffindbarkeit · Technisch [#api](https://www.jkconcepts.at/webtechnologien-glossar/#api) ### Was ist eine API? API · Application Programming Interface Definierte Schnittstelle, über die Softwaresysteme Daten austauschen oder Funktionen aufrufen. ### Technik, Beispiel und Einordnung #### Beispiel Eine Website sendet Text an ein KI-Modell und erhält die Antwort über dessen API zurück. #### Warum ist das relevant? APIs ermöglichen kontrollierte Integration in bestehende Systeme; Kosten, Limits, Verfügbarkeit und Datenübertragung müssen eingeplant werden. #### Verwandte Begriffe [Tool & Function Calling](https://www.jkconcepts.at/ki-glossar/#tool-calling) [MCP](https://www.jkconcepts.at/ki-glossar/#mcp) [Cloud AI](https://www.jkconcepts.at/ki-glossar/#cloud-ai) CMS & Plattformen · Fortgeschritten [#astro](https://www.jkconcepts.at/webtechnologien-glossar/#astro) ### Was ist Astro? Astro · Webframework für content-orientierte Websites Astro ist ein Webframework, das standardmäßig wenig Browser-JavaScript ausliefert und sich besonders für content-orientierte Websites eignet. ### Technik, Beispiel und Einordnung #### Technisch erklärt Astro rendert Komponenten server- oder buildseitig zu HTML und aktiviert Framework-Komponenten nur über explizite Client-Direktiven. #### Beispiel Eine Unternehmenswebsite wird vollständig statisch erzeugt und ergänzt nur kleine lokale Skripte für Filter und Navigation. #### Verwandte Begriffe [SSG](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) [Islands Architecture](https://www.jkconcepts.at/webtechnologien-glossar/#islands-architecture) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [HTML](https://www.jkconcepts.at/webtechnologien-glossar/#html) ## Begriffe mit B Grundlagen · Grundlage [#backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) ### Was ist Backend? Backend · Serverseitiger Teil einer Anwendung Das Backend verarbeitet Geschäftslogik, Datenzugriff, Berechtigungen und Schnittstellen außerhalb der sichtbaren Browseroberfläche. ### Technik, Beispiel und Einordnung #### Technisch erklärt Backend-Prozesse validieren Requests, koordinieren Services und Datenbanken und erzeugen HTML oder strukturierte API-Antworten. #### Beispiel Ein Kontakt-Backend prüft Eingaben, begrenzt Missbrauch und speichert eine Anfrage. #### Verwandte Begriffe [Frontend](https://www.jkconcepts.at/webtechnologien-glossar/#frontend) [Full Stack](https://www.jkconcepts.at/webtechnologien-glossar/#full-stack) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [Datenbank](https://www.jkconcepts.at/webtechnologien-glossar/#database) Frontend · Grundlage [#accessibility](https://www.jkconcepts.at/webtechnologien-glossar/#accessibility) ### Was ist Barrierefreiheit im Web? Barrierefreiheit im Web · Web Accessibility Web-Barrierefreiheit sorgt dafür, dass Menschen mit unterschiedlichen Fähigkeiten und Hilfsmitteln digitale Inhalte nutzen können. ### Technik, Beispiel und Einordnung #### Technisch erklärt Semantisches HTML, Tastaturbedienung, Fokusführung, Kontraste, verständliche Beschriftungen und robuste Schnittstellen zu assistiven Technologien sind zentrale Grundlagen. #### Beispiel Ein Suchfeld besitzt ein sichtbares Label und Filterbuttons geben ihren gedrückten Zustand programmatisch an. #### Verwandte Begriffe [HTML](https://www.jkconcepts.at/webtechnologien-glossar/#html) [Responsive Webdesign](https://www.jkconcepts.at/webtechnologien-glossar/#responsive-design) [Core Web Vitals](https://www.jkconcepts.at/webtechnologien-glossar/#core-web-vitals) **Technik, Performance und Auffindbarkeit prüfen?** [Website-Audit ansehen →](https://www.jkconcepts.at/website-audit/) Performance & SEO · Fortgeschritten [#compression](https://www.jkconcepts.at/webtechnologien-glossar/#compression) ### Was ist Brotli-Kompression? Brotli & gzip · HTTP-Kompression HTTP-Kompression verkleinert Textdateien während der Übertragung und reduziert dadurch Ladezeit und Datenvolumen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Client und Server handeln über Accept-Encoding und Content-Encoding ein Verfahren aus; bereits komprimierte Bildformate profitieren meist nicht. #### Beispiel HTML, CSS, JavaScript und JSON lassen sich häufig deutlich verkleinern. #### Verwandte Begriffe [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) [Core Web Vitals](https://www.jkconcepts.at/webtechnologien-glossar/#core-web-vitals) [Webserver](https://www.jkconcepts.at/webtechnologien-glossar/#webserver) ## Begriffe mit C Performance & SEO · Grundlage [#cache](https://www.jkconcepts.at/webtechnologien-glossar/#cache) ### Was bedeutet Caching? Cache · Zwischenspeicher Ein Cache speichert bereits berechnete oder geladene Inhalte, damit sie schneller erneut bereitstehen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Caching kann im Browser, CDN, Webserver, Anwendungsprozess, Objekt-Cache oder Datenbanksystem stattfinden und benötigt klare Regeln zur Invalidierung. #### Beispiel Ein CDN speichert eine Bilddatei nahe beim Besucher und vermeidet wiederholte Abrufe vom Ursprungsserver. #### Verwandte Begriffe [Cache-Control](https://www.jkconcepts.at/webtechnologien-glossar/#cache-control) [ETag](https://www.jkconcepts.at/webtechnologien-glossar/#etag) [CDN](https://www.jkconcepts.at/webtechnologien-glossar/#cdn) [Core Web Vitals](https://www.jkconcepts.at/webtechnologien-glossar/#core-web-vitals) HTTP & Netzwerk · Fortgeschritten [#cache-control](https://www.jkconcepts.at/webtechnologien-glossar/#cache-control) ### Was ist Cache-Control? Cache-Control · HTTP-Caching-Anweisung Cache-Control legt fest, ob und wie lange Clients oder Zwischenserver eine HTTP-Antwort speichern dürfen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Direktiven wie max-age, no-cache, no-store, public, private und must-revalidate steuern Wiederverwendung und erneute Validierung. #### Beispiel Fingerabgedruckte CSS-Dateien können lange gespeichert werden, HTML sollte meist regelmäßig validiert werden. #### Verwandte Begriffe [Cache](https://www.jkconcepts.at/webtechnologien-glossar/#cache) [ETag](https://www.jkconcepts.at/webtechnologien-glossar/#etag) [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) [CDN](https://www.jkconcepts.at/webtechnologien-glossar/#cdn) Performance & SEO · Fortgeschritten [#canonical-url](https://www.jkconcepts.at/webtechnologien-glossar/#canonical-url) ### Was ist eine Canonical URL? Canonical URL · Bevorzugte Adresse eines Inhalts Eine Canonical URL kennzeichnet die bevorzugte Adresse eines Inhalts, wenn mehrere URLs ähnliche oder gleiche Inhalte zeigen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Das Link-Element ist ein starkes Konsolidierungssignal, aber keine Weiterleitung und keine Garantie; interne Links und Sitemap sollten dazu passen. #### Beispiel Trackingparameter zeigen denselben Inhalt, während canonical auf die saubere URL verweist. #### Verwandte Begriffe [URL](https://www.jkconcepts.at/webtechnologien-glossar/#url) [Redirect](https://www.jkconcepts.at/webtechnologien-glossar/#redirect) [301 Redirect](https://www.jkconcepts.at/webtechnologien-glossar/#301-redirect) [XML-Sitemap](https://www.jkconcepts.at/webtechnologien-glossar/#sitemap) Performance & SEO · Grundlage [#cdn](https://www.jkconcepts.at/webtechnologien-glossar/#cdn) ### Was ist ein CDN? CDN · Content Delivery Network Ein CDN verteilt und speichert Inhalte über mehrere Standorte, damit sie näher bei Besuchern ausgeliefert werden können. ### Technik, Beispiel und Einordnung #### Technisch erklärt Edge-Server beantworten cachebare Anfragen, terminieren häufig TLS und können Schutzfunktionen wie DDoS-Abwehr oder eine WAF ergänzen. #### Beispiel Bilder und Skripte einer österreichischen Website werden für internationale Besucher aus regionalen Edge-Standorten geladen. #### Verwandte Begriffe [Cache](https://www.jkconcepts.at/webtechnologien-glossar/#cache) [Webhosting](https://www.jkconcepts.at/webtechnologien-glossar/#webhosting) [DDoS](https://www.jkconcepts.at/website-sicherheit-glossar/#ddos) [Web Application Firewall](https://www.jkconcepts.at/website-sicherheit-glossar/#waf) CMS & Plattformen · Grundlage [#cms](https://www.jkconcepts.at/webtechnologien-glossar/#cms) ### Was ist ein CMS? CMS · Content-Management-System Ein CMS ermöglicht es, Website-Inhalte über eine Verwaltungsoberfläche zu pflegen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Ein CMS modelliert Inhalte, Benutzerrechte, Medien und Veröffentlichungsabläufe und rendert oder liefert daraus Webausgaben. #### Beispiel Redakteure ändern Leistungsseiten, ohne direkt HTML-Dateien zu bearbeiten. #### Warum ist das relevant? Ein CMS ist sinnvoll, wenn Inhalte regelmäßig durch mehrere Personen gepflegt werden; es erhöht aber Wartungs- und Sicherheitsaufwand. #### Verwandte Begriffe [WordPress](https://www.jkconcepts.at/webtechnologien-glossar/#wordpress) [Headless CMS](https://www.jkconcepts.at/webtechnologien-glossar/#headless-cms) [Website](https://www.jkconcepts.at/webtechnologien-glossar/#website) [SSG](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) **CMS oder individuelle Inhaltsverwaltung?** [CMS-Entwicklung ansehen →](https://www.jkconcepts.at/cms-entwicklung/) Sicherheit · Technisch [#csp](https://www.jkconcepts.at/webtechnologien-glossar/#csp) ### Was ist eine Content Security Policy? Content Security Policy · CSP Eine CSP begrenzt, aus welchen Quellen eine Seite Skripte, Styles, Bilder und andere Ressourcen laden darf. ### Technik, Beispiel und Einordnung #### Technisch erklärt Die HTTP-Richtlinie arbeitet mit Direktiven und Source Expressions; Nonces oder Hashes können gezielt erlaubten Inline-Code kennzeichnen. #### Beispiel script-src 'self' erlaubt Skripte grundsätzlich nur vom eigenen Ursprung. #### Warum ist das relevant? Eine sorgfältig eingeführte CSP erschwert XSS, kann bei falscher Konfiguration aber legitime Funktionen blockieren. #### Verwandte Begriffe [Security Headers](https://www.jkconcepts.at/webtechnologien-glossar/#security-headers) [Cross-Site Scripting](https://www.jkconcepts.at/website-sicherheit-glossar/#xss) [Subresource Integrity](https://www.jkconcepts.at/webtechnologien-glossar/#subresource-integrity) [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) **Die Website technisch absichern?** [Website-Sicherheit ansehen →](https://www.jkconcepts.at/wordpress-sicherheit/) HTTP & Netzwerk · Grundlage [#cookie](https://www.jkconcepts.at/webtechnologien-glossar/#cookie) ### Was sind Cookies? Cookie · Vom Browser gespeicherter HTTP-Wert Ein Cookie ist ein kleiner Wert, den eine Website im Browser setzen und bei passenden späteren Anfragen mitsenden lassen kann. ### Technik, Beispiel und Einordnung #### Technisch erklärt Attribute wie Domain, Path, Expires, Secure, HttpOnly und SameSite begrenzen Lebensdauer und Übertragung. #### Beispiel Eine zufällige Sitzungskennung verbindet mehrere Anfragen mit einer angemeldeten Sitzung. #### Warum ist das relevant? Cookies können technisch notwendig sein oder Einwilligung und transparente Datenschutzinformationen erfordern. #### Verwandte Begriffe [Session](https://www.jkconcepts.at/webtechnologien-glossar/#session) [SameSite Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#samesite-cookie) [HttpOnly](https://www.jkconcepts.at/webtechnologien-glossar/#httponly) [Secure Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#secure-cookie) Performance & SEO · Fortgeschritten [#core-web-vitals](https://www.jkconcepts.at/webtechnologien-glossar/#core-web-vitals) ### Was sind Core Web Vitals? Core Web Vitals · Google-Messwerte für Nutzererfahrung Core Web Vitals bewerten zentrale Aspekte der realen Lade-, Interaktions- und Layoutstabilität einer Seite. ### Technik, Beispiel und Einordnung #### Technisch erklärt Die Kennzahlen werden aus Felddaten oder Labormessungen ermittelt; Ursachen liegen häufig in Ressourcenpriorisierung, JavaScript-Arbeit oder instabilen Layouts. #### Beispiel Ein Bild ohne feste Abmessungen kann nach dem Laden Inhalt verschieben und den CLS verschlechtern. #### Verwandte Begriffe [Lazy Loading](https://www.jkconcepts.at/webtechnologien-glossar/#lazy-loading) [Cache](https://www.jkconcepts.at/webtechnologien-glossar/#cache) [CDN](https://www.jkconcepts.at/webtechnologien-glossar/#cdn) [Responsive Webdesign](https://www.jkconcepts.at/webtechnologien-glossar/#responsive-design) **Technik, Performance und Auffindbarkeit prüfen?** [Website-Audit ansehen →](https://www.jkconcepts.at/website-audit/) Sicherheit · Technisch [#cors](https://www.jkconcepts.at/webtechnologien-glossar/#cors) ### Was ist CORS? CORS · Cross-Origin Resource Sharing CORS regelt, welche anderen Ursprünge Browser auf Ressourcen eines Servers zugreifen lassen dürfen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Server setzen Access-Control-Allow-* Header; nicht einfache Anfragen können einen OPTIONS-Preflight auslösen. CORS ist keine serverseitige Authentisierung. #### Beispiel Eine API erlaubt Browserzugriffe nur von der Produktionsdomain des Frontends. #### Verwandte Begriffe [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [CSRF](https://www.jkconcepts.at/website-sicherheit-glossar/#csrf) [Authentication](https://www.jkconcepts.at/website-sicherheit-glossar/#authentication) Daten & Auffindbarkeit · Fortgeschritten [#ai-crawler](https://www.jkconcepts.at/webtechnologien-glossar/#ai-crawler) ### Was bedeutet Crawler & AI Crawler? Crawler & AI Crawler · Automatischer Webseiten-Abruf Software, die Webseiten automatisiert abruft; AI Crawler tun dies für KI-Suche, Training oder andere KI-Dienste. ### Technik, Beispiel und Einordnung #### Beispiel Ein Bot ruft öffentlich erreichbare Seiten ab und verarbeitet Überschriften, Texte und Links. #### Warum ist das relevant? Technische Erreichbarkeit, Robots-Regeln und klare Seitenstrukturen beeinflussen, welche Inhalte ein System überhaupt verarbeiten kann. #### Verwandte Begriffe [AI Search & Generative Search](https://www.jkconcepts.at/ki-glossar/#ai-search) [GEO](https://www.jkconcepts.at/ki-glossar/#geo) [Structured Data](https://www.jkconcepts.at/webtechnologien-glossar/#structured-data) CMS & Plattformen · Fortgeschritten [#csr](https://www.jkconcepts.at/webtechnologien-glossar/#csr) ### Was bedeutet Client-Side Rendering? CSR · Client-Side Rendering Client-Side Rendering erzeugt wesentliche Teile einer Oberfläche mit JavaScript im Browser. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Client lädt Programmcode und Daten, verwaltet den UI-Zustand und aktualisiert die Darstellung ohne vollständige Dokumentnavigation. #### Beispiel Ein komplexes internes Dashboard lädt nach dem Start Daten über eine API und rendert Tabellen im Browser. #### Verwandte Begriffe [SPA](https://www.jkconcepts.at/webtechnologien-glossar/#spa) [SSR](https://www.jkconcepts.at/webtechnologien-glossar/#ssr) [Hydration](https://www.jkconcepts.at/webtechnologien-glossar/#hydration) [React](https://www.jkconcepts.at/webtechnologien-glossar/#react) Frontend · Grundlage [#css](https://www.jkconcepts.at/webtechnologien-glossar/#css) ### Was ist CSS? CSS · Cascading Style Sheets CSS bestimmt Darstellung, Layout und responsive Anpassung von HTML-Inhalten. ### Technik, Beispiel und Einordnung #### Technisch erklärt Selektoren adressieren Elemente; Kaskade, Spezifität und Vererbung bestimmen, welche Deklarationen als berechnete Styles angewendet werden. #### Beispiel Eine Media Query ändert das Layout für kleinere Bildschirme. #### Verwandte Begriffe [HTML](https://www.jkconcepts.at/webtechnologien-glossar/#html) [Flexbox](https://www.jkconcepts.at/webtechnologien-glossar/#flexbox) [CSS Grid](https://www.jkconcepts.at/webtechnologien-glossar/#css-grid) [Media Query](https://www.jkconcepts.at/webtechnologien-glossar/#media-query) Frontend · Fortgeschritten [#css-grid](https://www.jkconcepts.at/webtechnologien-glossar/#css-grid) ### Was ist CSS Grid? CSS Grid · CSS Grid Layout CSS Grid ist ein zweidimensionales Layoutmodell für Zeilen und Spalten. ### Technik, Beispiel und Einordnung #### Technisch erklärt Explizite und implizite Tracks, Grid Lines, Areas sowie minmax- und fr-Einheiten ermöglichen flexible Raster ohne tabellarisches Markup. #### Beispiel Eine Glossarseite zeigt Filter und Ergebnisse in zwei Spalten und stapelt sie auf Mobilgeräten. #### Verwandte Begriffe [CSS](https://www.jkconcepts.at/webtechnologien-glossar/#css) [Flexbox](https://www.jkconcepts.at/webtechnologien-glossar/#flexbox) [Media Query](https://www.jkconcepts.at/webtechnologien-glossar/#media-query) [Responsive Webdesign](https://www.jkconcepts.at/webtechnologien-glossar/#responsive-design) ## Begriffe mit D Backend & APIs · Grundlage [#database](https://www.jkconcepts.at/webtechnologien-glossar/#database) ### Was ist eine Datenbank? Datenbank · Strukturierter Datenspeicher Eine Datenbank speichert Daten strukturiert und stellt Funktionen zum Lesen, Ändern und Absichern bereit. ### Technik, Beispiel und Einordnung #### Technisch erklärt Relationale Systeme organisieren Daten in Tabellen und Beziehungen; andere Modelle verwenden Dokumente, Schlüssel-Werte, Graphen oder Vektoren. #### Beispiel Ein Shop speichert Kunden, Produkte, Bestellungen und Statusänderungen in einer Datenbank. #### Verwandte Begriffe [MySQL](https://www.jkconcepts.at/webtechnologien-glossar/#mysql) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) [Vector Database](https://www.jkconcepts.at/ki-glossar/#vector-database) HTTP & Netzwerk · Grundlage [#dns](https://www.jkconcepts.at/webtechnologien-glossar/#dns) ### Was ist DNS? DNS · Domain Name System DNS übersetzt Domainnamen in technische Ziele, damit Browser, E-Mail-Server und andere Dienste die richtigen Systeme finden. ### Technik, Beispiel und Einordnung #### Technisch erklärt Resolver fragen die hierarchische DNS-Infrastruktur nach Records wie A, AAAA, CNAME, MX oder TXT und speichern Antworten entsprechend ihrer TTL zwischen. #### Beispiel Ein A-Record verbindet example.at mit der IPv4-Adresse des Webservers. #### Warum ist das relevant? Fehlerhafte DNS-Einträge können Website und E-Mail gleichzeitig unerreichbar machen. #### Verwandte Begriffe [Domain](https://www.jkconcepts.at/webtechnologien-glossar/#domain) [Webhosting](https://www.jkconcepts.at/webtechnologien-glossar/#webhosting) [Cache](https://www.jkconcepts.at/webtechnologien-glossar/#cache) **Probleme mit Domain, DNS oder Hosting?** [Hosting-Hilfe ansehen →](https://www.jkconcepts.at/domain-email-hosting-hilfe/) Frontend · Fortgeschritten [#dom](https://www.jkconcepts.at/webtechnologien-glossar/#dom) ### Was ist das DOM? DOM · Document Object Model Das DOM ist die programmierbare Baumdarstellung eines geladenen HTML- oder XML-Dokuments. ### Technik, Beispiel und Einordnung #### Technisch erklärt Browser erzeugen Knoten für Elemente, Text und weitere Dokumentbestandteile; JavaScript kann Eigenschaften lesen und den Baum gezielt verändern. #### Beispiel Ein Filter setzt das hidden-Attribut nicht passender Glossarkarten. #### Verwandte Begriffe [HTML](https://www.jkconcepts.at/webtechnologien-glossar/#html) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [Frontend](https://www.jkconcepts.at/webtechnologien-glossar/#frontend) Grundlagen · Grundlage [#domain](https://www.jkconcepts.at/webtechnologien-glossar/#domain) ### Was ist eine Domain? Domain · Lesbarer Name einer Internetadresse Eine Domain ist ein lesbarer Name wie jkconcepts.at, unter dem eine Website oder ein anderer Internetdienst erreichbar ist. ### Technik, Beispiel und Einordnung #### Technisch erklärt Das Domain Name System löst den Namen über DNS-Einträge in technische Ziele wie IP-Adressen oder andere Hostnamen auf. #### Beispiel Die Domain example.at kann auf einen Webserver und über separate DNS-Einträge auf einen E-Mail-Anbieter zeigen. #### Warum ist das relevant? Domain, DNS und Hosting sind getrennte Bausteine und können bei unterschiedlichen Anbietern verwaltet werden. #### Verwandte Begriffe [DNS](https://www.jkconcepts.at/webtechnologien-glossar/#dns) [URL](https://www.jkconcepts.at/webtechnologien-glossar/#url) [Webhosting](https://www.jkconcepts.at/webtechnologien-glossar/#webhosting) **Probleme mit Domain, DNS oder Hosting?** [Hosting-Hilfe ansehen →](https://www.jkconcepts.at/domain-email-hosting-hilfe/) ## Begriffe mit E HTTP & Netzwerk · Technisch [#etag](https://www.jkconcepts.at/webtechnologien-glossar/#etag) ### Was ist ein ETag? ETag · Entity Tag Ein ETag ist eine Kennung für eine konkrete Version einer HTTP-Ressource. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Client sendet den Wert später als If-None-Match; ist die Ressource unverändert, kann der Server mit 304 ohne vollständigen Body antworten. #### Beispiel Ein Browser validiert eine zwischengespeicherte CSS-Datei, ohne sie erneut vollständig herunterzuladen. #### Verwandte Begriffe [Cache](https://www.jkconcepts.at/webtechnologien-glossar/#cache) [Cache-Control](https://www.jkconcepts.at/webtechnologien-glossar/#cache-control) [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) Frontend · Technisch [#event-loop](https://www.jkconcepts.at/webtechnologien-glossar/#event-loop) ### Was ist der JavaScript Event Loop? Event Loop · Ereignisschleife einer JavaScript-Laufzeit Der Event Loop koordiniert, wann JavaScript-Aufgaben und asynchrone Rückmeldungen ausgeführt werden. ### Technik, Beispiel und Einordnung #### Technisch erklärt Nach Abschluss des aktuellen Call Stacks verarbeitet die Laufzeit Warteschlangen; Microtasks wie Promise-Reaktionen werden vor der nächsten regulären Task abgearbeitet. #### Beispiel Eine abgeschlossene Netzwerkanfrage stellt ihren Callback zur späteren Verarbeitung bereit, ohne den aktuellen Code zu unterbrechen. #### Verwandte Begriffe [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [Node.js](https://www.jkconcepts.at/webtechnologien-glossar/#nodejs) [WebSocket](https://www.jkconcepts.at/webtechnologien-glossar/#websocket) ## Begriffe mit F Frontend · Fortgeschritten [#flexbox](https://www.jkconcepts.at/webtechnologien-glossar/#flexbox) ### Was ist Flexbox? Flexbox · CSS Flexible Box Layout Flexbox ist ein CSS-Layoutmodell für die Anordnung von Elementen entlang einer Haupt- und Querachse. ### Technik, Beispiel und Einordnung #### Technisch erklärt Flex-Container verteilen verfügbaren Raum über Eigenschaften wie flex-grow, flex-shrink, flex-basis, justify-content und align-items. #### Beispiel Navigationspunkte werden in einer Reihe verteilt und dürfen bei wenig Platz umbrechen. #### Verwandte Begriffe [CSS](https://www.jkconcepts.at/webtechnologien-glossar/#css) [CSS Grid](https://www.jkconcepts.at/webtechnologien-glossar/#css-grid) [Responsive Webdesign](https://www.jkconcepts.at/webtechnologien-glossar/#responsive-design) Grundlagen · Grundlage [#frontend](https://www.jkconcepts.at/webtechnologien-glossar/#frontend) ### Was ist Frontend? Frontend · Benutzerseitiger Teil einer Anwendung Das Frontend ist der Teil einer Website oder Anwendung, den Menschen sehen und bedienen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Im Web umfasst es HTML, CSS, JavaScript, Browser-APIs, Zustandslogik und die Kommunikation mit serverseitigen Schnittstellen. #### Beispiel Formular, Navigation, Glossarfilter und visuelle Gestaltung gehören zum Frontend. #### Verwandte Begriffe [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) [Full Stack](https://www.jkconcepts.at/webtechnologien-glossar/#full-stack) [HTML](https://www.jkconcepts.at/webtechnologien-glossar/#html) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) Grundlagen · Grundlage [#full-stack](https://www.jkconcepts.at/webtechnologien-glossar/#full-stack) ### Was bedeutet Full Stack? Full Stack · Entwicklung über Frontend und Backend hinweg Full Stack bezeichnet Arbeit über mehrere Schichten einer Webanwendung hinweg, insbesondere Frontend, Backend und Datenhaltung. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Begriff beschreibt Breite, nicht automatisch Tiefe; Infrastruktur, Sicherheit, Betrieb und Architektur können ebenfalls dazugehören. #### Beispiel Eine Funktion umfasst Formularoberfläche, API-Endpunkt, Validierung und Datenbankspeicherung. #### Verwandte Begriffe [Frontend](https://www.jkconcepts.at/webtechnologien-glossar/#frontend) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) [Datenbank](https://www.jkconcepts.at/webtechnologien-glossar/#database) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) ## Begriffe mit H CMS & Plattformen · Fortgeschritten [#headless-cms](https://www.jkconcepts.at/webtechnologien-glossar/#headless-cms) ### Was ist ein Headless CMS? Headless CMS · CMS ohne fest gekoppelte Website-Ausgabe Ein Headless CMS verwaltet Inhalte und liefert sie über APIs, ohne die endgültige Website-Oberfläche fest vorzugeben. ### Technik, Beispiel und Einordnung #### Technisch erklärt Frontend und Redaktion sind entkoppelt; Inhalte können mehrere Kanäle versorgen, benötigen aber ein separates Rendering-, Vorschau- und Deployment-Konzept. #### Beispiel Produktdaten werden an Website, App und internes Display aus derselben Inhaltsquelle geliefert. #### Verwandte Begriffe [CMS](https://www.jkconcepts.at/webtechnologien-glossar/#cms) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [SSG](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) [Frontend](https://www.jkconcepts.at/webtechnologien-glossar/#frontend) **CMS oder individuelle Inhaltsverwaltung?** [CMS-Entwicklung ansehen →](https://www.jkconcepts.at/cms-entwicklung/) Sicherheit · Fortgeschritten [#hsts](https://www.jkconcepts.at/webtechnologien-glossar/#hsts) ### Was ist HSTS? HSTS · HTTP Strict Transport Security HSTS weist Browser an, eine Domain für einen festgelegten Zeitraum ausschließlich über HTTPS aufzurufen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Strict-Transport-Security-Header kann Subdomains einschließen; Preloading reduziert auch das Risiko beim allerersten Aufruf. #### Beispiel Ein Browser ersetzt einen später eingegebenen http-Aufruf lokal durch https. #### Verwandte Begriffe [HTTPS](https://www.jkconcepts.at/webtechnologien-glossar/#https) [TLS](https://www.jkconcepts.at/webtechnologien-glossar/#tls) [Security Headers](https://www.jkconcepts.at/webtechnologien-glossar/#security-headers) [TLS-Zertifikat](https://www.jkconcepts.at/webtechnologien-glossar/#certificate) Frontend · Grundlage [#html](https://www.jkconcepts.at/webtechnologien-glossar/#html) ### Was ist HTML? HTML · HyperText Markup Language HTML beschreibt Inhalt und semantische Struktur eines Webdokuments. ### Technik, Beispiel und Einordnung #### Technisch erklärt Elemente und Attribute bilden nach dem Parsen den DOM; semantische Elemente unterstützen Browser, Suchmaschinen und assistive Technologien. #### Beispiel Überschriften, Navigation, Absätze, Formulare und Bilder werden mit passenden HTML-Elementen ausgezeichnet. #### Verwandte Begriffe [DOM](https://www.jkconcepts.at/webtechnologien-glossar/#dom) [CSS](https://www.jkconcepts.at/webtechnologien-glossar/#css) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [Barrierefreiheit im Web](https://www.jkconcepts.at/webtechnologien-glossar/#accessibility) HTTP & Netzwerk · Grundlage [#http](https://www.jkconcepts.at/webtechnologien-glossar/#http) ### Was ist HTTP? HTTP · Hypertext Transfer Protocol HTTP ist das Protokoll, mit dem Clients und Server Anfragen und Antworten für Webressourcen austauschen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Eine Nachricht besteht aus Methode oder Status, Headern und optional einem Body. HTTP ist zustandslos; Sitzungszustand wird separat aufgebaut. #### Beispiel Ein Browser sendet GET /kontakt/ und der Server antwortet mit Status 200 sowie HTML. #### Verwandte Begriffe [HTTPS](https://www.jkconcepts.at/webtechnologien-glossar/#https) [Request & Response](https://www.jkconcepts.at/webtechnologien-glossar/#request-response) [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) [Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#cookie) Performance & SEO · Grundlage [#http-404](https://www.jkconcepts.at/webtechnologien-glossar/#http-404) ### Was ist ein 404-Fehler? HTTP 404 · Not Found Der Statuscode 404 bedeutet, dass der Server für die angefragte URL keine passende Ressource gefunden hat. ### Technik, Beispiel und Einordnung #### Technisch erklärt Eine echte Fehlerseite muss neben hilfreichem Inhalt weiterhin den HTTP-Status 404 senden; eine optische Fehlerseite mit Status 200 ist ein Soft 404. #### Beispiel Ein gelöschter Pfad ohne geeigneten Ersatz liefert eine gebrandete 404-Seite. #### Verwandte Begriffe [Redirect](https://www.jkconcepts.at/webtechnologien-glossar/#redirect) [301 Redirect](https://www.jkconcepts.at/webtechnologien-glossar/#301-redirect) [URL](https://www.jkconcepts.at/webtechnologien-glossar/#url) [XML-Sitemap](https://www.jkconcepts.at/webtechnologien-glossar/#sitemap) **Die Website zeigt Fehler oder ist nicht erreichbar?** [WordPress-Hilfe ansehen →](https://www.jkconcepts.at/wordpress-hilfe/) Performance & SEO · Grundlage [#http-500](https://www.jkconcepts.at/webtechnologien-glossar/#http-500) ### Was bedeutet HTTP 500? HTTP 500 · Internal Server Error Der Statuscode 500 meldet einen unerwarteten serverseitigen Fehler bei der Verarbeitung einer Anfrage. ### Technik, Beispiel und Einordnung #### Technisch erklärt Die öffentliche Antwort bleibt absichtlich allgemein; konkrete Ursachen stehen in Anwendungs- und Serverlogs und können von Codefehlern bis zu Ressourcenproblemen reichen. #### Beispiel Ein fehlerhaftes Plugin löst eine unbehandelte PHP-Ausnahme aus. #### Verwandte Begriffe [Logging](https://www.jkconcepts.at/webtechnologien-glossar/#logging) [Monitoring](https://www.jkconcepts.at/webtechnologien-glossar/#monitoring) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) [Webserver](https://www.jkconcepts.at/webtechnologien-glossar/#webserver) **Die Website zeigt Fehler oder ist nicht erreichbar?** [WordPress-Hilfe ansehen →](https://www.jkconcepts.at/wordpress-hilfe/) HTTP & Netzwerk · Fortgeschritten [#http-header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) ### Was sind HTTP Header? HTTP Header · Metadaten einer HTTP-Nachricht HTTP Header transportieren Zusatzinformationen über eine Anfrage oder Antwort. ### Technik, Beispiel und Einordnung #### Technisch erklärt Header steuern unter anderem Inhaltstyp, Caching, Authentifizierung, Kompression, Cookies, CORS und Browser-Sicherheitsregeln. #### Beispiel Content-Type: application/json kennzeichnet eine JSON-Antwort. #### Verwandte Begriffe [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [Cache-Control](https://www.jkconcepts.at/webtechnologien-glossar/#cache-control) [Security Headers](https://www.jkconcepts.at/webtechnologien-glossar/#security-headers) [CORS](https://www.jkconcepts.at/webtechnologien-glossar/#cors) Sicherheit · Fortgeschritten [#httponly](https://www.jkconcepts.at/webtechnologien-glossar/#httponly) ### Was bedeutet HttpOnly bei Cookies? HttpOnly · Cookie-Schutz vor JavaScript-Zugriff HttpOnly verhindert, dass JavaScript im Browser den Wert eines Cookies direkt ausliest. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Browser sendet das Cookie weiterhin automatisch mit passenden HTTP-Anfragen; deshalb bleiben CSRF-Schutz und XSS-Vermeidung notwendig. #### Beispiel Die Session-ID ist für document.cookie nicht sichtbar. #### Verwandte Begriffe [Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#cookie) [Session Hijacking](https://www.jkconcepts.at/website-sicherheit-glossar/#session-hijacking) [Cross-Site Scripting](https://www.jkconcepts.at/website-sicherheit-glossar/#xss) [Secure Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#secure-cookie) HTTP & Netzwerk · Grundlage [#https](https://www.jkconcepts.at/webtechnologien-glossar/#https) ### Was ist HTTPS? HTTPS · HTTP über TLS HTTPS schützt die Verbindung zwischen Client und Server durch TLS vor einfachem Mitlesen und Manipulieren. ### Technik, Beispiel und Einordnung #### Technisch erklärt Nach dem TLS-Handshake werden HTTP-Nachrichten verschlüsselt und authentisiert übertragen; das Zertifikat bindet den öffentlichen Schlüssel an einen Hostnamen. #### Beispiel Ein Login-Formular überträgt Zugangsdaten nicht als unverschlüsselten Klartext im Netzwerk. #### Warum ist das relevant? HTTPS ist Grundvoraussetzung für sichere Formulare, moderne Browserfunktionen und vertrauenswürdigen Websitebetrieb. #### Verwandte Begriffe [TLS](https://www.jkconcepts.at/webtechnologien-glossar/#tls) [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [HSTS](https://www.jkconcepts.at/webtechnologien-glossar/#hsts) [TLS-Zertifikat](https://www.jkconcepts.at/webtechnologien-glossar/#certificate) **Die Website technisch absichern?** [Website-Sicherheit ansehen →](https://www.jkconcepts.at/wordpress-sicherheit/) Frontend · Technisch [#hydration](https://www.jkconcepts.at/webtechnologien-glossar/#hydration) ### Was bedeutet Hydration bei Websites? Hydration · Aktivierung servergerenderten HTMLs Hydration verbindet bereits gerendertes HTML im Browser mit JavaScript-Zustand und Interaktionen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Das Client-Framework rekonstruiert den Komponentenbaum und bindet Ereignisse; Abweichungen zwischen Server- und Client-Ausgabe können Hydration-Fehler verursachen. #### Beispiel Ein serverseitig sichtbares Menü wird nach dem Laden des JavaScripts interaktiv. #### Verwandte Begriffe [SSR](https://www.jkconcepts.at/webtechnologien-glossar/#ssr) [CSR](https://www.jkconcepts.at/webtechnologien-glossar/#csr) [Islands Architecture](https://www.jkconcepts.at/webtechnologien-glossar/#islands-architecture) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) ## Begriffe mit I Frontend · Technisch [#islands-architecture](https://www.jkconcepts.at/webtechnologien-glossar/#islands-architecture) ### Was ist Islands Architecture? Islands Architecture · Inselarchitektur für interaktive Komponenten Bei der Islands Architecture bleibt der Großteil einer Seite statisch, während nur ausgewählte Komponenten JavaScript erhalten. ### Technik, Beispiel und Einordnung #### Technisch erklärt Interaktive Inseln werden unabhängig hydriert oder geladen; dadurch muss nicht die gesamte Seite als Client-Anwendung betrieben werden. #### Beispiel Eine statische Inhaltsseite aktiviert nur Suche, Navigation und Formular als interaktive Teile. #### Verwandte Begriffe [Astro](https://www.jkconcepts.at/webtechnologien-glossar/#astro) [Hydration](https://www.jkconcepts.at/webtechnologien-glossar/#hydration) [SSG](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) ## Begriffe mit J Frontend · Grundlage [#javascript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) ### Was ist JavaScript? JavaScript · Programmiersprache des Webs JavaScript ist eine Programmiersprache für interaktive Browserfunktionen und viele serverseitige Anwendungen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Browser führen ECMAScript in einer Laufzeit mit Web APIs, Event Loop und DOM-Zugriff aus; Module strukturieren größere Anwendungen. #### Beispiel Eine Glossarsuche blendet passende Begriffe direkt beim Tippen ein. #### Verwandte Begriffe [TypeScript](https://www.jkconcepts.at/webtechnologien-glossar/#typescript) [DOM](https://www.jkconcepts.at/webtechnologien-glossar/#dom) [Event Loop](https://www.jkconcepts.at/webtechnologien-glossar/#event-loop) [Node.js](https://www.jkconcepts.at/webtechnologien-glossar/#nodejs) Backend & APIs · Grundlage [#json](https://www.jkconcepts.at/webtechnologien-glossar/#json) ### Was ist JSON? JSON · JavaScript Object Notation JSON ist ein textbasiertes Datenformat für strukturierte Werte wie Objekte, Listen, Zeichenketten, Zahlen und boolesche Werte. ### Technik, Beispiel und Einordnung #### Technisch erklärt JSON besitzt eine klar definierte Syntax, aber keine Kommentare, Funktionen oder Datumswerte als eigenen Typ. #### Beispiel Eine API antwortet mit {"status":"ok","count":3}. #### Verwandte Begriffe [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [REST API](https://www.jkconcepts.at/webtechnologien-glossar/#rest-api) [Structured Output](https://www.jkconcepts.at/ki-glossar/#structured-output) ## Begriffe mit L Performance & SEO · Fortgeschritten [#lazy-loading](https://www.jkconcepts.at/webtechnologien-glossar/#lazy-loading) ### Was ist Lazy Loading? Lazy Loading · Verzögertes Laden Lazy Loading lädt Inhalte oder Programmteile erst, wenn sie voraussichtlich benötigt werden. ### Technik, Beispiel und Einordnung #### Technisch erklärt Browser können Bilder und iframes nativ verzögert laden; Bundler teilen JavaScript über dynamische Imports in separat abrufbare Chunks. #### Beispiel Bilder weit unterhalb des sichtbaren Bereichs werden nicht beim ersten Seitenaufruf übertragen. #### Verwandte Begriffe [Core Web Vitals](https://www.jkconcepts.at/webtechnologien-glossar/#core-web-vitals) [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [Cache](https://www.jkconcepts.at/webtechnologien-glossar/#cache) Sicherheit · Grundlage [#logging](https://www.jkconcepts.at/webtechnologien-glossar/#logging) ### Was bedeutet Logging? Logging · Protokollierung von Ereignissen Logging zeichnet technische und sicherheitsrelevante Ereignisse für Diagnose, Nachvollziehbarkeit und Erkennung auf. ### Technik, Beispiel und Einordnung #### Technisch erklärt Gute Logs enthalten Zeit, Ereignistyp und notwendigen Kontext, vermeiden sensible Inhalte und werden gegen unbemerkte Manipulation geschützt. #### Beispiel Fehlgeschlagene Logins werden mit Konto, Zeitpunkt und grobem Ursprung protokolliert. #### Verwandte Begriffe [Monitoring](https://www.jkconcepts.at/webtechnologien-glossar/#monitoring) [HTTP 500](https://www.jkconcepts.at/webtechnologien-glossar/#http-500) [File Integrity Monitoring](https://www.jkconcepts.at/website-sicherheit-glossar/#file-integrity-monitoring) [Website-Sicherheit](https://www.jkconcepts.at/website-sicherheit-glossar/#website-security) ## Begriffe mit M Frontend · Fortgeschritten [#media-query](https://www.jkconcepts.at/webtechnologien-glossar/#media-query) ### Was ist eine Media Query? Media Query · Bedingte CSS-Regel für Ausgabeeigenschaften Eine Media Query aktiviert CSS-Regeln abhängig von Eigenschaften wie verfügbarer Breite oder Nutzerpräferenzen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Neben Viewport-Merkmalen können unter anderem prefers-reduced-motion, Farbmodus, Zeigergenauigkeit und Druckmedium abgefragt werden. #### Beispiel Ab 64rem wird eine Filterleiste als Sidebar neben den Ergebnissen dargestellt. #### Verwandte Begriffe [CSS](https://www.jkconcepts.at/webtechnologien-glossar/#css) [Responsive Webdesign](https://www.jkconcepts.at/webtechnologien-glossar/#responsive-design) [Mobile First](https://www.jkconcepts.at/webtechnologien-glossar/#mobile-first) [Barrierefreiheit im Web](https://www.jkconcepts.at/webtechnologien-glossar/#accessibility) Frontend · Grundlage [#mobile-first](https://www.jkconcepts.at/webtechnologien-glossar/#mobile-first) ### Was bedeutet Mobile First? Mobile First · Gestaltungsansatz vom kleinen Bildschirm aus Mobile First beginnt mit einer klaren, vollständigen mobilen Darstellung und erweitert sie für größere Bildschirme. ### Technik, Beispiel und Einordnung #### Technisch erklärt Basisregeln gelten für kleine Viewports; min-width-Media-Queries ergänzen Layout und Funktionen progressiv. #### Beispiel Die Glossarkarten sind zunächst einspaltig und werden auf breiten Bildschirmen zweispaltig. #### Verwandte Begriffe [Responsive Webdesign](https://www.jkconcepts.at/webtechnologien-glossar/#responsive-design) [Media Query](https://www.jkconcepts.at/webtechnologien-glossar/#media-query) [Barrierefreiheit im Web](https://www.jkconcepts.at/webtechnologien-glossar/#accessibility) Sicherheit · Grundlage [#monitoring](https://www.jkconcepts.at/webtechnologien-glossar/#monitoring) ### Was ist Website Monitoring? Monitoring · Laufende Systemüberwachung Monitoring beobachtet Verfügbarkeit, Leistung, Fehler und ausgewählte Sicherheitssignale eines Systems. ### Technik, Beispiel und Einordnung #### Technisch erklärt Messwerte, synthetische Prüfungen und Logsignale benötigen Schwellenwerte, Alarmwege und verantwortliche Reaktionen, damit aus Daten Handlungen werden. #### Beispiel Ein Alarm wird ausgelöst, wenn die Website nicht erreichbar ist oder Fehler stark ansteigen. #### Verwandte Begriffe [Logging](https://www.jkconcepts.at/webtechnologien-glossar/#logging) [Backup](https://www.jkconcepts.at/website-sicherheit-glossar/#backup) [File Integrity Monitoring](https://www.jkconcepts.at/website-sicherheit-glossar/#file-integrity-monitoring) [Disaster Recovery](https://www.jkconcepts.at/website-sicherheit-glossar/#disaster-recovery) **Updates, Backups und Monitoring laufend betreuen?** [WordPress-Wartung ansehen →](https://www.jkconcepts.at/wordpress-wartung/) Backend & APIs · Fortgeschritten [#mysql](https://www.jkconcepts.at/webtechnologien-glossar/#mysql) ### Was ist MySQL? MySQL · Relationales Datenbanksystem MySQL ist ein relationales Datenbanksystem, das Daten in Tabellen speichert und mit SQL abfragt. ### Technik, Beispiel und Einordnung #### Technisch erklärt Schemas, Schlüssel, Indizes, Transaktionen und Constraints strukturieren und schützen Daten; MariaDB ist ein verwandtes eigenständiges System. #### Beispiel WordPress speichert Beiträge, Optionen, Benutzer und Metadaten typischerweise in MySQL oder MariaDB. #### Verwandte Begriffe [Datenbank](https://www.jkconcepts.at/webtechnologien-glossar/#database) [WordPress](https://www.jkconcepts.at/webtechnologien-glossar/#wordpress) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) ## Begriffe mit N Backend & APIs · Fortgeschritten [#nodejs](https://www.jkconcepts.at/webtechnologien-glossar/#nodejs) ### Was ist Node.js? Node.js · JavaScript-Laufzeit außerhalb des Browsers Node.js führt JavaScript außerhalb des Browsers aus und wird für Server, Werkzeuge und Build-Prozesse verwendet. ### Technik, Beispiel und Einordnung #### Technisch erklärt Die Laufzeit kombiniert die V8-Engine mit ereignisorientierten I/O-Schnittstellen und einem Paketökosystem rund um npm. #### Beispiel Astro verwendet Node.js beim Erzeugen der statischen Website. #### Verwandte Begriffe [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) [Event Loop](https://www.jkconcepts.at/webtechnologien-glossar/#event-loop) [SSG](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) ## Begriffe mit P Backend & APIs · Grundlage [#php](https://www.jkconcepts.at/webtechnologien-glossar/#php) ### Was ist PHP? PHP · Serverseitige Programmiersprache PHP ist eine serverseitige Programmiersprache, die besonders häufig für Websites, APIs und Content-Management-Systeme eingesetzt wird. ### Technik, Beispiel und Einordnung #### Technisch erklärt Ein PHP-Prozess verarbeitet eine Anfrage, führt Anwendungscode aus und erzeugt eine HTTP-Antwort; Composer verwaltet typische Paketabhängigkeiten. #### Beispiel WordPress und WooCommerce führen ihre Kernlogik überwiegend in PHP aus. #### Verwandte Begriffe [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) [WordPress](https://www.jkconcepts.at/webtechnologien-glossar/#wordpress) [Webserver](https://www.jkconcepts.at/webtechnologien-glossar/#webserver) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) ## Begriffe mit R Performance & SEO · Fortgeschritten [#301-redirect](https://www.jkconcepts.at/webtechnologien-glossar/#301-redirect) ### Was bedeutet 301 Redirect? 301 Redirect · Dauerhafte HTTP-Weiterleitung Ein 301 Redirect kennzeichnet eine dauerhafte Weiterleitung auf eine neue URL. ### Technik, Beispiel und Einordnung #### Technisch erklärt Clients und Suchmaschinen dürfen das Ziel langfristig übernehmen; bei nicht sicheren Methoden kann 308 die Methodenerhaltung eindeutiger ausdrücken. #### Beispiel Eine alte WordPress-Adresse wird nach dem Relaunch auf die inhaltlich entsprechende neue Route geleitet. #### Verwandte Begriffe [Redirect](https://www.jkconcepts.at/webtechnologien-glossar/#redirect) [Canonical URL](https://www.jkconcepts.at/webtechnologien-glossar/#canonical-url) [HTTP 404](https://www.jkconcepts.at/webtechnologien-glossar/#http-404) [XML-Sitemap](https://www.jkconcepts.at/webtechnologien-glossar/#sitemap) **URLs und Inhalte bei einem Relaunch sauber übernehmen?** [Website-Relaunch ansehen →](https://www.jkconcepts.at/website-relaunch/) Sicherheit · Fortgeschritten [#rate-limiting](https://www.jkconcepts.at/webtechnologien-glossar/#rate-limiting) ### Was ist Rate Limiting? Rate Limiting · Begrenzung von Anfragen Rate Limiting begrenzt, wie viele Aktionen in einem Zeitraum zugelassen werden. ### Technik, Beispiel und Einordnung #### Technisch erklärt Grenzen können pro Konto, Token, IP, Route oder Risikosignal gelten; verteilte Systeme benötigen einen gemeinsamen oder konsistenten Zähler. #### Beispiel Nach mehreren fehlgeschlagenen Logins werden weitere Versuche schrittweise verzögert. #### Verwandte Begriffe [Brute Force](https://www.jkconcepts.at/website-sicherheit-glossar/#brute-force) [Bot Protection](https://www.jkconcepts.at/website-sicherheit-glossar/#bot-protection) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [DDoS](https://www.jkconcepts.at/website-sicherheit-glossar/#ddos) Frontend · Fortgeschritten [#react](https://www.jkconcepts.at/webtechnologien-glossar/#react) ### Was ist React? React · JavaScript-Bibliothek für Benutzeroberflächen React ist eine komponentenbasierte JavaScript-Bibliothek zum Erstellen zustandsabhängiger Benutzeroberflächen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Komponenten erzeugen deklarative Elementbäume; React koordiniert Zustandsänderungen, Rendering und je nach Laufzeit server- oder clientseitige Ausführung. #### Beispiel Ein komplexes Dashboard zerlegt Navigation, Filter, Tabellen und Diagramme in wiederverwendbare Komponenten. #### Verwandte Begriffe [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [CSR](https://www.jkconcepts.at/webtechnologien-glossar/#csr) [SSR](https://www.jkconcepts.at/webtechnologien-glossar/#ssr) [Hydration](https://www.jkconcepts.at/webtechnologien-glossar/#hydration) Performance & SEO · Grundlage [#redirect](https://www.jkconcepts.at/webtechnologien-glossar/#redirect) ### Was ist eine Weiterleitung? Redirect · HTTP-Weiterleitung Eine Weiterleitung teilt dem Client mit, dass eine Ressource unter einer anderen URL erreichbar ist. ### Technik, Beispiel und Einordnung #### Technisch erklärt 3xx-Statuscodes unterscheiden unter anderem dauerhafte und temporäre Ziele sowie den Umgang mit der ursprünglichen HTTP-Methode. #### Beispiel Nach einem Relaunch führt die alte Leistungs-URL dauerhaft zur passenden neuen Seite. #### Verwandte Begriffe [301 Redirect](https://www.jkconcepts.at/webtechnologien-glossar/#301-redirect) [URL](https://www.jkconcepts.at/webtechnologien-glossar/#url) [Canonical URL](https://www.jkconcepts.at/webtechnologien-glossar/#canonical-url) [HTTP 404](https://www.jkconcepts.at/webtechnologien-glossar/#http-404) HTTP & Netzwerk · Grundlage [#request-response](https://www.jkconcepts.at/webtechnologien-glossar/#request-response) ### Was sind Request und Response? Request & Response · Anfrage und Antwort Ein Client sendet einen Request; der Server verarbeitet ihn und liefert eine Response zurück. ### Technik, Beispiel und Einordnung #### Technisch erklärt Requests enthalten Methode, Ziel, Header und optional Daten. Responses enthalten Statuscode, Header und einen optionalen Antwortkörper. #### Beispiel POST /api/contact übermittelt Formulardaten und erhält eine Erfolgs- oder Fehlermeldung. #### Verwandte Begriffe [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) Frontend · Grundlage [#responsive-design](https://www.jkconcepts.at/webtechnologien-glossar/#responsive-design) ### Was ist Responsive Webdesign? Responsive Webdesign · Anpassungsfähiges Weblayout Responsive Webdesign passt Inhalt, Layout und Bedienung an unterschiedliche Bildschirmgrößen und Eingabemethoden an. ### Technik, Beispiel und Einordnung #### Technisch erklärt Flexible Raster, intrinsische Größen, responsive Medien sowie Media- und Container-Queries vermeiden gerätespezifische Einzellayouts. #### Beispiel Filterchips lassen sich auf kleinen Bildschirmen horizontal scrollen, statt viele Zeilen zu belegen. #### Verwandte Begriffe [Mobile First](https://www.jkconcepts.at/webtechnologien-glossar/#mobile-first) [Media Query](https://www.jkconcepts.at/webtechnologien-glossar/#media-query) [Barrierefreiheit im Web](https://www.jkconcepts.at/webtechnologien-glossar/#accessibility) [CSS Grid](https://www.jkconcepts.at/webtechnologien-glossar/#css-grid) Backend & APIs · Fortgeschritten [#rest-api](https://www.jkconcepts.at/webtechnologien-glossar/#rest-api) ### Was ist eine REST API? REST API · HTTP-Schnittstelle nach REST-Prinzipien Eine REST API stellt Ressourcen und Aktionen über klar definierte HTTP-Endpunkte bereit. ### Technik, Beispiel und Einordnung #### Technisch erklärt Typische Schnittstellen verwenden HTTP-Methoden, Statuscodes, URLs und repräsentationsbasierte Datenformate; REST selbst schreibt JSON nicht zwingend vor. #### Beispiel GET /api/orders/42 liest eine Bestellung, PATCH aktualisiert ausgewählte Felder. #### Verwandte Begriffe [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [JSON](https://www.jkconcepts.at/webtechnologien-glossar/#json) [Authentication](https://www.jkconcepts.at/website-sicherheit-glossar/#authentication) Performance & SEO · Grundlage [#robots-txt](https://www.jkconcepts.at/webtechnologien-glossar/#robots-txt) ### Was ist robots.txt? robots.txt · Crawler-Steuerdatei robots.txt gibt kooperierenden Crawlern Regeln für den Abruf bestimmter Websitebereiche. ### Technik, Beispiel und Einordnung #### Technisch erklärt Die Datei liegt am Ursprung unter /robots.txt; Disallow verhindert keinen sicheren Zugriff und ist kein verlässlicher Schutz vor Indexierung oder Angreifern. #### Beispiel Interne Suchergebnisse werden für Suchmaschinen-Crawler vom Abruf ausgeschlossen. #### Verwandte Begriffe [XML-Sitemap](https://www.jkconcepts.at/webtechnologien-glossar/#sitemap) [Crawler & AI Crawler](https://www.jkconcepts.at/webtechnologien-glossar/#ai-crawler) [Canonical URL](https://www.jkconcepts.at/webtechnologien-glossar/#canonical-url) ## Begriffe mit S Sicherheit · Technisch [#samesite-cookie](https://www.jkconcepts.at/webtechnologien-glossar/#samesite-cookie) ### Was bedeutet SameSite bei Cookies? SameSite Cookie · Begrenzung ursprungsübergreifender Cookie-Übertragung SameSite steuert, wann ein Browser Cookies bei Anfragen aus einem anderen Site-Kontext mitsendet. ### Technik, Beispiel und Einordnung #### Technisch erklärt Strict, Lax und None besitzen unterschiedliche Navigations- und Einbettungsregeln; SameSite=None verlangt Secure. #### Beispiel Ein Lax-Session-Cookie reduziert viele einfache CSRF-Szenarien, ohne normale Linknavigation zu verhindern. #### Verwandte Begriffe [Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#cookie) [CSRF](https://www.jkconcepts.at/website-sicherheit-glossar/#csrf) [Secure Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#secure-cookie) [HttpOnly](https://www.jkconcepts.at/webtechnologien-glossar/#httponly) Daten & Auffindbarkeit · Fortgeschritten [#schema-org](https://www.jkconcepts.at/webtechnologien-glossar/#schema-org) ### Was bedeutet Schema.org? Schema.org · Vokabular für strukturierte Webdaten Gemeinsames Vokabular, mit dem Websites Personen, Organisationen, Angebote, Begriffe und andere Inhalte beschreiben. ### Technik, Beispiel und Einordnung #### Beispiel Ein Glossar verwendet DefinedTermSet und DefinedTerm, um Begriffe und Definitionen maschinenlesbar auszuzeichnen. #### Warum ist das relevant? Schema.org schafft eine gemeinsame Sprache für Systeme; Markup allein ersetzt jedoch keine hilfreichen sichtbaren Inhalte. #### Verwandte Begriffe [Structured Data](https://www.jkconcepts.at/webtechnologien-glossar/#structured-data) [Entity](https://www.jkconcepts.at/ki-glossar/#entity) [GEO](https://www.jkconcepts.at/ki-glossar/#geo) Sicherheit · Fortgeschritten [#secure-cookie](https://www.jkconcepts.at/webtechnologien-glossar/#secure-cookie) ### Was bedeutet Secure bei Cookies? Secure Cookie · Nur über HTTPS übertragbares Cookie Das Secure-Attribut sorgt dafür, dass ein Cookie nur über verschlüsselte HTTPS-Verbindungen gesendet wird. ### Technik, Beispiel und Einordnung #### Technisch erklärt Es schützt nicht vor clientseitigem Auslesen und sollte für sensible Cookies mit HttpOnly, SameSite und enger Domain-/Path-Begrenzung kombiniert werden. #### Beispiel Ein Session-Cookie wird nie über eine unverschlüsselte HTTP-Verbindung übertragen. #### Verwandte Begriffe [Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#cookie) [HTTPS](https://www.jkconcepts.at/webtechnologien-glossar/#https) [HttpOnly](https://www.jkconcepts.at/webtechnologien-glossar/#httponly) [SameSite Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#samesite-cookie) Sicherheit · Fortgeschritten [#security-headers](https://www.jkconcepts.at/webtechnologien-glossar/#security-headers) ### Was sind Security Headers? Security Headers · HTTP-Sicherheitsheader Security Headers geben dem Browser zusätzliche Sicherheitsregeln für eine Website vor. ### Technik, Beispiel und Einordnung #### Technisch erklärt CSP, HSTS, frame-ancestors, Referrer-Policy und weitere Header begrenzen Ladequellen, Protokoll-Downgrades, Einbettung und Informationsweitergabe. #### Beispiel Eine CSP verhindert, dass beliebige fremde Skripte auf einer Seite ausgeführt werden dürfen. #### Verwandte Begriffe [Content Security Policy](https://www.jkconcepts.at/webtechnologien-glossar/#csp) [HSTS](https://www.jkconcepts.at/webtechnologien-glossar/#hsts) [HTTP Header](https://www.jkconcepts.at/webtechnologien-glossar/#http-header) [Cross-Site Scripting](https://www.jkconcepts.at/website-sicherheit-glossar/#xss) **Die Website technisch absichern?** [Website-Sicherheit ansehen →](https://www.jkconcepts.at/wordpress-sicherheit/) Backend & APIs · Fortgeschritten [#session](https://www.jkconcepts.at/webtechnologien-glossar/#session) ### Was ist eine Session? Session · Serverseitiger Sitzungszustand Eine Session hält zusammengehörende Benutzeranfragen über mehrere Seitenaufrufe hinweg in einem gemeinsamen Zustand. ### Technik, Beispiel und Einordnung #### Technisch erklärt Meist speichert der Server den Zustand und der Browser sendet lediglich eine zufällige Session-ID in einem geschützten Cookie. #### Beispiel Nach dem Login erkennt der Server anhand der Session-ID den angemeldeten Benutzer. #### Verwandte Begriffe [Cookie](https://www.jkconcepts.at/webtechnologien-glossar/#cookie) [Authentication](https://www.jkconcepts.at/website-sicherheit-glossar/#authentication) [Session Hijacking](https://www.jkconcepts.at/website-sicherheit-glossar/#session-hijacking) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) CMS & Plattformen · Fortgeschritten [#spa](https://www.jkconcepts.at/webtechnologien-glossar/#spa) ### Was ist eine Single Page Application? SPA · Single Page Application Eine SPA lädt ein Anwendungsdokument und aktualisiert Ansichten anschließend überwiegend im Browser. ### Technik, Beispiel und Einordnung #### Technisch erklärt Clientseitiges Routing und Zustandsmanagement ersetzen viele vollständige Seitennavigationen; Daten kommen meist über APIs. #### Beispiel Ein Projektmanagement-Tool wechselt zwischen Aufgaben und Ansichten, ohne das gesamte Dokument neu zu laden. #### Verwandte Begriffe [CSR](https://www.jkconcepts.at/webtechnologien-glossar/#csr) [Web-App](https://www.jkconcepts.at/webtechnologien-glossar/#web-app) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [React](https://www.jkconcepts.at/webtechnologien-glossar/#react) CMS & Plattformen · Fortgeschritten [#ssg](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) ### Was ist ein Static Site Generator? SSG · Static Site Generation Bei Static Site Generation entstehen fertige HTML-Seiten vor der Veröffentlichung statt bei jedem Aufruf. ### Technik, Beispiel und Einordnung #### Technisch erklärt Ein Build liest Templates und Daten, erzeugt Dateien und kann sie über einfachen Webspace oder ein CDN ausliefern. #### Beispiel Astro erzeugt alle bekannten Seiten während des Builds als statische HTML-Dateien. #### Verwandte Begriffe [Astro](https://www.jkconcepts.at/webtechnologien-glossar/#astro) [SSR](https://www.jkconcepts.at/webtechnologien-glossar/#ssr) [CSR](https://www.jkconcepts.at/webtechnologien-glossar/#csr) [CDN](https://www.jkconcepts.at/webtechnologien-glossar/#cdn) CMS & Plattformen · Fortgeschritten [#ssr](https://www.jkconcepts.at/webtechnologien-glossar/#ssr) ### Was bedeutet SSR? SSR · Server-Side Rendering Server-Side Rendering erzeugt HTML auf dem Server, typischerweise für jede Anfrage oder über einen serverseitigen Cache. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Server führt Anwendungslogik aus und serialisiert die Ansicht; clientseitige Hydration kann anschließend Interaktivität ergänzen. #### Beispiel Ein personalisiertes Portal rendert nach dem Login eine benutzerspezifische Übersichtsseite. #### Verwandte Begriffe [SSG](https://www.jkconcepts.at/webtechnologien-glossar/#ssg) [CSR](https://www.jkconcepts.at/webtechnologien-glossar/#csr) [Hydration](https://www.jkconcepts.at/webtechnologien-glossar/#hydration) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) Daten & Auffindbarkeit · Fortgeschritten [#structured-data](https://www.jkconcepts.at/webtechnologien-glossar/#structured-data) ### Was sind strukturierte Daten? Structured Data · Strukturierte Daten Maschinenlesbare Angaben, die Inhalt und Bedeutung einer Seite in festgelegten Feldern beschreiben. ### Technik, Beispiel und Einordnung #### Beispiel Eine Website kennzeichnet Organisation, Leistungen oder definierte Begriffe zusätzlich als JSON-LD. #### Warum ist das relevant? Strukturierte Daten erleichtern eindeutige Interpretation, müssen aber mit dem sichtbaren Inhalt übereinstimmen und technisch korrekt sein. #### Verwandte Begriffe [Schema.org](https://www.jkconcepts.at/webtechnologien-glossar/#schema-org) [Entity](https://www.jkconcepts.at/ki-glossar/#entity) [Knowledge Graph](https://www.jkconcepts.at/ki-glossar/#knowledge-graph) Sicherheit · Technisch [#subresource-integrity](https://www.jkconcepts.at/webtechnologien-glossar/#subresource-integrity) ### Was ist Subresource Integrity? Subresource Integrity · SRI SRI lässt Browser prüfen, ob eine extern geladene Ressource exakt dem erwarteten kryptografischen Hash entspricht. ### Technik, Beispiel und Einordnung #### Technisch erklärt Das integrity-Attribut enthält einen oder mehrere Hashwerte; bei Cross-Origin-Ressourcen muss die CORS-Konfiguration zur Prüfung passen. #### Beispiel Ein CDN-Skript wird nur ausgeführt, wenn sein Inhalt dem hinterlegten SHA-384-Hash entspricht. #### Verwandte Begriffe [Content Security Policy](https://www.jkconcepts.at/webtechnologien-glossar/#csp) [Software Supply Chain Attack](https://www.jkconcepts.at/website-sicherheit-glossar/#supply-chain-attack) [CORS](https://www.jkconcepts.at/webtechnologien-glossar/#cors) [Hashing](https://www.jkconcepts.at/website-sicherheit-glossar/#hashing) ## Begriffe mit T HTTP & Netzwerk · Fortgeschritten [#tls](https://www.jkconcepts.at/webtechnologien-glossar/#tls) ### Was ist TLS? TLS · Transport Layer Security TLS ist ein Protokoll für verschlüsselte und gegen Manipulation geschützte Netzwerkverbindungen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Handshake handelt Version und kryptografische Verfahren aus, prüft Zertifikate und leitet Sitzungsschlüssel für die symmetrische Verschlüsselung ab. #### Beispiel HTTPS, sichere Mailübertragung und viele APIs verwenden TLS als Transportschutz. #### Verwandte Begriffe [HTTPS](https://www.jkconcepts.at/webtechnologien-glossar/#https) [TLS-Zertifikat](https://www.jkconcepts.at/webtechnologien-glossar/#certificate) [Encryption](https://www.jkconcepts.at/website-sicherheit-glossar/#encryption) [HSTS](https://www.jkconcepts.at/webtechnologien-glossar/#hsts) HTTP & Netzwerk · Fortgeschritten [#certificate](https://www.jkconcepts.at/webtechnologien-glossar/#certificate) ### Was ist ein SSL-Zertifikat? TLS-Zertifikat · Digitales Zertifikat für einen Hostnamen Ein TLS-Zertifikat bestätigt die Zuordnung eines öffentlichen Schlüssels zu einem Domainnamen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Browser prüfen Signatur, Gültigkeit, Hostnamen und Zertifikatskette bis zu einer vertrauenswürdigen Zertifizierungsstelle. #### Beispiel Let's Encrypt stellt automatisierbare Domain-Zertifikate für HTTPS bereit. #### Verwandte Begriffe [TLS](https://www.jkconcepts.at/webtechnologien-glossar/#tls) [HTTPS](https://www.jkconcepts.at/webtechnologien-glossar/#https) [Encryption](https://www.jkconcepts.at/website-sicherheit-glossar/#encryption) Frontend · Fortgeschritten [#typescript](https://www.jkconcepts.at/webtechnologien-glossar/#typescript) ### Was ist TypeScript? TypeScript · JavaScript mit statischer Typprüfung TypeScript erweitert JavaScript um statische Typen und zusätzliche Entwicklungswerkzeuge. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Compiler prüft Typbeziehungen vor der Ausführung und erzeugt JavaScript; Typinformationen selbst stehen zur Laufzeit normalerweise nicht zur Verfügung. #### Beispiel Ein Interface beschreibt, welche Felder ein Glossarbegriff besitzen muss. #### Verwandte Begriffe [JavaScript](https://www.jkconcepts.at/webtechnologien-glossar/#javascript) [Frontend](https://www.jkconcepts.at/webtechnologien-glossar/#frontend) [Node.js](https://www.jkconcepts.at/webtechnologien-glossar/#nodejs) ## Begriffe mit U Grundlagen · Grundlage [#url](https://www.jkconcepts.at/webtechnologien-glossar/#url) ### Was ist eine URL? URL · Uniform Resource Locator Eine URL beschreibt die Adresse einer konkreten Ressource im Web. ### Technik, Beispiel und Einordnung #### Technisch erklärt Sie kann Schema, Host, Port, Pfad, Query-String und Fragment enthalten, etwa https://example.at/suche/?q=test#ergebnis. #### Beispiel Die Domain benennt den Host; der Pfad /kontakt/ bezeichnet eine Ressource auf diesem Host. #### Verwandte Begriffe [Domain](https://www.jkconcepts.at/webtechnologien-glossar/#domain) [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [Canonical URL](https://www.jkconcepts.at/webtechnologien-glossar/#canonical-url) [Redirect](https://www.jkconcepts.at/webtechnologien-glossar/#redirect) ## Begriffe mit W Grundlagen · Grundlage [#web-app](https://www.jkconcepts.at/webtechnologien-glossar/#web-app) ### Was ist eine Web-App? Web-App · Webanwendung Eine Web-App ist eine im Browser bediente Anwendung, bei der Nutzer Daten bearbeiten oder konkrete Arbeitsabläufe ausführen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Web-Apps kombinieren eine Benutzeroberfläche im Browser mit serverseitiger Logik, APIs, Datenbanken und häufig einer Benutzeranmeldung. #### Beispiel Ein internes Auftragsportal ersetzt gemeinsam bearbeitete Excel-Dateien und E-Mail-Abstimmungen. #### Warum ist das relevant? Die Abgrenzung zur Website beeinflusst Architektur, Sicherheitsbedarf, Entwicklungskosten und laufende Betreuung. #### Verwandte Begriffe [Website](https://www.jkconcepts.at/webtechnologien-glossar/#website) [Frontend](https://www.jkconcepts.at/webtechnologien-glossar/#frontend) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) **Einen internen Ablauf als Web-App umsetzen?** [Interne Apps ansehen →](https://www.jkconcepts.at/interne-app-entwicklung/) Sicherheit · Technisch [#webauthn](https://www.jkconcepts.at/webtechnologien-glossar/#webauthn) ### Was ist WebAuthn? WebAuthn · Web Authentication API WebAuthn ist die Browser-API für starke Public-Key-Anmeldungen mit Passkeys und Sicherheitsschlüsseln. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Server sendet eine Challenge; der Authenticator signiert sie für die konkrete Relying Party und verhindert dadurch einfache Phishing-Wiederverwendung. #### Beispiel Ein Hardware-Sicherheitsschlüssel bestätigt die Administratoranmeldung. #### Verwandte Begriffe [Passkey](https://www.jkconcepts.at/website-sicherheit-glossar/#passkey) [Authentication](https://www.jkconcepts.at/website-sicherheit-glossar/#authentication) [MFA / 2FA](https://www.jkconcepts.at/website-sicherheit-glossar/#mfa) [Phishing](https://www.jkconcepts.at/website-sicherheit-glossar/#phishing) Backend & APIs · Fortgeschritten [#webhook](https://www.jkconcepts.at/webtechnologien-glossar/#webhook) ### Was ist ein Webhook? Webhook · Ereignisbasierter HTTP-Aufruf Ein Webhook informiert ein anderes System per HTTP automatisch über ein Ereignis. ### Technik, Beispiel und Einordnung #### Technisch erklärt Der Sender ruft eine registrierte URL auf; Empfänger sollten Signaturen prüfen, Wiederholungen vertragen und Verarbeitung idempotent gestalten. #### Beispiel Ein Zahlungsanbieter meldet dem Shop, dass eine Zahlung erfolgreich abgeschlossen wurde. #### Verwandte Begriffe [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [REST API](https://www.jkconcepts.at/webtechnologien-glossar/#rest-api) [Authentication](https://www.jkconcepts.at/website-sicherheit-glossar/#authentication) [Rate Limiting](https://www.jkconcepts.at/webtechnologien-glossar/#rate-limiting) Grundlagen · Grundlage [#webhosting](https://www.jkconcepts.at/webtechnologien-glossar/#webhosting) ### Was ist Webhosting? Webhosting · Betriebsumgebung für Websites Webhosting stellt Speicher, Rechenleistung und Netzwerkzugang bereit, damit eine Website im Internet ausgeliefert werden kann. ### Technik, Beispiel und Einordnung #### Technisch erklärt Je nach Angebot laufen Webserver, Laufzeit, Datenbank, TLS, Backups und E-Mail auf geteilter, virtueller, dedizierter oder verwalteter Infrastruktur. #### Beispiel Ein WordPress-Hosting führt PHP aus, verbindet sich mit MySQL und liefert Bilder sowie Stylesheets aus. #### Warum ist das relevant? Leistung, Sicherheit, Backups und Support des Hostings beeinflussen die Zuverlässigkeit der Website. #### Verwandte Begriffe [Domain](https://www.jkconcepts.at/webtechnologien-glossar/#domain) [Webserver](https://www.jkconcepts.at/webtechnologien-glossar/#webserver) [DNS](https://www.jkconcepts.at/webtechnologien-glossar/#dns) [CDN](https://www.jkconcepts.at/webtechnologien-glossar/#cdn) **Probleme mit Domain, DNS oder Hosting?** [Hosting-Hilfe ansehen →](https://www.jkconcepts.at/domain-email-hosting-hilfe/) HTTP & Netzwerk · Grundlage [#webserver](https://www.jkconcepts.at/webtechnologien-glossar/#webserver) ### Was ist ein Webserver? Webserver · Server für HTTP-Anfragen Ein Webserver nimmt HTTP-Anfragen entgegen und liefert Dateien oder dynamisch erzeugte Antworten an Browser und andere Clients. ### Technik, Beispiel und Einordnung #### Technisch erklärt Software wie nginx oder Apache übernimmt TLS, Routing, Caching, Kompression und die Weiterleitung an Anwendungsprozesse. #### Beispiel Der Webserver liefert eine statische HTML-Datei direkt aus oder leitet eine PHP-Anfrage an PHP-FPM weiter. #### Verwandte Begriffe [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [Request & Response](https://www.jkconcepts.at/webtechnologien-glossar/#request-response) [Webhosting](https://www.jkconcepts.at/webtechnologien-glossar/#webhosting) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) Grundlagen · Grundlage [#website](https://www.jkconcepts.at/webtechnologien-glossar/#website) ### Was ist eine Website? Website · Zusammenhängender Webauftritt Eine Website ist ein über eine Domain erreichbarer Webauftritt aus einer oder mehreren zusammengehörenden Seiten. ### Technik, Beispiel und Einordnung #### Technisch erklärt Browser laden Dokumente und Ressourcen über HTTP oder HTTPS von einem Webserver. Navigation, URLs und Verlinkungen verbinden die einzelnen Seiten zu einem gemeinsamen Angebot. #### Beispiel Eine Unternehmenswebsite enthält etwa Startseite, Leistungen, Projekte, Kontakt und rechtliche Seiten. #### Warum ist das relevant? Für Aufbau, Betrieb und Kosten ist entscheidend, ob eine einfache Website, ein CMS, ein Shop oder eine Web-App benötigt wird. #### Verwandte Begriffe [Domain](https://www.jkconcepts.at/webtechnologien-glossar/#domain) [Webhosting](https://www.jkconcepts.at/webtechnologien-glossar/#webhosting) [HTML](https://www.jkconcepts.at/webtechnologien-glossar/#html) [Web-App](https://www.jkconcepts.at/webtechnologien-glossar/#web-app) **Eine neue Website sinnvoll aufbauen?** [Website-Projekt ansehen →](https://www.jkconcepts.at/website-erstellen-lassen/) HTTP & Netzwerk · Technisch [#websocket](https://www.jkconcepts.at/webtechnologien-glossar/#websocket) ### Was ist ein WebSocket? WebSocket · Dauerhafte bidirektionale Webverbindung WebSocket ermöglicht eine dauerhaft offene Verbindung, über die Client und Server jederzeit Nachrichten senden können. ### Technik, Beispiel und Einordnung #### Technisch erklärt Nach einem HTTP-Upgrade verwendet die Verbindung ein eigenes framebasiertes Protokoll über TCP und benötigt eine explizite Authentifizierungs- und Verbindungslogik. #### Beispiel Chats, Live-Dashboards oder gemeinsame Bearbeitung übertragen Aktualisierungen ohne ständiges Polling. #### Verwandte Begriffe [HTTP](https://www.jkconcepts.at/webtechnologien-glossar/#http) [API](https://www.jkconcepts.at/webtechnologien-glossar/#api) [Authentication](https://www.jkconcepts.at/website-sicherheit-glossar/#authentication) CMS & Plattformen · Grundlage [#wordpress](https://www.jkconcepts.at/webtechnologien-glossar/#wordpress) ### Was ist WordPress? WordPress · Open-Source Content-Management-System WordPress ist ein weit verbreitetes Open-Source-CMS für Websites, redaktionelle Inhalte und mit Erweiterungen auch Onlineshops. ### Technik, Beispiel und Einordnung #### Technisch erklärt WordPress basiert überwiegend auf PHP und MySQL, besitzt Theme-, Plugin-, Hook-, Rollen- und REST-API-Systeme und benötigt laufende Updates. #### Beispiel Ein individuelles Theme bildet die Unternehmensgestaltung ab, während strukturierte Inhaltsfelder die Pflege vereinfachen. #### Warum ist das relevant? Die Qualität hängt stark von Architektur, Erweiterungen, Wartung, Hosting und Sicherheitskonfiguration ab. #### Verwandte Begriffe [CMS](https://www.jkconcepts.at/webtechnologien-glossar/#cms) [PHP](https://www.jkconcepts.at/webtechnologien-glossar/#php) [MySQL](https://www.jkconcepts.at/webtechnologien-glossar/#mysql) [WordPress Hardening](https://www.jkconcepts.at/website-sicherheit-glossar/#wordpress-hardening) **WordPress individuell und wartbar umsetzen?** [WordPress-Entwicklung ansehen →](https://www.jkconcepts.at/wordpress-entwicklung/) Sicherheit · Technisch [#wp-cron](https://www.jkconcepts.at/webtechnologien-glossar/#wp-cron) ### Was ist WP-Cron? WP-Cron · Ereignisplanung in WordPress WP-Cron führt geplante WordPress-Aufgaben aus, wird standardmäßig aber durch Seitenaufrufe angestoßen. ### Technik, Beispiel und Einordnung #### Technisch erklärt Bei unregelmäßigem oder hohem Verkehr kann ein echter System-Cron zuverlässiger sein; blockierte oder überlastete Cron-Läufe beeinträchtigen Updates und Hintergrundjobs. #### Beispiel Geplante Veröffentlichungen und WooCommerce-Hintergrundaufgaben hängen von zuverlässig ausgeführten Cron-Ereignissen ab. #### Verwandte Begriffe [WordPress](https://www.jkconcepts.at/webtechnologien-glossar/#wordpress) [Monitoring](https://www.jkconcepts.at/webtechnologien-glossar/#monitoring) [Backend](https://www.jkconcepts.at/webtechnologien-glossar/#backend) ## Begriffe mit X Performance & SEO · Grundlage [#sitemap](https://www.jkconcepts.at/webtechnologien-glossar/#sitemap) ### Was ist eine Sitemap? XML-Sitemap · Maschinenlesbare URL-Liste Eine XML-Sitemap listet indexierbare URLs und optionale Aktualisierungsdaten für Suchmaschinen auf. ### Technik, Beispiel und Einordnung #### Technisch erklärt Sie unterstützt das Auffinden, ersetzt aber weder interne Verlinkung noch Indexierbarkeit und garantiert keine Aufnahme in den Suchindex. #### Beispiel Ein statischer Build erzeugt eine Sitemap aus allen indexierbaren Routen. #### Verwandte Begriffe [robots.txt](https://www.jkconcepts.at/webtechnologien-glossar/#robots-txt) [Canonical URL](https://www.jkconcepts.at/webtechnologien-glossar/#canonical-url) [HTTP 404](https://www.jkconcepts.at/webtechnologien-glossar/#http-404) [Crawler & AI Crawler](https://www.jkconcepts.at/webtechnologien-glossar/#ai-crawler) Technik passend zum Vorhaben ## Website, CMS oder individuelle Web-App? Die passende Architektur hängt von Inhalten, Abläufen, Schnittstellen, Wartung und dem tatsächlichen Ziel ab.