Diese Webseite verwendet ausschließlich essenzielle Cookies, um die Funktionalität zu gewährleisten. Durch die weitere Nutzung der Seite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen finden Sie in unserer Datenschutzerklärung.

Cookie-Einstellungen

Essenzielle

Präferenz-Cookies

0
0 KB
FPS: 0
0 ms
leer
  • Startseite
  • Canvas
  • Über mich
  • Service
  • Kontakt
    • EN
      en
    • DE
      de
  • 0
    0 KB
    Ladende Ressource:
0.17 s
0
Performance: Ok
FPS: 32
0 ms
Keine Mathe-Animationen
Tim Langner
Full-Stack Webentwickler
Vorstellung
Kurzprofil Fokus Technik
about.skills.header
Web-Grundlagen Frontend Backend & APIs Plattformen & Integrationen Daten & Speicher DevOps & Hosting Arbeitsfluss & Zusammenarbeit Qualität & Performance Creative & Design
Jan 2021 — Heute Freiberuflicher Web-Entwickler Lan Web Dev 2020 – 2023 IT-Einstieg & Start-ups, Lernphase 2015 – 2020 Beruflicher Umbruch / Orientierungsphase 2011 – 2015 Chemielaborant bei J&J Medical
PROJEKTE
Partner Eigene Projekte Experimentelles
Full-Stack Web Developer — von Schleswig-Holstein über Hamburg nach Potsdam.

Geboren im April 1992. Aufgewachsen viel in der Natur — in einem idyllischen Dorf in Schleswig-Holstein. Mit 18 Jahren bin ich direkt an Hamburg gezogen und habe das Stadtleben lieben gelernt.

Nach meiner Ausbildung zum Chemielaboranten (2011) hat mich die neue wissenschaftliche Sichtweise unserer Welt nur noch tiefer in Philosophie und Naturwissenschaften gedrückt. Dadurch wuchs mein Weltbild von dem der Erde zum Kosmos — und mein Heimatgefühl vom nördlichen Deutschland zur ganzen Welt.

2015 habe ich mich bewusst dazu entschieden, meinen Lieblingsurlaubsort Potsdam zu meinem Sprungbrett zu machen. Dieses globale Heimatgefühl war dabei mehr als nur ein Gedanke — die Zeit hier hat meine Ambitionen in den Jahren danach geprägt und gefestigt.

2020 hat sich mein beruflicher Traum klar herauskristallisiert: Digitalisierung, die den Alltag wirklich einfacher macht. Ich bin tief in die Webentwicklung eingestiegen und habe durch die Mitarbeit in zwei Start-ups wertvolle Einblicke in die Unternehmer- und Geschäftswelt gewonnen.

2023 waren die ersten Versuche, wirtschaftlich interessant zu sein.

Heute bin ich auf dem Weg zur 34. Runde um die Sonne. Aber hier auf Erden weit rumgekommen? Eher nicht, jedoch ist die Wahrscheinlichkeit höher denn je.

Charakterlich zusammenfassend kann man sagen: Es ist nur eine Frage der Häufigkeit der Interaktionen mit anderen Menschen, bis manche dieser mich nach einer Weile völlig unabhängig voneinander „Sheldon“ nennen; dies ist systematisch und kein Zufall, und da es mehr wahr als unwahr ist, soll mir dies recht sein, auch als pauschale Beurteilung meines Charakters und nun dessen Beschreibung.

