design

SASS, LESS, HTML 5

code

ES6, REACT, JQUERY, FLUID, SMARTY, WEBPACK

concept

DESIGN & CODE FOLLOWS FUNCTION

Angular, React, Vue

Vor knapp einem Jahr diskutierten die Entwickler vor allem darüber, ob sie für ihre Projekte Angular oder React verwenden sollten. Aber im Laufe des Jahres 2018 haben wir ein wachsendes Interesse an einem dritten Akteur namens Vue.js festgestellt.

2019 stellen wir uns die Frage: Wer macht das Rennen? Angular vs. React vs. Vue.

follow the function

Louis Sullivan prägt mit seiner “form follows function” Philosophie ganze Branchen. Es wird Zeit, dass sich diesen Grundsatz auch Programmierer zu Herzen nehmen.

Für Kunden arbeite ich schon lange nach der Philosophie: “Design & code follows function”. Dadurch sind effiziente und erfolgreiche Projektabläufe garantiert.

Webpack

Webpack bündelt Frontend Assets und merged diese in produktivetaugliche Einzeldateien.

Dadurch ist Webpack der wichtigste Bestandteil einer jeden Frontend-Infrastruktur. Die Entwicklung einer App oder Website ist ohne Webpack kaum noch vorstellbar. Durch die Vielzahl an Erweiterungen ist Webpack seinen Konkurrenten Meilenweit voraus.

display: grid

Für die Abhängigkeitslogische Positionierung von Nodes wurde der Entwickler Gemeinschaft die display: flex Eigenschaft geschenkt.

Besonders bei der Positionierung auf der Y-Achste werden die Schwächen von dem Flexbox Modell jedoch schnell deutlich. Der neue Sherrif in der Stadt heißt daher display: grid.

ARTICLE

click for more

ABOUT

Niklas Döttling

Als Frontend-Entwickler programmiere ich Webprodukten wie Websites oder Apps. Ein wesentlicher Bestandteil der Frontend-Entwicklung ist das detailierte Ausarbeiten von Konzepten während der Entwicklung. Für die technische Umsetzung von Layoutvorlagen verwende ich die Technologien HTML (fluid, smarty), CSS (sass, less) und Javascript (es6, react, jquery). Dies geschieht innerhalb von CMS-Umgebungen.

Je nach CMS (typo3, wordpress, shopware) und Frontend-Infrastruktur (webpack!) werden unterschiedliche Präprozessor-Programmiersprachen verwendet. Bei mir ist größtenteils Fluid, SASS, es6 und jQuery im Einsatz. Für die Entwicklung von Web Apps wird auf react gesetzt.

Loading
the page...