Frontend Entwicklung: HTML, CSS, Javascript, ReactJs, Touristik, Webapps, Offline | Konzeption, Beratung, Usability, E-Learning
Aktualisiert am 20.09.2021
Profil
Freiberufler / Selbstständiger
Verfügbar ab: 01.01.2022
Verfügbar zu: 90%
davon vor Ort: 50%
Deutsch
Englisch

Einsatzorte

Einsatzorte

Mahlstetten (+150km) Tübingen (+100km) Titisee-Neustadt (+75km) München (+100km) Mindelheim (+100km)
Schweiz

Deutschland: Vorzugsweise Süddeutschland Gerne Kombination vor Ort / Homeoffice

nicht möglich

Projekte

Projekte

____________________________________________

seit März 2017

Migration E-Learning-Plattformen

React Beratung

Architekturplanung

Planung komponentenbasierte Entwicklung

Konzept unabhängige Host/Client-Apps React/AngularJs

Unabhängiges Deployment

API-Design

Setup webpack, Deployments, Nexus

Frontend-Entwicklung

Dokumentation

React 16.4, inkl. Fragments, Context-API, Render-Props-Pattern
Redux, Styled-Components, Flexbox
webpack, nodejs, babel

npm packaging, Nexus, Bamboo

yarn workspaces

_____________________________________________

Mai-Juni 2018

Mobile Scan-App für Android und iOS auf Basis von React Native

React Beratung,

Frontend-Entwicklung,

Unabhängige Deployments via Cloud

React Native, React Context API, Styled-Components, Flexbox
webpack, nodejs, babel

____________________________________________

November 2016 - März 2017

Lernplaner Webapp für Medizinstudenten

Architekturplanung und Frontend-Entwicklung

Umsetzung mit

React, Redux, Styled-Components, Flexbox, webpack, nodejs, REST

Integration React-App in bestehende AngularJS-App.

Immutable CSS-Styling

Team: 1 Frontend-Entwickler, Backend-Entwickler, Designer, Fachbereich

____________________________

Mai 2015 - Juni 2016

Architektur und Entwicklung Universal Mobile Webapp

Touristik Startup

Leitung Frontend-Entwicklung

Planung der Architektur für Universal/Isomorphic Webapp für Smartphone-Devices

Vorbereitung SEO-Optimierung

Integration Tracking

Optimierter vorhandener REST-Schnittstellen (Restful, JSON)

Performance-Optimierung

Deployment

Umsetzung mit

HTML, CSS (PostCSS, Autoprefixer, SASS, Flexbox)

ES6 Javascript, React, React-Router, Redux

Webpack, Middleware, Babel, ESLint

Nodejs Server, Express

Team: 5 Frontend-Entwickler, 2 Backend-Entwickler, Designer

____________________________

Oktober 2014 - Mai 2015

Architektur und Entwicklung Lernplattform examen online für Medizinstudenten

Medizinischer Fachbuchverlag

Planung und Umsetzung der Migration von JSP-Templates zu TWIG + ReactJs

Entwicklung responsive HTML/CSS-Architektur (4 Zoll Smartphones bis zu Wide-Desktops)

UX-Optimierungen

SVG Images und Statistiken

Streaming-Video und -Audio Integration

Optimierter REST-Schnittstellen (Restful, JSON)

Deployment

Umsetzung mit

HTML, CSS (SASS, Flexbox, Autoprefixer, Flexbox), SVG

ES5 Javascript, React, React-Router, JQuery, D3

Grunt, Browserify

Tomcat/Jetty Server

Team: 3 Frontend-Entwickler, 1 Backend-Entwickler, 1 Designer

____________________________

Mai 2014 - Jan 2015

Architektur und Entwicklung Buchungsstrecke für Pauschalreisen

Pauschalreise-Veranstalter

Leitung Frontend-Entwicklung, Entwicklung Architektur

Prozessoptimierung (Produkt, Buchungssysteme, Backoffice)

Planung Userflow, User Experience, minimierung der Buchungsabbrüche

Planung Rest-Schnittstellen zu Buchungssystemen, Payment-Providern