FOKUS
Klarheit & Struktur
Saubere Komponenten, verständliche Inhalte, klare Abläufe — damit Nutzer und Systeme nicht im Chaos landen.
Performance & Auffindbarkeit
Schnelle Seiten, saubere Core Web Vitals, gutes technisches SEO — damit Qualität nicht im Hintergrund verpufft.
Backend, Logik & Sicherheit
Wartbare APIs, klare Domänenlogik, solide Validierung und Security-Basics — damit “läuft” auch morgen noch “läuft”.
Kreative Canvas-Interaktion
Generative Visuals mit HTML Canvas und WebGL – interaktive, performante Kunst und Effekte, die Seiten einzigartig und emotional ansprechend machen.
Modulare & Skalierbare Systeme
Saubere Architektur mit EAV-Modellen, Multi-Role-Systemen und wiederverwendbaren Komponenten – für Projekte, die mitwachsen, ohne Chaos.
Barrierefreie & Inklusive UI
WCAG-konforme Designs, ARIA, Tastatur-Navigation und Kontrast-Optimierung – damit wirklich jeder die Inhalte nutzen kann.
Automatisierung & Workflows
Queues, Jobs, OCR-Integration und smarte Prozesse – damit repetitive Aufgaben verschwinden und der Fokus auf Wertschöpfung bleibt.
DSGVO & Datensicherheit
Sichere Defaults, Consent-Management, Anonymisierung und rechtssichere Implementierung – Vertrauen von Anfang an.
Visuelle Mathematik & Generative Art
High-Density-Rendering (z. B. Fraktale, Buddhabrot) mit WASM/C++-Optimierung – wenn Technik und Ästhetik verschmelzen.
E-Commerce & Shop-Logik
Flexible Produktmodelle, Zahlungsflüsse, Moderation und Fulfillment-Integration – stabile Systeme für echte Geschäfte.
Deployment & Stabilität
Saubere Pipelines, Docker-Basics, Caching-Strategien und Monitoring – damit Anwendungen nicht nur starten, sondern laufen.
Interaktive & Reaktive Frontends
Alpine.js, Livewire und Vanilla JS für flüssige, zustandsbasierte Interaktionen – ohne unnötigen Overhead.
Nachhaltige & Zukunftssichere Codebasis
PHPStan, Tests, klare Dokumentation und Refactoring – Code, der auch in Jahren noch verständlich und erweiterbar ist.
Technische SEO & Sichtbarkeit
Strukturierte Daten, schnelle Ladezeiten und saubere Semantik – damit gute Arbeit auch gefunden wird.
Technik

Mein Zuhause ist Full-Stack mit Laravel/PHP im Backend und leichtgewichtigen JavaScript-Lösungen (pure JS, Alpine.js, Livewire oder Inertia.js) im Frontend. Ich setze auf saubere Datenmodelle, performante Queries, intelligentes Caching und eine klare, langfristig verständliche Projektstruktur.

Ich vermeide schwere Frameworks und baue lieber solide Grundlagen: robuste Validierung, gutes Fehlerhandling, strukturiertes Logging, zuverlässige Deployments, Monitoring und starke Core Web Vitals – erst danach kommen die Extras.

Mein Ansatz: Qualität vor Einheitsware. Ich entwickle individuelle, durchdachte und wartbare Lösungen statt Standard vom Band. Einheitlich wo sinnvoll, aber immer passgenau, skalierbar und mit Freude am Code.

