Senior Frontend Entwickler | VUE-Entwickler & Performance-Optimierungsexperte

... eines führenden Sportfachhändlers aus dem DACH-Gebiet

• Die Beauftragung umfasste hauptsächlich die Sicherung, Analyse, Optimierung und Neuentwicklung rund um die Bereiche Front-End, Front-End-Performance, PageSpeed und Core Web Vitals. Hierfür fand neben Aufgaben der regulären Front-End-Entwicklung auch eine kontinuierliche Untersuchung, Überwachung, Erarbeitung und Implementierung von Lösungsansätzen im Bereich der Performance-Optimierung statt. Sowohl die Projektsprache als auch Kommunikationssprache mit den international verteilten Teams war Englisch.

• Branche: Sportartikel / E-Commerce

• Einsatz von: Vue2, Nuxt.js (v2), TypeScript, JavaScript, Node.js, Jest, Sass, Tailwind CSS, HTML5, CSS 3.0, GIT, NPM, Webpack, Storybook, Responsive Webdesign, Sentry, SonarQube, Jenkins, Jira, Confluence, DynamicYield, Google Tag Manager, Google Analytics, Google Search Console, SpeedCurve

• Tätigkeiten:

• Analyse und Erarbeitung von Optimierungsmöglichkeiten der bestehenden Codebasis

• Implementierung neuer Features und Verbesserungen

• Performance-Kontrolle neu entwickelter Features

• Implementierung von Front-End Komponenten gemäß Anforderung und Design-Vorgabe

• Im Rahmen der Beauftragung erfolgte die unterstützende Mitarbeit am Front-End eines Online-Tools zur Verwaltung und Kalkulation von Bauvorhaben. Besonders wichtig war hierbei die Nutzung der “CompositionAPI” des JavaScript Frameworks Vue, welches ein künftiges Upgrade des Frameworks von Version 2 auf Version 3 erleichtern soll, die Implementierung mittels TypeScript und das Erstellen möglichst generischer Komponenten.

• Branche: Bau / Immobilien

• Einsatz von: HTML5, CSS 3.0, TypeScript/JavaScript, Sass, Vue2, CompositionAPI, Docker, GIT, NPM, Webpack, Jira, Living Styleguide, Responsive Webdesign

• Tätigkeiten:

• Implementierung von Code-Architektur und Komponenten

• Das Gesamtprojekt bezog sich auf die Realisierung einer White-Label-fähigen Multiportal-Anwendung nach aktuellen Web-Standards unter Berücksichtigung von Eigenheiten einer bereits bestehenden Anwendung. Hierfür erfolgte die Planung einer anpassungsfähigen und hochflexiblen Front-End Architektur. Die bereitgestellten Designs und Layouts wurden unter Aspekten der User Experience (UX) und Besonderheiten der Vorgängeranwendung überprüft und ggf. unter Abstimmung mit den zuständigen Fachabteilungen des Kunden angepasst. Anschließend erfolgte die thematische Aufsplittung in möglichst flexibel wiederverwendbare Komponenten sowie die technische Definition zur Implementierung der dazugehörigen Front-End Tasks. Es erfolgte weiterhin die Einrichtung der Entwicklungs-Infrastruktur, Implementierung der neuen Code-Basis, Bereitstellung der generellen Seitenstruktur, implementierungsbereite Komponenten sowie die jeweils dazugehörigen Unit Tests.

• Branche: Touristik / E-Commerce

• Einsatz von: HTML5, CSS 3.0, JavaScript, Sass, Vue2, Nuxt.js (v2), Vuex, jQuery, Jest, Figma, PHPStorm, GIT, NPM, Webpack, Jira, Atomic Design, Box-Element-Modifier (BEM), Living Styleguide, Responsive Webdesign, Cross Browser & Cross Device Compatibility

• Tätigkeiten:

• Konzeption der Software-Architektur im Bereich Front-End

• Design Review & Design Anpassungen

• Teilprojektplanung (Ticketerstellung, Realisierungs- koordination für Front-End)

• Implementierung der Architektur, Komponenten und Tests