Umsetzung Responsive Design für Smartphone, Tablet, Desktop

Entwicklung progressive UX-Komponenten (SEPA/IBAN Inputs)

Integration Tracking

Umsetzung mit

AngularJs, HTML/CSS, SASS

Grunt, Livereload

Team: 2 Frontend-Entwickler, 1 Backend-Entwickler, 1 Designer


____________________________

2012 - 2013

Offline Smartphone HTML-Webapp für Medizinstudenten

Medizinischer Fachbuchverlag

Erstellung Fachkonzeption zur offline Nutzung

Planung offline Manifest Generierung

Responsive Design für Android, iOS und Windows Smartphones (4 bis 7 Zoll)

Speicherung von bis zu 50MB Daten pro ELearing Sitzung im Smartphone

Voller Funktionsumfang ohne Internetverbindung

Datensynchronisation

Umsetzung mit

HTML5 Appcache, Localstorage

Javascript, HTML/CSS, JQuery

Team: 2 Frontend-Entwickler, 1 Backend-Entwickler, 1 Designer

____________________________

2011 - 2015

Consulting, Frontend-Architektur und -Entwicklung für Touristik Startup auf Hub-Player-Technologie

Pauschalreise-Veranstalter und -Vermittler

Betratung

Entwicklung von Businessprozessen

Setup Jira

Schnittstellenanbindungen

Frontend-Architektur und -Entwicklung

Integration Tracking

Planung Checkout-Prozesse

Steuerung von Agenturen

SEO Planung, Optimierung

Betreuung und Vorbereitung TÜV-Audit Safer Shopping

Verwendete Technologien und Schnittstellen

HTML5, CSS (OO SASS)

AngularJS, JQuery

PHP Symphony, JAVA, JSP

REST, SOAP

Hub und Player Technologie

Traveltainment

Mietwagenschnittstellen

Wirecardprüfung, Schufaprüfugen



____________________________

2011

Information Architect + Frontend Developer

Lastminute Touristikanbieter

Fach- und technische Konzeption Mietwagenintegration in Flugbuchungsportal.

Entwicklung User Interface

Erstellung von Wireframes und Prototypen mit Axure

Frontend-Entwicklung

Umsetzung mit

HTML, CSS, Javascript, Jquery

Team: 1 Frontend-Entwickler, 1 Backend-Entwickler

____________________________

November 2010 - Februar 2011

Login-Anwendung, Usermirgation

Medizinischer Fachbuchverlag

Planung und Erstellung eines Ajax- und REST-basierten Clients zur Migration von Benutzerkonten aus heterogenen Systemen und Anwendungen:

Zustands- und Anforderungsanalyse

Fach- und Technische Konzeption (Usecases, Diagramme, Flows)

Entwicklung User Interface (Registrierungs- und Login-Dialogen)

Erstellung von Wireframes und Prototypen (Clickdummy) mit Axure

Frontend-Entwicklung: HTML/CSS YAML-Framework, JQuery 1.4, Ajax / REST, JSP

Browseroptimierung IE7-9, Chrome, Safari, Firefox

Zusammenarbeit mit Backend-Java-Entwickler

Systeme: Spring, JSP 2, Maven, Jetty, Apache

____________________________

September 2009 - Oktober 2010

ELearning Web 2.0-Anwendung

Medizinischer Fachbuchverlag

Frontend-Konzeption und Entwicklung:

HTML/CSS YAML-Framework, JQuery 1.4

Browseroptimierung IE6-9, Chrome, Safari, Firefox 3

Ladezeitoptimierung

Entwicklung User Interface

Besondere Herausforderung progressive enhancement: Frontend bei gleichem Funktionsumfang für Clients mit deaktiviertem Javascript

Client Performance-Optimierung (Requests)

Lastanforderung (Peak: 6000 gleichzeitige Benutzer)

Zusammenarbeit mit 2 Backend-Java-Entwicklern

Spring, JSP 2, Eclipse, GIT, Jazz

 

Aus- und Weiterbildung

Aus- und Weiterbildung

Fortbildung, Kongressbesuche und WorkshopsKonferenzen und Kongresse:

-----

ReactEurope Paris 2016