Web-Grundlagen
HTML
HTML
Semantisches Markup, saubere Struktur, SEO-/A11y-Basics.
CSS
CSS
Layouts (Flex/Grid), responsive Design, saubere UI-Details.
Web Performance
Web Performance
LCP/CLS/INP, Lazyload, Asset-Optimierung, Caching-Basics
HTTP / REST / Browser Networking
HTTP / REST / Browser Networking
Statuscodes, Caching, Cookies/Sessions, CORS, Headers
Web Security Basics (OWASP)
Web Security Basics (OWASP)
XSS/CSRF, Validation, Auth-Basics, sichere Defaults
Accessibility (A11y / WCAG / ARIA)
Accessibility (A11y / WCAG / ARIA)
ARIA, Tastatur-Navi, Kontrast, Semantik, barrierearme UI
Frontend
JavaScript
JavaScript
Interaktionen, DOM, Fetch/AJAX, State für UI.
TypeScript
TypeScript
Typed JS für größere UIs: weniger Bugs, bessere DX.
React
React
Komponenten-UI, State-Handling, komplexere Frontends.
Vue
Vue
Reaktive Komponenten, Forms/States, modulare UI.
Astro
Astro
Schnelle Content-Sites, Islands-Architektur, Build-Setup.
Tailwind CSS
Tailwind CSS
Utility-first UI, konsistente Komponenten, schnelle Iteration.
Bootstrap
Bootstrap
Schnelle Prototypen, klassisches UI-Framework.
Axios / AJAX
Axios / AJAX
HTTP-Requests, JSON APIs, asynchrone UI-Updates.
Swiper
Swiper
Touch-Slider, Carousels, responsive Galerien.
ScrollMagic
ScrollMagic
Scroll-basierte Animationen & Trigger-Logik.
jQuery
jQuery
Legacy-Interaktionen / kleine UI-Patches in Blade-Projekten.
Node.js
Node.js
Tooling/Build-Skripte, lokale Automatisierung.
Laravel Mix
Laravel Mix
Legacy Build-Tooling (Webpack) – kenne ich aus Bestandsprojekten.
Backend & APIs
PHP
PHP
Backend-Logik, APIs, Auth/Validation, saubere Struktur.
Laravel
Laravel
MVC, Auth, APIs, Jobs/Queues, Mail/Notifications, Eloquent.
Symfony
Symfony
Framework & Komponenten: Routing, DI, Console, HTTP-Kernel.
Python
Python
Skripte/Automatisierung, kleine Tools, Daten-Aufgaben.
GraphQL
GraphQL
Query-basierte APIs, Schema-Denke, Client-getriebene Daten.
Postman
Postman
API-Tests, Collections, Debugging von Requests/Responses.
Plattformen & Integrationen
BillBee
BillBee
Shop/Order-Workflows, Fulfillment, Schnittstellen-Handling.
JTL
JTL
Shop/Wawi-Umfeld, Daten/Exports, Integrationspraxis.
EpiRent
EpiRent
Vermiet-/ERP-Umfeld: Prozesse, Datenflüsse, Admin-UI.
WordPress
WordPress
Themes, Plugins, Pflege/Migrationen, Performance-Basics.
Joomla
Joomla
Klassisches CMS, Templates/Module, Wartung.
Jimdo
Jimdo
Website-Builder-Umfeld: schnelle Seiten + Übergang zu Custom.
Daten & Speicher
MySQL
MySQL
Relationale Daten, Queries, Indizes, Performance-Grundlagen.
MariaDB
MariaDB
MySQL-kompatibel, Betrieb & Tuning-Basics.
MongoDB / NoSQL
MongoDB / NoSQL
Dokumentenmodell, flexible Strukturen, schnelle Prototypen.
DevOps & Hosting
Docker
Docker
Dev-Setups, Container-Basics, reproduzierbare Environments.
AWS / EC2
AWS / EC2
Deployments/Server-Basics, Instanzen, einfache Setups.
SSH
SSH
Server-Zugriff, Keys, sichere Remote-Workflows.
Linux
Linux
Server/CLI, Rechte, Services, Troubleshooting.
Windows
Windows
Dev/Tools im Alltag, kompatible Workflows.
FTP
FTP
Legacy File-Deployments (wenn’s sein muss).
Arbeitsfluss & Zusammenarbeit
Git
Git
Branches, PR-Workflows, saubere History.
GitHub
GitHub
Repos, Issues, Actions/CI in der Praxis.
GitLab
GitLab
CI/CD Pipelines, Repo + Deploy-Workflow.
Jira
Jira
Tickets, Sprints, saubere Kommunikation & Planung.
Qualität & Performance
ESLint
ESLint
Code-Qualität, Regeln, Konsistenz im Team.
Jest
Jest
Unit-Tests für JS, schnelle Feedback-Loops.
SEO
SEO
Meta, OG, Structured Data, saubere Semantik, Performance.
Creative & Design
HTML Canvas
HTML Canvas
Generative Visuals, Interaktion, Performance-optimiert.
Three.js
Three.js
WebGL/3D: Szenen, Shader/Material-Basics, Animationen.
p5.js
p5.js
Creative Coding, Animationen, kleine interaktive Demos.
Sketch
Sketch
Wireframes/Mockups, UI-Screens, schnelle Konzepte.
Affinity
Affinity
Grafik/Assets, schnelle Edits, Export-Workflows.
GIMP
GIMP
Bildbearbeitung, Optimierung, Web-Assets.
  1. Jan 2021 — Heute
    Selbstständig
    Freiberuflicher Full-Stack Web-Entwickler
    Lan Web Dev · Potsdam, Brandenburg
    • Laravel (12+) Full-Stack Entwicklung – optimiert für Performance, Sicherheit, UI & UX.
    • Einzigartige HTML Canvas Visuals & interaktive Erlebnisse (WebGL(2), Babylon.js, p5.js, C++, WASM).
    • End-to-End: Frontend & Backend, Deployment, Hosting-Setup, Optimierung, Compliance (Datenschutz/DSGVO, Barrierefreiheit).
  2. Jan 2024 — Jun 2024
    Projektvertrag · Hybrid
    Full-Stack Webentwickler
    Verleih-Firma · Berlin
2020 – 2023
  1. Feb 2022 — Dez 2023
    Ehrenamt
    Full-Stack Webentwickler
    B2B Hygiene (E-Commerce)
  2. Nov 2021 — Aug 2022
    Abschlussnote: 1,0
    Geprüfter Web-Designer (Zertifikat)
    Studiengemeinschaft Darmstadt (SGD)
  3. Jun 2021
    Online-Kurs
    Fullstack Web Development
    Udemy
  4. Jan 2020 — Jan 2022
    Ehrenamt
    Start-up Unterstützung (Founding Engineer)
    MyDirectMarket (AgriTech Startup)
