Webentwicklung Glossar
Umfassendes Nachschlagewerk für Webentwicklung: Von A wie API bis Z wie Zend Framework. Über 200 wichtige Begriffe aus JavaScript, PHP, Laravel, SQL, HTML und CSS – verständlich erklärt mit praktischen Beispielen.
A
AJAX (Asynchronous JavaScript and XML) JavaScript
Eine Technik für asynchrone Kommunikation zwischen Client und Server ohne Neuladen der Seite.
Beispiel:
fetch("/api/data").then(response => response.json()).then(data => updateUI(data));Verwandte Begriffe:
API (Application Programming Interface) Allgemein
Eine Schnittstelle, die es verschiedenen Softwareanwendungen ermöglicht, miteinander zu kommunizieren. APIs definieren, wie Anfragen gestellt und Antworten empfangen werden.
Beispiel:
fetch("/api/users").then(response => response.json())Verwandte Begriffe:
Array JavaScript
Eine Datenstruktur, die mehrere Werte in einer geordneten Liste speichert. Arrays sind in JavaScript dynamisch und können verschiedene Datentypen enthalten.
Beispiel:
const fruits = ["apple", "banana", "orange"]; fruits.push("grape");Verwandte Begriffe:
Async/Await JavaScript
Eine moderne Syntax für asynchrone Programmierung in JavaScript, die Promises lesbarer macht und synchronen Code ähnelt.
Beispiel:
async function fetchData() { const data = await fetch("/api/data"); return data.json(); }Verwandte Begriffe:
Asynchron JavaScript
Ein Programmierparadigma, bei dem Operationen parallel oder zeitversetzt ausgeführt werden, ohne den Hauptthread zu blockieren.
Beispiel:
Ermöglicht non-blocking I/O Operationen wie HTTP-Requests oder Datei-Zugriffe
Verwandte Begriffe:
Autoloading PHP
Ein Mechanismus in PHP, der automatisch Klassen lädt, wenn sie benötigt werden, ohne explizite require/include Statements.
Beispiel:
Composer PSR-4 Autoloading: "App\": "src/"
Verwandte Begriffe:
B
Blade Laravel
Laravels Template-Engine, die eine einfache und elegante Syntax für das Schreiben von Views bietet.
Beispiel:
@if($user->isAdmin()) <p>Admin Panel</p> @endifVerwandte Begriffe:
Bootstrap CSS
Ein beliebtes CSS-Framework, das vorgefertigte Komponenten und ein responsives Grid-System für schnelle Webentwicklung bereitstellt.
Beispiel:
<div class="container"><div class="row"><div class="col-md-6">Content</div></div></div>
Verwandte Begriffe:
C
Cache Performance
Ein temporärer Speicher, der häufig verwendete Daten speichert, um die Zugriffsgeschwindigkeit zu verbessern.
Beispiel:
Laravel: Cache::remember("users", 3600, function() { return User::all(); });Verwandte Begriffe:
Callback JavaScript
Eine Funktion, die als Argument an eine andere Funktion übergeben wird und zu einem späteren Zeitpunkt ausgeführt wird.
Beispiel:
setTimeout(() => { console.log("Hello"); }, 1000);Verwandte Begriffe:
Closure JavaScript
Eine Funktion, die Zugriff auf Variablen aus ihrem äußeren (umschließenden) Scope hat, auch nachdem die äußere Funktion zurückgekehrt ist.
Beispiel:
function outer() { let x = 10; return function() { return x; }; }Verwandte Begriffe:
Composer PHP
Ein Dependency Manager für PHP, der das Installieren und Verwalten von Bibliotheken und deren Abhängigkeiten automatisiert.
Beispiel:
composer require monolog/monolog
Verwandte Begriffe:
CORS (Cross-Origin Resource Sharing) Web
Ein Sicherheitsmechanismus, der es Webseiten ermöglicht, Ressourcen von anderen Domains anzufordern, unter bestimmten Bedingungen.
Beispiel:
Access-Control-Allow-Origin: https://example.com
Verwandte Begriffe:
CSS (Cascading Style Sheets) CSS
Eine Stylesheet-Sprache, die das Aussehen und die Formatierung von HTML-Dokumenten beschreibt.
Beispiel:
.button { background-color: #007bff; color: white; padding: 10px 20px; }
Verwandte Begriffe:
D
Dependency Injection PHP
Ein Design Pattern, bei dem Abhängigkeiten von außen in eine Klasse injiziert werden, anstatt sie intern zu erstellen.
Beispiel:
public function __construct(UserRepository $userRepo) { $this->userRepo = $userRepo; }Verwandte Begriffe:
DOM (Document Object Model) JavaScript
Eine Programmierschnittstelle für HTML- und XML-Dokumente, die eine strukturierte Darstellung des Dokuments als Baum von Objekten bietet.
Beispiel:
document.getElementById("myButton").addEventListener("click", handleClick);Verwandte Begriffe:
E
Eloquent Laravel
Laravels Object-Relational Mapping (ORM) System, das eine elegante ActiveRecord-Implementierung für die Arbeit mit Datenbanken bietet.
Beispiel:
User::where("active", true)->orderBy("created_at", "desc")->get();Verwandte Begriffe:
Event Loop JavaScript
Der Mechanismus in JavaScript, der asynchrone Operationen verwaltet und die Ausführung von Code, Events und Callbacks koordiniert.
Beispiel:
Ermöglicht non-blocking I/O Operationen in JavaScript
Verwandte Begriffe:
F
Fetch API JavaScript
Eine moderne Web-API für HTTP-Anfragen, die Promises verwendet und XMLHttpRequest ersetzt. Bietet eine sauberere Syntax für asynchrone Netzwerkanfragen.
Beispiel:
fetch("/api/data").then(response => response.json()).then(data => console.log(data))Verwandte Begriffe:
Flexbox CSS
Ein CSS-Layout-Modell, das eine effiziente Anordnung, Verteilung und Ausrichtung von Elementen in einem Container ermöglicht.
Beispiel:
.container { display: flex; justify-content: center; align-items: center; }
Verwandte Begriffe:
Function JavaScript
Ein wiederverwendbarer Codeblock, der eine bestimmte Aufgabe ausführt und optional Parameter akzeptiert und Werte zurückgibt.
Beispiel:
function calculateSum(a, b) { return a + b; }Verwandte Begriffe:
G
Git Tools
Ein verteiltes Versionskontrollsystem, das Änderungen an Dateien verfolgt und die Zusammenarbeit zwischen Entwicklern ermöglicht.
Beispiel:
git add . && git commit -m "Add new feature" && git push origin main
Verwandte Begriffe:
Grid CSS
Ein zweidimensionales CSS-Layout-System, das präzise Kontrolle über Zeilen und Spalten in einem Layout bietet.
Beispiel:
.grid { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 20px; }
Verwandte Begriffe:
H
HTML (HyperText Markup Language) HTML
Die Standard-Markup-Sprache für die Erstellung von Webseiten und Web-Anwendungen.
Beispiel:
<div class="container"><h1>Welcome</h1><p>Hello World!</p></div>
Verwandte Begriffe:
HTTP (HyperText Transfer Protocol) Web
Das Protokoll für die Übertragung von Daten zwischen Webservern und Clients (Browsern).
Beispiel:
GET /api/users HTTP/1.1 Host: example.com
Verwandte Begriffe:
I
Index SQL
Eine Datenstruktur, die die Geschwindigkeit von Datenabfragen in einer Datenbank verbessert, indem sie einen schnellen Zugriffspfad zu Daten bereitstellt.
Beispiel:
CREATE INDEX idx_user_email ON users(email);Verwandte Begriffe:
Interface PHP
Ein Vertrag, der definiert, welche Methoden eine Klasse implementieren muss, ohne die Implementierung selbst zu spezifizieren.
Beispiel:
interface PaymentInterface { public function processPayment($amount); }Verwandte Begriffe:
J
JavaScript JavaScript
Eine hochrangige, interpretierte Programmiersprache, die hauptsächlich für die Entwicklung interaktiver Webseiten verwendet wird.
Beispiel:
const message = "Hello World"; console.log(message);Verwandte Begriffe:
JOIN SQL
Eine SQL-Operation, die Zeilen aus zwei oder mehr Tabellen basierend auf einer verwandten Spalte zwischen ihnen kombiniert.
Beispiel:
SELECT u.name, o.total FROM users u INNER JOIN orders o ON u.id = o.user_id;
Verwandte Begriffe:
JSON (JavaScript Object Notation) Datenformat
Ein leichtgewichtiges Datenformat für den Austausch von Daten zwischen Server und Client.
Beispiel:
{"name": "John", "age": 30, "city": "New York"}
Verwandte Begriffe:
L
Laravel Laravel
Ein elegantes PHP-Framework für Webentwicklung, das eine ausdrucksstarke und elegante Syntax bietet.
Beispiel:
Route::get("/users", [UserController::class, "index"]);Verwandte Begriffe:
LINQ (Language Integrated Query) Allgemein
Ein Konzept für die Integration von Abfragefunktionen direkt in Programmiersprachen.
Beispiel:
JavaScript: users.filter(u => u.active).map(u => u.name)Verwandte Begriffe:
M
MVC (Model-View-Controller) Architecture
Ein Architekturmuster, das eine Anwendung in drei miteinander verbundene Komponenten unterteilt: Model (Daten), View (Präsentation) und Controller (Logik).
Beispiel:
Laravel: Model (User.php), View (user.blade.php), Controller (UserController.php)Verwandte Begriffe:
MySQL Database
Ein weit verbreitetes relationales Datenbankmanagementsystem, das SQL für den Zugriff auf Daten verwendet.
Beispiel:
SELECT * FROM users WHERE created_at > "2024-01-01";
Verwandte Begriffe:
N
Namespace PHP
Ein Mechanismus zur Kapselung von Elementen wie Klassen, Funktionen und Konstanten, um Namenskonflikte zu vermeiden.
Beispiel:
namespace App\Controllers; use App\Models\User;
Verwandte Begriffe:
Node.js JavaScript
Eine JavaScript-Laufzeitumgebung, die es ermöglicht, JavaScript auf dem Server auszuführen.
Beispiel:
const http = require("http"); http.createServer((req, res) => { res.end("Hello"); }).listen(3000);Verwandte Begriffe:
O
OOP (Object-Oriented Programming) Programming
Ein Programmierparadigma, das auf dem Konzept von "Objekten" basiert, die Daten (Attribute) und Code (Methoden) enthalten.
Beispiel:
class User { public $name; public function getName() { return $this->name; } }Verwandte Begriffe:
ORM (Object-Relational Mapping) Database
Eine Technik, die es ermöglicht, Daten zwischen inkompatiblen Typsystemen in objektorientierten Programmiersprachen zu konvertieren.
Beispiel:
Laravel Eloquent: User::find(1)->orders()->where("status", "completed")->get();Verwandte Begriffe:
P
PHP PHP
Eine serverseitige Skriptsprache, die speziell für die Webentwicklung entwickelt wurde, aber auch als allgemeine Programmiersprache verwendet wird.
Beispiel:
<?php echo "Hello, World!"; $users = User::all(); ?>Verwandte Begriffe:
Promise JavaScript
Ein Objekt, das das eventuelle Ergebnis (oder den Fehler) einer asynchronen Operation repräsentiert.
Beispiel:
fetch("/api/data").then(response => response.json()).catch(error => console.error(error));Verwandte Begriffe:
PSR-4 PHP
Ein Standard für Autoloading von Klassen aus Dateipfaden, der von der PHP-FIG (Framework Interop Group) definiert wurde.
Beispiel:
Namespace App\Controllers\ maps to src/Controllers/ directory
Verwandte Begriffe:
R
Responsive Design CSS
Ein Ansatz für Webdesign, der darauf abzielt, Webseiten auf verschiedenen Geräten und Bildschirmgrößen optimal darzustellen.
Beispiel:
@media (max-width: 768px) { .container { width: 100%; } }Verwandte Begriffe:
REST (Representational State Transfer) API
Ein Architekturstil für die Entwicklung von Webservices, der HTTP-Methoden für CRUD-Operationen verwendet.
Beispiel:
GET /api/users, POST /api/users, PUT /api/users/1, DELETE /api/users/1
Verwandte Begriffe:
S
Scope JavaScript
Der Bereich in einem Programm, in dem eine Variable zugänglich ist. JavaScript hat globalen, funktionalen und Block-Scope.
Beispiel:
function example() { let localVar = "I am local"; } // localVar ist nur in der Funktion verfügbarVerwandte Begriffe:
SQL (Structured Query Language) SQL
Eine standardisierte Sprache für die Verwaltung und Abfrage von relationalen Datenbanken.
Beispiel:
SELECT name, email FROM users WHERE active = 1 ORDER BY created_at DESC;
Verwandte Begriffe:
T
TailwindCSS CSS
Ein Utility-First CSS-Framework, das vordefinierte Klassen für schnelle UI-Entwicklung bereitstellt.
Beispiel:
<div class="bg-orange-500 text-white p-4 rounded-lg shadow-md">Content</div>
Verwandte Begriffe:
Trait PHP
Ein Mechanismus für Code-Wiederverwendung in Sprachen mit Einfachvererbung, der es ermöglicht, Methoden in mehreren Klassen zu verwenden.
Beispiel:
trait Timestampable { public function touch() { $this->updated_at = now(); } }Verwandte Begriffe:
V
Variable Programming
Ein benannter Speicherplatz, der einen Wert enthält und während der Programmausführung geändert werden kann.
Beispiel:
let userName = "John"; const API_URL = "https://api.example.com";
Verwandte Begriffe:
Vue.js JavaScript
Ein progressives JavaScript-Framework für die Entwicklung von Benutzeroberflächen und Single-Page-Applications.
Beispiel:
Vue Single File Component mit Template, Script und Style Blöcken
Verwandte Begriffe:
W
Webpack Tools
Ein statischer Modul-Bundler für moderne JavaScript-Anwendungen, der Assets und Abhängigkeiten verwaltet.
Beispiel:
Bundelt JavaScript, CSS, Bilder und andere Assets in optimierte Dateien
Verwandte Begriffe:
X
XMLHttpRequest JavaScript
Eine ältere Web-API für HTTP-Anfragen in JavaScript. Wird heute meist durch die modernere Fetch API ersetzt.
Beispiel:
const xhr = new XMLHttpRequest(); xhr.open("GET", "/api/data"); xhr.send();Verwandte Begriffe:
Professionelle Laravel-Entwicklung
Benötigst du Unterstützung bei Ihrem Webentwicklungs-Projekt? Von der Konzeption bis zur Umsetzung – ich entwickle maßgeschneiderte Lösungen mit modernen Technologien.