ReactEurope Paris 2015

JSConf Europe Berlin 2014

CSSConf Europe Berlin 2014

RejectJs Berlin 2014

Smashing Conference Freiburg 2014

Smashing Conference Freiburg 2013

Ajax in Action, Frankfurt

PHP Conference, Frankfurt

CSS-Summit 2009, Online

Learntec.de, Karlsruhe

Workshops:

-----

Mobile Input von Luke Wroblewski, Google, 2013

Making-it-work-offline von Matt Andrews, Financial Times, 2014

HTML und Screendesign Prof. F. Thissen, IMA Karlsruhe

Hackathons:

-----

ReactEurope Hackathon 2016, Mozilla Paris

Prototyp Suche für Reiseangebote mit GraphQL, ReactJS, Relay

ReactEurope Hackathon 2015, Mozilla Paris

Webapp mit ReactJs, Gulp, Cordova

Meetups:

ReactStuttgart 2016

Literatur

-----

Learning React Native: Building Native Mobile Apps with JavaScript by B.Eisenman

Online Literatur siehe Twitter-Stream: https://twitter.com/webkreation/

Ausbildung:

-----

Abschlussarbeit: Lernsoftware Mathematik: ?Konzeption+Storyboard einer computergestützten Lernumgebung? bei Prof. Dr. Uwe Beck, Hochschule Karlsruhe 1999, Staatsexamen

Kompetenzen

Kompetenzen

Produkte / Standards / Erfahrungen / Methoden

Fähigkeiten
-----------
-  Analyse, Planung, Konzeption und Umsetzung von Webprojekten und

Webanwendungen.

-  Frontend-Entwicklung und GUI-Design.
-  Konzeption von Informations- und Lernumgebungen unter didaktischen

Gesichtspunkten, mit besonderem Augenmerk auf Bedienung und Übersichtlichkeit.

-  Projektleitung und Erstellung von Fachkonzepten.
-  Web 2.0 GUIs

Konzeption
----------
-  Drehbücher/Storyboards
-  Rapid Prototyping mit Axure (HTML-Dummies, MockUps)
-  Zielgruppenanalyse
-  Grob- und Feinkonzepte, Spezifikationen

Entwicklung und Programmierung
----------
node/npm +++

Express +++

Webpack ++++

Grunt +++

Browserify +++

Gulp ++

Git ++++

SVN ++

Frontend Architektur ++++

Universal (Isomorphic) Javascript ++++

RESTful Services ++++

JSON ++++

Ajax ++++

Websockets +++

GraphQL ++

HTML5-Webapps ++++

Offline-Webapps mit Appcache ++++

Progressive Serviceworker Webapps +++

Responsive Layout ++++

Adaptive Layout ++++

Progressive Enhancement ++++

UX-Design +++

Crossbrowser-Optimierung ++++

Mobile Browser ++++

Performance Optimierung ++++

Atom, Nucilde ++++

Webstorm, IntelliJ +++

Axure +++

Sketch +++

Jira ++++

Trello ++++

Mantis ++

Persönliche Eigenschaften:

----------

Schnelle Auffassung von neuen Zusammenhängen

Schnelle Teamintegration, Spaß an kreativer Teamarbeit

Planen und Anleiten

Erfahrung im Umgang mit Agenturen, Zulieferern und Development-Teams

Finden von unkonventionellen Lösungen, kreativer Input

Betriebssysteme

MS-DOS
Unix
Windows
Windows CE

Programmiersprachen

CSS3
LESS, SASS
HTML5
JavaScript
ReactJs, AngularJs
PHP
Templateentwicklung
ReactJS ++++

React-DevTools/HRM ++++

React-Router ++++

Redux ++++

Relay ++

React Native ++

 
HTML5 ++++

CSS3 ++++

SASS ++++

PostCSS +++

CSSModules +++

AngularJS 1.x +++

BackboneJS ++

RequireJS +++

D3.js +++

PHP +++

Jetty, JSP, JTwig +++

ES5 ++++

ES6 +++

BableJS +++

Datenbanken

MS SQL Server
MySQL

Datenkommunikation