• Die Aufgaben während des Projekts für die Front-End-Agentur Sevenval in Köln umfassten Optimierungen der Codestruktur, Fehlerbehebung sowie Implementierung neuer Front-End-Anforderungen. Dies erfolgte für zwei Kunden- und Vergleichsportale aus den Bereichen Finanzen & Versicherungen sowie Vorsorge. Nötig hierfür war eine rasche und komplett eigenständige Einarbeitung in bestehenden Code, neue Techniken sowie eine neue Programmiersprache. Es erfolgte u. a. der Einsatz von HTML5, CSS 3.0, JavaScript und XSL.

• Einsatz von: HTML5, CSS 3.0, JavaScript, Sass, XSL, REST, SOAP, PHPStorm, GIT, NPM, Kiki, Rollup, Redmine, Jira, Responsives Webdesign, Progressive Enhancement, Cross-Browser-Kompatibilität

• Tätigkeiten:

• Front-End-Entwicklung in den Bereichen „Versicherungen“, „Finanzen“ und „Vergleichs- & Beratungsportale“

• Schnelle eigenständige Einarbeitung in bestehenden Code, neue Techniken und neue Programmiersprache

• Optimierung der Codestruktur

• Implementierung neuer Features

• Fehlerbehebung

• Während der Tätigkeit als externer Mitarbeiter für eine internationale Agentur wurde ein bestehendes Website-Projekt eines süddeutschen Automobilherstellers mit Sitz in Bayern überarbeitet und weiterentwickelt. Die Aufgaben bestanden zum einen in einer schnellen Einarbeitung in den bestehenden Code und der Fehlerbehebung der Anwendung, zum anderen in der Weiterentwicklung und Implementierung neuer Features. Für die Front-End-Entwicklung kamen dabei moderne Technologien und Systeme wie HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js und Grunt zum Einsatz. Die Arbeit erfolgte vor Ort in München in einem internationalen Team. Projektsprache war Englisch.

• Branche: Automotive / E-Commerce

• Einsatz von: HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js, PHPStorm, AEM (Adobe Experience Manager), Grunt, Jira, Confluence, GIT, Sightly, Responsives Webdesign, UX, User Story, Progressive Enhancement, Cross-Browser-Kompatibilität, Kanban

• Tätigkeiten:

• Front-End-Entwicklung im Bereich Automotive

• Schnelle Einarbeitung in bestehenden Code sowie dessen Fehlerbehebung & Weiterentwicklung

• Implementierung neuer Features

• Code-Review und Bestätigung von Pull-Anfragen

Ein Unternehmen, welches sich mit dem Aufbau von Vertriebskanälen beschäftigt, benötigt eine Internetseite zur Repräsentation und Kontaktgewinnung. Entsprechend wurde anhand von User-Stories ein Design- und Strukturkonzept erstellt. Die Inhalte wurden auf Grundlage einer vorher durchgeführten SEO-Recherche erstellt und suchmaschinenfreundliche, zielgruppenspezifische Inhalte geschaffen. Ebenso ein langfristiger Plan zur weiteren Content-Entwicklung der Internetseite. Die technische Realisierung erfolgte suchmaschinen- und performanceorientiert. Seit Veröffentlichung wird die Internetseite kontinuierlich betreut. Dies beinhaltet eine Überwachung und Auswertung mittels Analyse-Tools. Anhand der Auswertungen werden Maßnahmen zur weiteren Optimierung geplant und ausgeführt.

Einsatz von:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• PHP
• MySQL
• PHPStorm
• ProcessWire
• Performanceoptimierung
• Suchmaschinenoptimierung
• Responsive Webdesign
• Google Analytics
• Google Webmastertools
• UX
• User-Story
• Web Content Management
• Progressive Enhancement
• Cross Browser Compatibility

Tätigkeiten:

• SEO-Recherche & Erstellung eines SEO-Konzepts
• Konzeption von Seitenstruktur, Layout und Design
• Suchmaschinenoptimierte Programmierung
• Erstellung von suchmaschinenoptimierten Inhalten
• Erstellung eines langfristigen Konzepts zur Content-Entwicklung
• Kontinuierliche Betreuung mit Überwachung, Erweiterung und Optimierung

