21sieben – Frontend Web Development

Mein Name ist [...] [...], ich bin freiberuflicher Webentwickler aus Freiburg mit 10 Jahren Erfahrung. Mein Fokus liegt auf der Frontend-Entwicklung klassischer Websites mit CMS-Anbindung und von Single-Page Applications / Progressive Web Apps.

• CSS (Cascading Style Sheet)10 J.
• HTML10 J.
• JavaScript10 J.
• JavaScript-Frameworks2 J.
• PHP10 J.
• React (JavaScript library)

Mein Name ist [...] [...], ich bin Web Developer aus Freiburg im Breisgau.
Ich arbeite seit 2008 als Entwickler und habe seitdem in Dutzenden Web-Projekten hochwertige, preisgekrönte Ergebnisse geliefert.
2017 habe ich die Code-Schmiede 21sieben gegründet und fertige als Freelancer einzigartige, robuste und performante Web-Anwendungen an – immer mit Auge fürs Detail. Meine Leidenschaft liegt darin, schöne Designs zum Leben zu erwecken und mir dafür die ganze Power modernster Web-Technologie zu Nutze zu machen.

HTML, CSS
Ich erstelle responsive, modulare, cross-browser-fähige, wartbare, erweiterbare und valide Frontend-Komponenten auf CSS3+ und HTML5-Basis.
Dabei verfolge ich stets einen modularen Ansatz, indem ich Konventionen wie BEM oder Atomic Design und Tools wie Fractal oder Pattern Lab nutze. Dieses komponentenbasierte Denken erlaubt es mir, skalierbare Design-Systems und Component-Libraries zu erstellen.
Technologien/Tools (Auswahl): SASS, LESS, PostCSS, BEM, ITCSS, Atomic Design, CSS Grid, Flexbox, Jade (Pug), Pattern Lab, Fractal, Bootstrap

JavaScript
Meine Frontend-Komponenten reichere ich nach dem Progressive-Enhancement-Prinzip mit JavaScript-Funktionalität an. Durch die Nutzung von Module Bundlers, ES6 und Babel ist mein Code robust und für zukünfitige JavaScript-Generationen gerüstet, bleibt jedoch auch in älteren Browsern ausführbar.

Weiterhin verfüge ich über Erfahrung in der Erstellung von Single-Page-Applications auf Basis von Frameworks wie Vue.js oder React. In komplexeren Projekten greife ich auf die fortgeschritteneren State-Management Mechanismen zurück, die mir Vuex oder redux bieten.
Technologien/Tools (Auswahl): ES6, Vue.js, Vuex, React, redux, Node.js, Babel, npm, webpack, Browserify, jQuery

Development/Scaffolding
Ich automatisiere meinen Build-Workflow und gewährleiste damit eine rapide Entwicklung sowie eine saubere und wiederverwendbare Codebase. Durch die Nutzung von Continuous Integration Tools kann ich Risiken und unnötigen Overhead im Development- und Deployment-Prozess minimieren.
Technologien/Tools (Auswahl): webpack, gulp, Grunt, Yeoman, Linting, Continuous-Integration-Tools (Buddy, DeployBot, Netlify, Travis CI)

CMS/CMF
Ich übernehme die komplette Backend-Integration einer Web-Anwendung oder Website in ein Content Management System wie Craft, ProcessWire, eZ Publish, Redaxo oder Wordpress. Nach Möglichkeit und Bedarf setze ich auch Static Site Generators wie Jekyll ein.

DevOps
Production-Erfahrungen im Umgang mit: LAMP-Stack (Linux, Apache, MySQL, PHP), nginx, Caching (Varnish), Apache Solr, Docker, SSL, DNS-/Domain-Management, Continuous integration

Versionskontrolle
Ich bin sicher und erfahren im Umgang mit Versionskontrollsystemen wie git oder Apache Subversion (SVN). Bei Bedarf greife ich auf höhere Abstaktionsebenen wie git-flow und das zugehörige Branching-Modell zurück.

Performance
Meine Web-Anwendungen weisen durchweg eine gute Performance auf und erreichen entsprechend hohe Punktzahlen bei Performance-Analyse-Tools wie Google Pagespeed Insights oder webpagetest.org. Dies erreiche ich beispielsweise über Caching, Minification, Critical CSS und Feinjustierung der Server-Konfiguration. Hauptsächlich jedoch generell über eine performance- und detailorientierte Programmierung.

SEO
Meine Komponenten sind von vornherein suchmaschinenfreundlich umgesetzt, eine gute Auffindbarkeit bei Google und anderen Suchmaschinen ist dadurch gewährleistet. Jegliche Analyse-Tools (Google Analytics, Piwik, Hotjar etc.) lassen sich in meinen Code integrieren.