Internet, Intranet
TCP/IP
Windows Netzwerk

Hardware

PC

Branchen

Branchen

Internet
E-Learing
Tourismus
Medizin
Softwarehersteller

Einsatzorte

Einsatzorte

Mahlstetten (+150km) Tübingen (+100km) Titisee-Neustadt (+75km) München (+100km) Mindelheim (+100km)
Schweiz

Deutschland: Vorzugsweise Süddeutschland Gerne Kombination vor Ort / Homeoffice

nicht möglich

Projekte

Projekte

____________________________________________

seit März 2017

Migration E-Learning-Plattformen

React Beratung

Architekturplanung

Planung komponentenbasierte Entwicklung

Konzept unabhängige Host/Client-Apps React/AngularJs

Unabhängiges Deployment

API-Design

Setup webpack, Deployments, Nexus

Frontend-Entwicklung

Dokumentation

React 16.4, inkl. Fragments, Context-API, Render-Props-Pattern
Redux, Styled-Components, Flexbox
webpack, nodejs, babel

npm packaging, Nexus, Bamboo

yarn workspaces

_____________________________________________

Mai-Juni 2018

Mobile Scan-App für Android und iOS auf Basis von React Native

React Beratung,

Frontend-Entwicklung,

Unabhängige Deployments via Cloud

React Native, React Context API, Styled-Components, Flexbox
webpack, nodejs, babel

____________________________________________

November 2016 - März 2017

Lernplaner Webapp für Medizinstudenten

Architekturplanung und Frontend-Entwicklung

Umsetzung mit

React, Redux, Styled-Components, Flexbox, webpack, nodejs, REST

Integration React-App in bestehende AngularJS-App.

Immutable CSS-Styling

Team: 1 Frontend-Entwickler, Backend-Entwickler, Designer, Fachbereich

____________________________

Mai 2015 - Juni 2016

Architektur und Entwicklung Universal Mobile Webapp

Touristik Startup

Leitung Frontend-Entwicklung

Planung der Architektur für Universal/Isomorphic Webapp für Smartphone-Devices

Vorbereitung SEO-Optimierung

Integration Tracking

Optimierter vorhandener REST-Schnittstellen (Restful, JSON)

Performance-Optimierung

Deployment

Umsetzung mit

HTML, CSS (PostCSS, Autoprefixer, SASS, Flexbox)

ES6 Javascript, React, React-Router, Redux

Webpack, Middleware, Babel, ESLint

Nodejs Server, Express

Team: 5 Frontend-Entwickler, 2 Backend-Entwickler, Designer

____________________________

Oktober 2014 - Mai 2015

Architektur und Entwicklung Lernplattform examen online für Medizinstudenten

Medizinischer Fachbuchverlag

Planung und Umsetzung der Migration von JSP-Templates zu TWIG + ReactJs

Entwicklung responsive HTML/CSS-Architektur (4 Zoll Smartphones bis zu Wide-Desktops)

UX-Optimierungen

SVG Images und Statistiken

Streaming-Video und -Audio Integration

Optimierter REST-Schnittstellen (Restful, JSON)

Deployment

Umsetzung mit

HTML, CSS (SASS, Flexbox, Autoprefixer, Flexbox), SVG

ES5 Javascript, React, React-Router, JQuery, D3

Grunt, Browserify

Tomcat/Jetty Server

Team: 3 Frontend-Entwickler, 1 Backend-Entwickler, 1 Designer

____________________________

Mai 2014 - Jan 2015

Architektur und Entwicklung Buchungsstrecke für Pauschalreisen

Pauschalreise-Veranstalter

Leitung Frontend-Entwicklung, Entwicklung Architektur

Prozessoptimierung (Produkt, Buchungssysteme, Backoffice)

Planung Userflow, User Experience, minimierung der Buchungsabbrüche

Planung Rest-Schnittstellen zu Buchungssystemen, Payment-Providern

Umsetzung Responsive Design für Smartphone, Tablet, Desktop

Entwicklung progressive UX-Komponenten (SEPA/IBAN Inputs)

Integration Tracking

Umsetzung mit

AngularJs, HTML/CSS, SASS