Zur optimalen Abwicklung von Bestellungen über alle Schritte von Bestellungsannahme, Weitergabe an die Produktion bis hin zur Auslieferung wurde ein System benötigt, welches alle individuellen Anforderungen des Auftraggebers erfüllt. Dies umfasst die Erfassung und Pflege von Kundenstammdaten (Kontaktdaten, Sonderpreise, wiederkehrende Bestelloptionen), Produktdaten (Basisdaten, Ausführungsvariationen, Standardpreise) und Bestelldaten (Historisierung, Bestellvorlagen). Um dabei ein praxis- und bedürfnisnahes Resultat zu erzielen, wurde vor Ort im Rahmen des Anforderungsmanagements der bereits bestehende Prozess analysiert und die Kundenwünsche festgehalten. Anhand von Use-Cases wurde ein Konzept für die Realisierung erstellt und umgesetzt.

Einsatz von:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• AJAX
• JSON
• PHP
• OOP
• PHPStorm
• ProcessWire
• Performanceoptimierung
• Use-Cases
• Scrum
• Cross Browser Compatibility

Tätigkeiten:

• Analyse bestehender Inhouse-Lösungen
• Erstellung von Use-Cases, der Anforderungsanalyse, eines Feinkonzepts und eines Meilensteinplans
• Priorisierung der Realisierungsreihenfolge
• Testing
• Roll-Out

Tätig für Kunden wie:

• 1&1 Mail & Media GmbH
• SapientNitro
• FTI Touristik GmbH
• Sevenval Technologies GmbH

Eigenverantwortliche Tätigkeiten waren u.a. Umsetzungen in den Bereichen MICE, Corporate-Rates, Affiliates und HotelCenter. Dies umfasste die Pflege, Optimierung, Erweiterung und Anpassung bereits bestehender Systeme, als auch die Konzeption und Umsetzung völlig neuer Teilbereiche von Präsentations-, Buchungs- und Suchseiten. Wirkungsbereiche waren hierbei das Back-End, die Datenbankebene und das Front-End.

Beim Redesign / Relaunch der gesamten hotel.de-Plattform hauptverantwortlicher Teilprojektleiter für die technische Umsetzung des Design-Konzepts.

Einsatz von:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• AJAX
• JSON
• XML
• C#
• OOP
• ASP.Net
• MVVM
• WPF
• MVC3
• MSSQL
• Visual Studio 2010
• MS SQL Management Studio
• Scrum

Tätigkeiten:

• Weiterentwicklung des hotel.de - MICE-Portals "MARS"
• Alle Bereiche (Front-End, Back-End & Datenbank für Bucher-, Hotelier- & Vermittlerseite)
• Corporate-Rates (firmenspezifische Hotelraten)
• Implementierung eines internen Windows-Tools zum Einlesen, Erfassen und Verwalten der Datensätze / Ratenstatus (Front-End, Back-End, Datenbank)
• Migration alter Ratendaten in das neue System
• Konzeption und Implementierung von Plugins/Services zum Verarbeiten und ggf. korrigieren erfasster Daten
• Implementierung der Web-Komponente für TravelManager
• UnitTests
• Refactoring und Performance-Optimierung bestehender SQL-Abfragen
• Affiliate Center Management
• Implementierung eines neuen Affiliate Konzepts mit Überarbeitung bestehender sowie Entwicklung neuer Bereiche (Front-End, Back-End, Datenbank für Bucher-, Affiliate- und Vermittlerseite)
• Konzeption und Implementierung eines Crawlers zur Ermittelung und Analyse der Einbindungen auf Affiliateseiten
• Redesign / Relaunch
• Hauptverantwortlicher Teilprojektleiter für die technische Realisierung des Design Konzeptes
• Performanceorientierte Umsetzung des Front-Ends
• HotelCenter Modul
• Front-End Implementierung eines neuen Bereichs für Hoteliers zum Analysieren und Optimieren der eigenen Ratenstruktur