Responsive Web Solution

The modern way keeping your content in best view for all devices

About me

IT Consultant

Von berufswegen bin ich IT Consultant, bei der Syngenio AG in der Niederlassung Stuttgart als Berater fest angestellt und arbeite hauptsächlich in Kunden-Projekten mit namhaften Banken bei der Umsetzung im Frontendbereich mit Anbindung an Kernbankensysteme.

Frontend Developer

Neben meiner beratenden Tätigkeiten setze ich bei der Syngenio AG Kunden-Projekte im Frontendbereich um und widme meine Freizeit auch dazu mich genau in diesem Bereich immer auf dem neuesten Stand zu halten um aktuelle Web-Trends nicht zu verpassen.

CMS / CRM / DMS / SEO Expert

Im Umfeld Content Management Systeme, Customer Relation Management, Dokument Management System fühle ich mich heimisch und habe diverese Projekte auch im Zusammmenhang mit nahmhaften Shop-Systemen umgesetzt, wobei nicht zuletzt auch hier mein Faible für Suchmaschinenoptimierung zum Tragen kommt.

REACT
Angular
JAVASCRIPT (Vanilla)
HTML5/SCSS/SASS/LESS
SEO
PHP
APP DEVELOPEMENT
UI / UX
DESIGN / PRINT MEDIA
RESPONSIVE FRAMEWORKS
Responsive Web Solution - Jürgen Hauke

Services

Consulting

Mein Consulting Service beinhaltet eine umfangreiche Business Analyze, eine Erstellung eines Anforderungsprofils sowie die Umsetzung und abschließende Bewerbung des erstellen Projektes.

sustainability

Nachhaltigkeit ist mir sehr wichtig, weswegen Technologien verwednet werden, die zum einen auf dem neuensten Stand sind und zum anderen auch zukunftorientiert wirksam bleiben.

Maintanance

Generell biete ich auch eine After-Sale Grundwartung über 5 Jahre an, die über entsprechende zusätzliche Pakete erweitert werden kann. Sprechen Sie mich diesbezüglich an um nähere Informationen zu erhalten.


Möchten Sie mehr erfahren über obige Informationen hinaus?

Schreiben Sie mir

Consulting

Über mein Angebot

Drei Schritte zum Erfolg

Sie möchten Ihr Produkt einem breiten Publikum offerieren und ihnen ist es dabei wichtig, dies auf allen neuen Medien gleichsam tun zu können. Hierfür spricht Responsive Webdesign, was ich Ihnen anbiete. Ihre Inhalte werden gleichsam auf Desktopcomputern, Tabletts oder Handys, benutzerfreundlich, barrierefrei, navigier,- und lesbar dargestellt um somit von überall verfügbar zu sein.

Drei Schritte zum Erfolg

Planung

Um Ihren Ansprüchen gerecht zu werden, bitte ich eine umfassende Planung mit zielorientierter, zieloptimierter Erfolgsstruktur

Umsetzung

Nach gemeinsam erarbeiteten Vorgaben und Zielsetzungen wird Ihr Produkt unter Berücksichtigung Ihrer Auswahl an von mir gebotenen Möglichkeiten umgesetzt

Werbung

Um Ihre neue Produktplattform bekannt zu machen biete ich Ihnen einen Werbestufenplan an der nach Ihren Vorgaben und ermittelten gebuchten Werbepaketen umgesetzt wird.

Clients Total ~2021
25
Work Orders~2021
386
Line of Codes~ 2021
3055742
Actuel Projects~ 2021
17
Open CasesLast 3 months
92
New CasesLast 7 days
70

Zufriedene Kunden sagen
über mich

Ich freue mich immer zu hören, wenn der Kunde zufrieden ist. Einige ausgewählte Kommentare von zufriednen Kunden.

My work

Eine grobe Auswahl an Projekten an denen ich aktuelle arbeite oder die ich abgeschlossen habe.

×

CMS-Systeme

Demo Versionen verschiedener CMS-systeme

Da ich sehr gerne selber mit Content-Management-systemen arbeite und neben WordPress, was ich selbst oft verwende immer die Augen auf habe für andere, habe ich auch zu Demozwecken meinen Favorisierten CMS Systeme auf meinem Server installiert. Drupal und Joomla sind zwei CMS Systeme die neben dem Ranking Spitzenreiter Wordpress sehr verbereitet sind. Joomla 4 ist momentan (Stand: 06.01.2021) noch in der Beta Phase. Drupal ist in der Version 9 installiert. Wer Interesse hat gerne einen Demo-Zugang bekommen. Bitte hierfür einfach kurze E-mail an mich.

Das dritte CMS system, das ich ich hier gerne vorstelle und damit arbeite ist ein relativ unbekanntes, englisches System, bei dem ich selbst früher mitgearbeitet hatte und die deutsche Supportseite hatte. Mittlerweile hat es sich sehr "gemausert" und baut auf Twitter-Bootstrap auf.

Visit website E107 CMS

Glide-Apps

Mit Google Glide realisierte Apps