Grunt, Livereload

Team: 2 Frontend-Entwickler, 1 Backend-Entwickler, 1 Designer


____________________________

2012 - 2013

Offline Smartphone HTML-Webapp für Medizinstudenten

Medizinischer Fachbuchverlag

Erstellung Fachkonzeption zur offline Nutzung

Planung offline Manifest Generierung

Responsive Design für Android, iOS und Windows Smartphones (4 bis 7 Zoll)

Speicherung von bis zu 50MB Daten pro ELearing Sitzung im Smartphone

Voller Funktionsumfang ohne Internetverbindung

Datensynchronisation

Umsetzung mit

HTML5 Appcache, Localstorage

Javascript, HTML/CSS, JQuery

Team: 2 Frontend-Entwickler, 1 Backend-Entwickler, 1 Designer

____________________________

2011 - 2015

Consulting, Frontend-Architektur und -Entwicklung für Touristik Startup auf Hub-Player-Technologie

Pauschalreise-Veranstalter und -Vermittler

Betratung

Entwicklung von Businessprozessen

Setup Jira

Schnittstellenanbindungen

Frontend-Architektur und -Entwicklung

Integration Tracking

Planung Checkout-Prozesse

Steuerung von Agenturen

SEO Planung, Optimierung

Betreuung und Vorbereitung TÜV-Audit Safer Shopping

Verwendete Technologien und Schnittstellen

HTML5, CSS (OO SASS)

AngularJS, JQuery

PHP Symphony, JAVA, JSP

REST, SOAP

Hub und Player Technologie

Traveltainment

Mietwagenschnittstellen

Wirecardprüfung, Schufaprüfugen



____________________________

2011

Information Architect + Frontend Developer

Lastminute Touristikanbieter

Fach- und technische Konzeption Mietwagenintegration in Flugbuchungsportal.

Entwicklung User Interface

Erstellung von Wireframes und Prototypen mit Axure

Frontend-Entwicklung

Umsetzung mit

HTML, CSS, Javascript, Jquery

Team: 1 Frontend-Entwickler, 1 Backend-Entwickler

____________________________

November 2010 - Februar 2011

Login-Anwendung, Usermirgation

Medizinischer Fachbuchverlag

Planung und Erstellung eines Ajax- und REST-basierten Clients zur Migration von Benutzerkonten aus heterogenen Systemen und Anwendungen:

Zustands- und Anforderungsanalyse

Fach- und Technische Konzeption (Usecases, Diagramme, Flows)

Entwicklung User Interface (Registrierungs- und Login-Dialogen)

Erstellung von Wireframes und Prototypen (Clickdummy) mit Axure

Frontend-Entwicklung: HTML/CSS YAML-Framework, JQuery 1.4, Ajax / REST, JSP

Browseroptimierung IE7-9, Chrome, Safari, Firefox

Zusammenarbeit mit Backend-Java-Entwickler

Systeme: Spring, JSP 2, Maven, Jetty, Apache

____________________________

September 2009 - Oktober 2010

ELearning Web 2.0-Anwendung

Medizinischer Fachbuchverlag

Frontend-Konzeption und Entwicklung:

HTML/CSS YAML-Framework, JQuery 1.4

Browseroptimierung IE6-9, Chrome, Safari, Firefox 3

Ladezeitoptimierung

Entwicklung User Interface

Besondere Herausforderung progressive enhancement: Frontend bei gleichem Funktionsumfang für Clients mit deaktiviertem Javascript

Client Performance-Optimierung (Requests)

Lastanforderung (Peak: 6000 gleichzeitige Benutzer)

Zusammenarbeit mit 2 Backend-Java-Entwicklern

Spring, JSP 2, Eclipse, GIT, Jazz

 

Aus- und Weiterbildung

Aus- und Weiterbildung

Fortbildung, Kongressbesuche und WorkshopsKonferenzen und Kongresse:

-----

ReactEurope Paris 2016

ReactEurope Paris 2015

JSConf Europe Berlin 2014

CSSConf Europe Berlin 2014

RejectJs Berlin 2014

Smashing Conference Freiburg 2014

Smashing Conference Freiburg 2013