2015 – 2020
  1. Jan 2019 — Apr 2020
    Ehrenamt
    Interimsleitung
    Café Madia – Liberales Projekt
  2. Aug 2017 — Jan 2019
    Vor Ort
    Servicekraft
    EvB Klinikum · Potsdam
  3. Jan 2016 — Jul 2017
    Vollzeit · Vor Ort
    Mikrotechnologe
    TDK-EPC AG & Co. KG · Stahnsdorf
  4. Dez 2015 — Jan 2016
    Vollzeit · Vor Ort
    Auslieferungsfahrer
    WOP · Potsdam
2011 – 2015
  1. Jul 2014 — Okt 2015
    Vollzeit · Vor Ort
    Chemielaborant (Instrumentelle Analytik)
    Johnson & Johnson Medical GmbH · Norderstedt
    Laboratory Instrumental Analysis
  2. Aug 2011 — Jul 2014
    Ausbildung
    Chemielaborant (Berufsausbildung)
    Johnson & Johnson Medical GmbH
  3. Jan 2011 — Jul 2011
    Praktikum
    Chemielaborant (Praktikum)
    Johnson & Johnson Medical GmbH
Partner
bbbk
Babelsberger Küche
Informationswebseite mit Laravel und CMS-Backend
Black Market Potsdam
Shop mit Laravel und CMS-Backend
frat
Fratelli Potsdam
Bestellsystem mit Laravel und CMS-Backend
galabau-michendorf
Galabau Michendorf
Informationswebseite mit HTML/CSS/JS
herthel
Herthel
Informationswebseite mit HTML/CSS/JS
prause
Webshopcenter (Center)
Informationswebseite mit HTML/CSS/JS
stellino
La Stellino
Informationswebseite mit HTML/CSS/JS
thaimassage
Thai Massage Potsdam
Informationswebseite mit HTML/CSS/JS
kleeblatt
Kleeblatt
Informationswebseite mit Laravel und CMS-Backend
Projekt: Kleinanzeigen Markt

Vollständiges Laravel-basiertes Marktplatz-System (Kleinanzeigen/Inserate) mit umfangreichen Features: hierarchische Kategorien, erweiterte Suche und Filter, Anfragen/Kommunikation zwischen Nutzern, Moderations-Pipeline sowie Multi-Role-Zugriff (Admin, Manager, Moderator, User).

Weitere Highlights: EAV-Attribute für flexible Inserate, Messaging-System mit Reports, Bildergalerien, Draft- und Preview-Funktion. Technisch basiert auf dem modernen Laravel-Stack inklusive Vite, Tailwind CSS, Livewire/Alpine für interaktive Elemente sowie optimierten Datenbanken und Caching-Strategien.

Zugriffsdaten: nur auf Anfrage
Projekt: SaaS ERP / Wohnungsmanagement

Umfassendes SaaS-ERP-System für Wohnungs- und Immobilienmanagement mit komplexen Prozessen, Rollenbasierter Zugriffssteuerung, Automatisierungen und integrierten OCR-Workflows für Belegverarbeitung.

Kernmodule: Dokumentenmanagement, Verifizierung und Risiko-Scoring, interaktive Dashboards, Multi-Auth-Systeme sowie Seed-Data für realistisches QA-Testing. Ähnlich wie beim Marktplatz basiert es auf dem vollen Laravel-Stack (Vite, Tailwind, Livewire) mit Fokus auf Skalierbarkeit, Sicherheit und performanter Datenverarbeitung.

Zugriffsdaten: nur auf Anfrage
Experimentelles

Canvas/WebGL Visuals, generative Patterns, kleine Tools & Demos – mit starkem Fokus auf Interaktion, Performance und innovative mathematische Darstellungen.

Hier experimentiere ich mit HTML Canvas als funktionale Darstellungsebene, visuellen Mathematik-Visualisierungen (z. B. Fraktale, Funktionsplots), p5.js für kreative Sketches sowie high-density WebGL/WebGL2-Anwendungen. Beispiele: Buddhabrot-Rendering mit bis zu 100 Milliarden Iterationen bei stabilen 40 FPS durch C++/WASM → WebGL2-Pipelines.

Ergänzend nutze ich Frameworks wie Babylon.js oder Three.js für 3D-Szenen, wo sinnvoll, sowie FFMPEG für Video- und Rendering-Prozesse. Diese Projekte sind bewusst als „Spielwiese“ konzipiert, aber technisch sauber, performant und oft mit tiefgehenden mathematischen Konzepten umgesetzt.

  • Rechtliches
  • Impressum
  • Datenschutz
© Lan Web-Entwicklung