Hierbei handelt sich um Apps, die auf Google GlideApps basieren. Sehr einfach in der Umsetzung, da Inhalte über Googlesheets eingegeben werden können die dann gerendert werden. Im Prinzip lassen sich diese Apps in der Grundausstattung ohne Programmierkenntnisse erstellen. Ich habde diese Apps für meine beiden Posaunenchöre eingerichtet um Termine schnell griffbereit zu haben und auch über den integrierten Chat eine schnelle Kommunikation zu ermöglichen.

Die andere, "Wander-App" ist in der Pro-Version mit sehr viel mehr Features. Diese habe ich für mein Hoppy , das Wandern eingerichtet um schnell auf meine Touren zgreifen zu können und eine Übersicht zu haben meiner schon getätigten Wanderungen.

WanderApp GlideApps.com

Meine Methodik

Meine Methodik für Blechbläser

Während meines ersten abgeschlossenem Studium, Diplom-Orchestermusiker, begann ich meine eigene Blasmethodik zu entwickeln. Diese habe ich im laufe der Zeit erweitert und für sämtliche Alterklassen und Leistungsstände eine umfassende Methodik entwickelt die ganzheitlich ansetzt und über Entspannung und musikalischem Spiel Zwänge der notwendigen Technik überwindet und somit das Musizieren auf dem Instrument frei werden läßt.

Diesbezüglich habe ich zwei Seiten (noch) auf Boostrap 3 basierend, in denen ich meine Methodik umfassend vorstelle und sämtliche Teilaspekte, die für einen Erfolg auf dem Instrument nötig sind, einzeln detailliert behandle. Ebenso stelle ich mein anderes musikalisches Schaffen vor, - dem Arrangieren von Noten für verschiedene Blechbläserbesetzungen.

trombonisme.de the-art-of-brassplaying.de

Meine Shops

Meine Online-Shops für Noten und Methodik

Da ich meine Methodik und Arrangements nicht nur im Präsenzunterricht anwenden möchte sondern diese auch käuflich zu erwerben haben möchte, habe ich diesbezüglich zwei Onlineshops eingerichtet, die in diesem jahr noch online gehen werden, wo zum einen meine Methodik in div. Heften gekauft werden kann und zum anderen auch Onlineunterricht gebucht werden kann. Auf meinem Anderen WordPress biete ich meinen Bearbeitungen/Arrangements zum Verkauf an. Start hierfür auch Ende 2021.

Beide Onlineshops sind auf WordPress und Woocommerce aufgebaut. Einmal mit Wordpress eigenem Theme und einmal mit einem modifiziertem WordPress Woocommerce Theme und Elemantor-Plugin.

Visit website Download case study

Wordpress

Drei meiner WordPress Installationen

Da ich für verschiedenste Projekte schnell editierbaren Content benötige und Aktualisierungen auch über mobile Geräte möglich sein muss benutze ich selbst sehr oft WordPress als Content-Mangement-System. Auch die leichte Integration Socialer Medien ist für mich ein großes Plus welches WordPress bietet, deswegen habe ich auch für meine beiden Posaunenchöre einen Wordpress eingerichtet um schnell Content zur Verfügung zu stellen und zu aktualisieren.

In der Grundausstattung ist Wordpress weiterhin für mich ein ideales Blogsystem. Mit den richtigen Plugiins erweitert kann es aber pfeilschenll als umfangreiches CMS System genutzt werden. Ich verwende z.B. WP-Filde-Download Plugins die Cloudanbindungen zu Google, Dropbox und Onedrive haben um die Mediathek zu erweitern und ein vereinfachtes, gemeinsames Arbeiten an Dokumenten ermöglicht, die dann mit wenigen Clicks auf der Webseite verfügbar sind.

WordPress PCOP Wordpress.com

Bootstrap

Some Projects, Tutorials with/about Bootstrap

Einer meiner meist verwendeten Frameworks ist Twitter-Bootstrap, mit dem ich schon seit Jahren arbeite. Nachfolgend habe ich ein paar Projekte aufgelistet, die zum Teil schon älter sind und upgedated werden müssen, zum anderen Titorials sind.

Aktuell (Stand: 06.01.2021) steht Bootstrap 5 kurz vor dem Final Release. In unten aufgeführem Tutoral habe ich schon mal auf wichtige Componenten, Neuerungen verwiesen und diese aufgelistet. Was bei Bootstrap 5 besonders in Gewicht fällt das es unabhängig von jQuery betrieben werden kann. Als Fallback , bei Update diverser Projekte ist aber auch die Verwendung con jQuery als Javascriptlibrary möglich.

Bootstrap 5 Tutorial Bootstrap 5 Overview

Projekt Overview

2 Projektübersichtsseiten

Die beiden Projektübersichtseiten sind mit unterschiedlichen Technologien erstellt, beide responsive und sind eine grobe Übersicht meiner Projekte.

Die eine Übersichtseite ist auf keinem Framework basierend. Alls Gimmik kommen diverse Javascripteffekte zum Einsatz. Die Seite ist auch mit einem OffCanvas Effekt versehen wodurch sich der INhalltbereich aus und einklappen läßt. Die andere Übersichtseite ist mit React und MDBootstrap erstellt wobei ein Filterplugin zum Einsatz kommt, wie hier auf dieser Seite.