Ajax in Action, Frankfurt

PHP Conference, Frankfurt

CSS-Summit 2009, Online

Learntec.de, Karlsruhe

Workshops:

-----

Mobile Input von Luke Wroblewski, Google, 2013

Making-it-work-offline von Matt Andrews, Financial Times, 2014

HTML und Screendesign Prof. F. Thissen, IMA Karlsruhe

Hackathons:

-----

ReactEurope Hackathon 2016, Mozilla Paris

Prototyp Suche für Reiseangebote mit GraphQL, ReactJS, Relay

ReactEurope Hackathon 2015, Mozilla Paris

Webapp mit ReactJs, Gulp, Cordova

Meetups:

ReactStuttgart 2016

Literatur

-----

Learning React Native: Building Native Mobile Apps with JavaScript by B.Eisenman

Online Literatur siehe Twitter-Stream: https://twitter.com/webkreation/

Ausbildung:

-----

Abschlussarbeit: Lernsoftware Mathematik: ?Konzeption+Storyboard einer computergestützten Lernumgebung? bei Prof. Dr. Uwe Beck, Hochschule Karlsruhe 1999, Staatsexamen

Kompetenzen

Kompetenzen

Produkte / Standards / Erfahrungen / Methoden

Fähigkeiten
-----------
-  Analyse, Planung, Konzeption und Umsetzung von Webprojekten und

Webanwendungen.

-  Frontend-Entwicklung und GUI-Design.
-  Konzeption von Informations- und Lernumgebungen unter didaktischen

Gesichtspunkten, mit besonderem Augenmerk auf Bedienung und Übersichtlichkeit.

-  Projektleitung und Erstellung von Fachkonzepten.
-  Web 2.0 GUIs

Konzeption
----------
-  Drehbücher/Storyboards
-  Rapid Prototyping mit Axure (HTML-Dummies, MockUps)
-  Zielgruppenanalyse
-  Grob- und Feinkonzepte, Spezifikationen

Entwicklung und Programmierung
----------
node/npm +++

Express +++

Webpack ++++

Grunt +++

Browserify +++

Gulp ++

Git ++++

SVN ++

Frontend Architektur ++++

Universal (Isomorphic) Javascript ++++

RESTful Services ++++

JSON ++++

Ajax ++++

Websockets +++

GraphQL ++

HTML5-Webapps ++++

Offline-Webapps mit Appcache ++++

Progressive Serviceworker Webapps +++

Responsive Layout ++++

Adaptive Layout ++++

Progressive Enhancement ++++

UX-Design +++

Crossbrowser-Optimierung ++++

Mobile Browser ++++

Performance Optimierung ++++

Atom, Nucilde ++++

Webstorm, IntelliJ +++

Axure +++

Sketch +++

Jira ++++

Trello ++++

Mantis ++

Persönliche Eigenschaften:

----------

Schnelle Auffassung von neuen Zusammenhängen

Schnelle Teamintegration, Spaß an kreativer Teamarbeit

Planen und Anleiten

Erfahrung im Umgang mit Agenturen, Zulieferern und Development-Teams

Finden von unkonventionellen Lösungen, kreativer Input

Betriebssysteme

MS-DOS
Unix
Windows
Windows CE

Programmiersprachen

CSS3
LESS, SASS
HTML5
JavaScript
ReactJs, AngularJs
PHP
Templateentwicklung
ReactJS ++++

React-DevTools/HRM ++++

React-Router ++++

Redux ++++

Relay ++

React Native ++

 
HTML5 ++++

CSS3 ++++

SASS ++++

PostCSS +++

CSSModules +++

AngularJS 1.x +++

BackboneJS ++

RequireJS +++

D3.js +++

PHP +++

Jetty, JSP, JTwig +++

ES5 ++++

ES6 +++

BableJS +++

Datenbanken

MS SQL Server
MySQL

Datenkommunikation

Internet, Intranet
TCP/IP
Windows Netzwerk

Hardware

PC

Branchen

Branchen

Internet
E-Learing
Tourismus
Medizin
Softwarehersteller

Vertrauen Sie auf GULP

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das GULP Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.