Meine Fähigkeiten
Der Start: HTML, CSS, JavaScript und PHP
Im Jahr 2000 habe ich HTML, CSS, JavaScript und PHP für mich entdeckt – es wurde schnell zu meinem großen Hobby. Mit diesem Wissen konnte ich über Jahre hinweg alle meine Projekte umsetzen. Doch schließlich wurde mir klar, dass es an der Zeit war, neue Techniken und Tools zu erlernen, um meine Fähigkeiten auf ein neues Level zu heben.
Neue Programmierumgebung: Visual Studio Code statt Notepad
Früher habe ich meine Projekte überwiegend in Notepadqq, der Linux-Alternative zu Notepad++, entwickelt. Dabei habe ich vor allem mit PHP und dem Framework Bootstrap gearbeitet. Doch inzwischen bin ich auf Visual Studio Code umgestiegen – ein leistungsstarker Code-Editor, der mit seinen zahlreichen Funktionen das Programmieren deutlich erleichtert. Auch wenn dieser Wechsel vielleicht spät kam, hat er meine Arbeitsweise spürbar verbessert.
PHP vs. JavaScript: Ein effizienterer Ansatz
Meine Expertise lag lange Zeit in PHP, und ich habe oft versucht, alle Herausforderungen ausschließlich damit zu lösen. Mittlerweile fokussiere ich mich stärker auf JavaScript, um Aufgaben direkt auf der Client-Seite zu bewältigen. Das spart nicht nur Serverressourcen, sondern sorgt auch für schnellere Ladezeiten und einen optimierten Seitenaufbau. Mit jedem Projekt entdecke ich neue Möglichkeiten, JavaScript effizient einzusetzen, und kombiniere so die Stärken von Client- und Server-seitiger Programmierung.
Manuelles Backup vs. Git
Früher habe ich nach größeren Änderungen manuell ZIP-Dateien erstellt und an einem sicheren Ort gespeichert. Heute nutze ich Git – ein mächtiges Versionsverwaltungstool, das diese Aufgabe nicht nur vereinfacht, sondern auch professionalisiert. Änderungen werden durch sogenannte Commits dokumentiert, und einige meiner Projekte hoste ich inzwischen auf meinem GitHub-Account. Dort kannst du dir auch einen Eindruck meiner Arbeiten verschaffen.
Vanilla CSS vs. SASS/SCSS und Tailwind CSS
Bisher habe ich meine Projekte hauptsächlich mit "Vanilla" CSS oder Bootstrap umgesetzt. Reines CSS zu schreiben ist jedoch zeitaufwändig, und Bootstrap bringt oft eine unnötig große CSS-Datei mit sich.
Mit SASS/SCSS habe ich nun die Möglichkeit, meinen Code dynamischer und flexibler zu gestalten. Besonders bei Farb- und Designanpassungen zeigt sich der Vorteil dieser Präprozessoren. Tailwind CSS hingegen bietet eine schlanke und effiziente Alternative zu Bootstrap: Es generiert nur die benötigten Klassen und hält die Dateigröße dadurch minimal.
Backend-Rendering vs. Pre-Builds
In der Vergangenheit habe ich Webseiten stets serverseitig mit PHP live generiert und an den Client gesendet. Das hat jedoch den Nachteil, dass der Seitenaufbau Zeit kostet. Für Inhalte, die sich selten ändern, habe ich nun eine effizientere Lösung: Diese Seiten werden vorab gerendert und als statische Dateien bereitgestellt. Das spart Zeit und verbessert die Performance deutlich.
Gegenüberstellung: alt bewährt vs. neu und besser
bisherige Techniken
- HTML, CSS, JavaScript
- PHP, Apache
- Bootstrap
- SEO
- Responsive Design
neue, zusätzliche Bereiche
- Git, Github
- SCSS, SASS, Tailwind CSS
- Node.js, NPM
- Astro, React, Vue
- Web App