React Projekt Overview Vanilla Projekt Overview

Slideshows

Diverse Fullsize-Slideshows

In diesem Bereich verweise ich auf ein paar private Slideshowprojekte. es handelt sich dabei im jQuery basierte Fullsize-Slideshows. Die Slideshows haben jeweils eine Übersichtseite. von der aus man dann zur Fullsize-Slideshow navigieren kann.

Dies Slideshows haben diverse Features, wie Autoplay, ausklappbare Vorschaubilder und sind in einem nicht alltäglichen Design gehalten auch unter Verwendung von diversen Schriftarten. Auch hier sind ein paar Javascript Gimmiks eingebaut mir denen ich gerne in meiner Freizeit spiele :-)

Generell Slideshow Max Slideshow

Andere Projekte

Diverse andere Projekte

Nachfolgend habe ich noch ein paar andere Projekte aufgelistet mit denen ich mich gerne in meiner Freizeit beschäftige und imme wieder auf der Suche nach Möglichkeiten bin, Content anders darzustellen. Auch meine Liebe zu CSS kommt bei einem Projekt zum Ausdruck "HTML5-CSS3 Playground"

Neben meinem Playground hier habe ich noch das Template der mobilen Seite des Gasthauses zum Ochsen aufgelistet, welches auf Bootstrap 3 damals erstellt wurde mit Reservierungsscript.

HTML5 CSS3 Playground Restaurant Template

Apps build with React/Angular

Apps mit Login/Register - Firebase, Authentifizierung

Hierbei handelt es sich zum einen um ein abgeschlossenes Projekt für meinen Posaunenchor, einer Intro-Seite für meinen Chor mit Login-Bereich und diesbezüglich geschützten Bereich für Internas. Realisiert mit React und dynamischen libraries.

Die beiden anderen Projekte sind work-in-progress und werden ständig um Features erweitert. Sie worden entweder mit React oder Angular umgesetzt und nutzen Firebase Datenbanken für Registrierung/Login, To-Do Liste und Chatfunktion.In der Angular Version kommt zusätzlich MDBootstrap für UI zum Einsatz.

PCOB-Intro MDBootstrap.com

Contact me

Wenn Sie die im Kontaktformular eingegebenen Daten durch Klick auf den Button "Send Message" abschicken, erklären Sie sich damit einverstanden, dass wir Ihre Angaben für die Beantwortung Ihrer Anfrage bzw. Kontaktaufnahme verwenden. Eine Weitergabe an Dritte findet grundsätzlich nicht statt, es sei denn geltende Datenschutzvorschriften rechtfertigen eine Übertragung oder wir dazu gesetzlich verpflichtet sind. Sie können Ihre erteilte Einwilligung jederzeit mit Wirkung für die Zukunft widerrufen. Im Falle des Widerrufs werden Ihre Daten umgehend gelöscht. Ihre Daten werden ansonsten gelöscht, wenn wir Ihre Anfrage bearbeitet haben oder der Zweck der Speicherung entfallen ist. Sie können sich jederzeit über die zu Ihrer Person gespeicherten Daten informieren. Weitere Informationen zum Datenschutz finden Sie auch in der Datenschutzerklärung dieser Webseite.

To do Liste

Update HTML5-CSS3 Bootstrap Tutorial Seeite

Projekt Übersicht

Meine Projektübersicht bestehender, offener und neuer Projekte

Demo-Chart

Dies ist momentan nur ein Demo-Chart

31
Total Sites

Aktuelle Anzahl der Seiten auf meiner Präsenz hier.

Server Usage

80.56 GbTotal100 Gb

Auslastung meines Managed Servers.

User Activity

210

Users

Pages Visits~495 / month
New Visits ~ 73.4%
  • My Work Bereich.

    Einige Projekte wurden hinzugefügt

    07Jan
  • Color Management

    Color Management wurde abgeschlossen incl. Unter/Bereichsseiten

    07Jan
  • Navigation wurde angepasst

    Die Seitzennavigation wurde für alle Unterseiten angepasst

    07Jan
  • Code Refactor

    Der Quellcode wurde bereinigt.

    07Jan
  • Header und Footer

    Header und Footer wurden responsive optimiert

    04Jan
  • Javascript Errors

    Javascript Errors aus der Console wurden eliminiert.

    02Jan
  • 6:00 am6 hours ago
    Abschluss arbeiten

    Abschliessende Arbeiten wurden durchgeführt für den Go-Live

  • 11:45 am12 hours ago
    Charts angepasst

    Die verwendetetn Charts auf der Seite wurden inhaltlich und farblich angepasst

  • 8:30 am22 hours ago
    CSS Examples

    Ein neuer Bereich, CSS Examples wurde hinzugefügt der nach und nach weiter ausgebaut wird

  • 6:00 am24 hours ago
    Pattern Backgrounds

    Hintergrund-Patterns wurden aktualisiert und vereinfacht