Webseiten-Baukasten - Einfach & Schnell

Ich bin Jawad Abou Chalah, zertifizierter Webentwickler mit IHK-Abschluss (Note 1). Ich setze komplette Webprojekte eigenständig um – vom UI im Browser bis zur Datenhaltung in MySQL, mit PHP im Backend und JavaScript im Frontend. Mein Ziel: Code, der verständlich bleibt, Projekte, die im Alltag funktionieren, und Lösungen, die man später ohne Schmerzen erweitern kann.

Tech-Stack

🧰 Mein aktueller Stack

Frontend: HTML5, CSS3 (responsive), Vanilla JavaScript
Backend: PHP (OOP), MVC, MySQL
CMS: WordPress (Anpassungen, einfache Themes/Child-Themes)
Tools: Git, VS Code, FileZilla, phpMyAdmin

Formulare & Validierung Prepared Statements Login & Sessions

Arbeitsweise

🧠 Soft Skills

Analytisches Denken – ich suche die Ursache, nicht nur einen schnellen Workaround.
Zuverlässigkeit – zugesagte Aufgaben werden erledigt, ohne Nachhaken.
Selbstorganisation – strukturierte Arbeitsweise, klare Prioritäten, Deadlines im Blick.
Lernbereitschaft – neue Tools/Frameworks sind kein Problem, wenn sie dem Projekt helfen.
Kommunikation – klare, direkte Abstimmung mit technischen und nicht-technischen Ansprechpartnern.
Durchhaltevermögen – ich bleibe an Bugs und Problemen dran, bis sie wirklich gelöst sind.

In Entwicklung

🛒 E-Commerce Shop-Baukasten (MVC & OOP)

Ein deutlich erweitertes Folgeprojekt zu meinem ersten Baukasten: objektorientiert aufgebaut, im Backend als MVC-Anwendung in PHP, im Frontend mit JavaScript – aktuell noch in Entwicklung.

Architektur: saubere Trennung in Controller, Models und Views (MVC), Routing und Request-Verarbeitung zentral geregelt.
OOP: Klassen u. a. für Produkte, Kategorien, Nutzer, Warenkorb und Bestellungen – mit klaren Verantwortlichkeiten und vorbereiteten Services (z. B. Validation, Sessions).
Frontend: JavaScript für dynamische Produktlisten, Filter und Warenkorb-Updates (ohne vollständigen Seiten-Reload), vorbereitet für API-Calls an das PHP-Backend.
Datenmodell: MySQL-Struktur für Produkte, Kategorien, Nutzer, Bestellungen und Zahlungen, von Anfang an auf Erweiterbarkeit ausgelegt (z. B. Rabatte, Bestellhistorie).
Shop-Logik: Produktverwaltung im Backend, Warenkorb, Checkout-Flow und Bestellübersicht – teils bereits umgesetzt, teils in aktiver Entwicklung.
Security & Rechte: Login- und Rollen-Konzept, Session-Handling und Input-Validierung orientiert an Best Practices – aber strukturierter als im ersten Projekt.
Payment (geplant): technische Vorbereitung für gängige Zahlungsanbieter (z. B. PayPal / Stripe).

Das Projekt ist bewusst als „nächstes Level“ angelegt, um potenziellen Arbeitgebern zu zeigen, wie ich ein komplexeres E-Commerce-System mit PHP-OOP, MVC und JavaScript strukturiere – inklusive Datenmodell und Erweiterbarkeit.

Über einen separaten Link können Sie sich später den aktuellen Stand im Detail ansehen (Projektoberfläche, Code-Struktur, Datenbankmodell usw.). jetzt code ansehen

PHP-OOP & MVC JavaScript-Frontend Shop-Datenmodell Erweiterbares System

Praxisprojekt

🧱 Webseiten-Baukasten mit CMS-Funktion

Ein System, mit dem komplette Webseiten direkt im Browser erstellt und verwaltet werden können – ohne Programmierkenntnisse.

Modularer Aufbau: Header, Footer und Inhaltsbereiche (Sections) lassen sich frei kombinieren, bearbeiten und anordnen.
Dynamische Inhalte: JavaScript baut die Seitenstruktur in Echtzeit auf, Änderungen sind sofort sichtbar.
Datenhaltung: Inhalte werden als JSON per PHP verarbeitet und in einer MySQL-Datenbank gespeichert.
Bildverwaltung: Upload, Anzeige, Auswahl und Löschung von Bildern inkl. serverseitiger Prüfung.
Benutzeroberfläche: einfache, verständliche Bedienung ohne technische Vorkenntnisse.
Sicherheit: Passwort-Hashing, Input-Validierung und Session-Handling im Backend.
Wiederherstellung: gespeicherte Seiten können geladen, angepasst und erneut veröffentlicht werden.

Content als JSON Admin-Logik Realistischer Use-Case

Erstelle deine eigene professionelle Webseite – ohne Vorkenntnisse, ohne Stress, direkt über unseren Server mit dem Baukastensystem.

Jetzt registrieren

Recruiter können sich hier direkt einloggen und den Baukasten testen – ohne eigenen Account. So sehen Sie schnell und unkompliziert, wie ich arbeite.

Recruiter-Login (ohne Registrierung)