Im Webentwicklungskontext sehe ich häufig, dass Entwickler Bibliotheken wie CSS- und JS-Dateien direkt in ihre Projekte kopieren und in Ordnern ablegen. Doch das ist ein veralteter Ansatz, der mehr Nachteile als Vorteile mit sich bringt. [...]
Nach einiger Zeit habe ich etwas Zeit gefunden diesen Blog aufzuräumen. Es hat sich einiges getan: [...]
Anfang diesen Jahres haben meine Kollegen Daniel Ebner und Bartholomäus Kaminski einen neuen Podcast gestartet. Dort unterhalten wir uns über Themen, die uns als Webentwickler beschäftigen. Dazu zählen unter anderem agile Prozesse und Methoden, Technologien aus dem Webumfeld und Arbeitsmethodik. Der Podcast erscheint jede Woche und ist über die üblichen Kanäle zu erreichen.
Ihr erreicht unser über unsere Landingpage:
[...]This week I received my second certificate from the Linux Foundation [...]
Diese Woche habe ich mein zweites Zertifikat der Linux Foundation erhalten [...]
When moving further up the testing pyramid, you come across contract or service tests. This type of test ensures that the frontend continues to work with the backend or related services after changes or a deployment. [...]
Wenn man auf der Testing-Pyramide weiter nach oben wandert, stößt man auf Contract- oder Servicetests. Diese Art von Tests stellt sicher, dass das Frontend auch nach Änderungen oder einem Deployment weiterhin mit dem Backend oder den dazugehörigen Services funktioniert. [...]
Every time I meet someone who says they work in an agile team using Scrum, I ask about Planning 2. [...]
Jedes Mal, wenn ich auf eine Person treffe, die sagt, sie würde in einem agilen Team nach Scrum arbeiten, stelle ich die Frage nach Planning 2. [...]
Dieser Artikel schließt an den vorherigen Artikel an. Nachdem ein lauffähiges Test-Setup erarbeitet wurde, folgen in diesem Tutorial weitere Testfälle. [...]
Meine Erfahrung der letzten Jahre zeigt, dass die größte Hürde beim Schreiben von Tests das Testingframework und das Setup sind. Die Clients der drei großen Frameworks React, Vue und Angular liefern diese defaultmäßig aus. In diesem Artikel zeige ich wie man sich ganz einfach und schnell ein Jest-Setup mit Typescript aufsetzt. Anschließend zeige ich auch einige Tests. [...]
The last article of 2021 showed how to build a simple and small REST API with Koa. I will use this backend today to connect the address book application to it. [...]
Der letzte Artikel des Jahres 2021 zeigte, wie man eine einfache und kleine REST-API mit Koa baute. Dieses Backend werde ich heute verwenden, um die Adressbuch-Applikation daran anzubinden. [...]
Ein Thema wurde bisher nicht in unserem StencilJS Tutorial nicht behandelt: das Backend. [...]
Ein Thema, das mich in den letzten Wochen beschäftigt hat, war das Öffnen einer PDF im mobilen Safar-Browsers. [...]
Du möchtest die JSNAD Zertifizierung und brauchst ein paar Tipps? Dann bist du hier genau richtig. Ich habe diese Zertifizierung abgelegt und möchte hier meine Strategie erklären. [...]
Vor zwei Jahren habe ich für mein Team eine Möglichkeit zur Weiterbildung gesucht. Die Idee war es das Team auf einen Wissensstand zu bringen. Wie erreicht man, dass ein Team die Dokumentation studiert und dabei etwas lernt? Mit einer Zertifizierung. [...]
Heute zeige ich wie man ein Storybook Addon schreibt. Jedes Projekt ist individuell und einzigartig sind auch die Anforderungen. Storybook bietet einen breiten Katalog an Addons an. Ein tolles Feature, das das Entwicklungsteam anbietet, ist die Möglichkeit weitere Addons selber zu schreiben. [...]
In den letzten beiden Artikeln habe ich gezeigt wie man eine Komponentenbibliothek aufsetzt und wie man Storybook benutzt. Damit ist die Grundlage geschaffen. Was ist der nächste logische Schritt, wenn man einige (oder alle) Komponenten fertig hat? Richtig! Man möchte diese verwenden. Die Grundidee ist die Arbeitsteilung. Ein Team/Spezialist kümmert sich um die Komponentenbibliothek und stellt diese anderen Teams zur Verfügung. [...]
In meinem letzten Artikel habe ich Storybook vorgestellt. Heute möchte ich die Bedienung erklären. Es ist ein tolles Tool mit vielen Möglichkeiten, um eure Komponenten zu entwickeln, zu katalogisieren oder sogar zu testen. [...]
Heute zeige ich wie man mit Hilfe von StencilJS und Storybook eine wiederverwendbare Komponenten-Bibliothek aufbaut, die aus Web-Components besteht. Im ersten Teil setzen wir das Projekt auf und verbinden die StencilJS mit Storybook. Im nächsten Teil zeige ich dann wie man die Webcomponents installiert und benutzt. [...]
Aktuell arbeite ich an einer APP mit Flutter. Letzte Woche habe ich einen ersten Prototypen auf mein Handy überspielt. Stolz habe ich es jemanden gegeben, um zuzuschauen wie mit der APP interagiert wird. Nach drei Klicks wurde der Bildschirm rot. Crash. [...]
Eine Übersicht über meine StencilJS-Reihe [...]
Mit dem Wissen des letzten Artikels können wir uns dem eigentlichen Thema widmen: Tests schreiben. Das Framework ist installiert, der erste Test steht und nach dem Ausführen laufen die Browser los und testen die Anwendung. [...]
Mit den End2End-Tests sollte, meiner Meinung nach, sofort begonnen werden, sobald man die erste Seite gebaut hat. Wie der Name schon sagt wird das Zusammenspiel der Komponenten und die Anbindung an Schnittstellen getestet. [...]
Im vorherigen Artikel haben wir gelernt wie man einzelne Funktionen wegmockt. In einer Komponente befinden sich häufig auch viele importierte Fremdbibliotheken. Ich verlasse mich immer drauf, dass diese getestet sind und möchte diese auch nicht in meinen Tests erneut testen. In diesem Artikel zeige ich wie man damit umgeht. [...]
Dieser Artikel setzt auf dem letzten Artikel "StencilJS-Tutorial: Real World Unit Tests" auf und gibt weitere Einblicke und Beispiele zum Thema Jest-Testing innerhalb einer StencilJS-App. [...]
Nachdem wir im letzten Artikel die Grundlagen des Testing-Frameworks Jest gelernt haben, wenden wir dieses Wissen in unserem Beispielprojekt Adressbuch an. [...]
Jest ist DAS Javascript Testing-Framework. Wenn man mit Javascript/Typescript arbeitet, kommt man an diesem Schweizer-Taschenmesser des Testens nicht vorbei. Ich bin ein riesen Fan seitdem wir uns 2016 das erste mal begegnet sind. Ich habe davor mit diversen Test-Framework gearbeitet. [...]
Die bisherigen Tutorials haben jetzt alle nötigen Bausteine von StencilJS vorgestellt, die wir für unsere Adressbuch-Applikation benötigen. In diesem Artikel werden die diese nun verwendet, um ein funktionierendes Adressbuch zu bauen [...]
Die functional component oder stateless component stellt eine alternative Schreibweise für die StencilJS-Komponente dar. Die Komponente ist dadurch leichtgewichtiger. Aber man verzichtet auch an etwas Funktionalität. [...]
Der StencilJS-Store ist eine tolle Sache. Dabei handelt sich um einen sehr leichtgewichtigen State-Container ähnlich zu Redux, Redux-Zero oder dem guten alten $rootScope in AngularJS. [...]
Wir können eigene Komponenten erstellen und haben dazu das StencilJS-Starter-Projekt genutzt. Nun wollen wir etwas aufräumen und uns um das Thema Routing kümmern. [...]
Das Wissen um die Erstellung einer neuen Komponente wollen wir nun nutzen, um eine Tabelle umzusetzen. Wenn man sich die Scribbles anschaut, erkennt man sofort die Notwendigkeit einer Tabelle. Wir ignorieren an dieser Stelle, dass man es auch ohne HTML-Tabellen-Element umsetzen könnte. Schließlich wollen wir was lernen :-) [...]
Wir haben eine funktionsfähige Umgebung und können endlich mit der Entwicklung starten. [...]
Nachdem wir das StencilJS-Starter-Projekt aufgesetzt haben, fügen wir jetzt noch die nötigen Entwicklerwerkzeuge und ein CSS-Framework zum Projekt hinzu. Ziel dieser Werkzeuge ist ein einheitlicher und qualitativ-hochwertiger Code. [...]
In der Dokumentation von StencilJS wird erklärt wie man ein Projekt neu aufsetzt. [...]
StencilJS ist ein sehr gutes Framework mit dem man schnell robuste Webanwendungen bauen kann. Der Einstieg ist recht einfach, bzw. der Umstieg von zb. React macht es noch leichter. Der Grundgedanke ist leicht erklärt. Anstatt schwerfällige Runtimes/Kernbibliotheken mitauszuliefern, kompiliert StencilJS einfach den Webstandard Webcomponents, der in allen modernen Browsern out-of-the-box funktioniert. Weil diese Webcomponents, meiner Meinung nach, nicht schön zu programmieren sind, dient StencilJS als Luxuswerkzeug. [...]
Die Antwort auf diese Frage hat mich diese Woche viel Zeit gekostet. Um sicherzustellen, dass meine Webanwendung auch das macht was sie verspricht setze ich auf E2E Tests. Dieser Blackbox-Test benutzt einen Browser, gibt die URL meiner Webanwendung ein und klickt diese dann anhand der definierten Testfälle durch. Anschließend liest er Werte aus und vergleicht diese mit vorher definierten Werten. Im konkreten Fall sollte er eine Rechnung überprüfen. [...]
Vor kurzem habe ich erklärt wie man aus seiner App die SQlite-Datenbank exportiert. In diesem Artikel erkläre ich wie man diese importiert. Voraussetzung ist ein bestehendes Flutter-Projekt und ein SQlite-Datenbank im Download-Verzeichnis des Telefons. [...]
Jeder arbeitende Mensch hat schon an einem Vorstellungsgespräch teilgenommen. Wer schon mal die Gelegenheit hatte am anderen Ende des Tisches zu sitzen, wird sich über folgende Tipps freuen. Viele von uns werden, meistens vom Chef, ins kalte Wasser geworfen. Er kommt um die Ecke und möchte, dass man sich zusammen einen Kandidaten anschaut. Vielleicht sogar ganz alleine ohne HR und ohne Chef. Natürlich reicht die Arbeitserfahrung aus, um ein fachliches Gespräch zu führen. Das denkt man zumindest. Dann nimmt das Chaos seinen Lauf. Ich habe aus meiner Erfahrung, um dieses Chaos einzufangen, einige Tipps zusammengestellt. Damit geht der Kandidat und du als Interviewer mit einem guten Gefühl aus dem Gespräch.Ich konzentriere mich auf das Fachgespräch und nicht auf das HR Gespräch. Im Idealfall ist man unter sich (unter Software-Entwicklern). [...]
Eine der vielen Möglichkeiten für das Speichern von Daten innerhalb einer Flutter-App ist SQlite. SQlite bietet eine Relationale-Datenbank innerhalb der App ohne externe Ahhänigkeit und ohne Datenverkehr über das Internet. [...]
Diese Woche bin ich über den Spread-Operator gestolpert und möchte diese Erfahrung teilen. [...]
In den letzten Jahren konnte ich in weit über hundert Vorstellungsgesprächen reichlich Erfahrung sammeln, sei es als Kandidat oder als technischer Fachkollege. Diese Erfahrung habe ich in folgende Punkte gepackt, die jedes Gespräch erfolgreicher machen. [...]
If you want to display content in the list of all posts, 11ty only allows you to show the entire post content by default. However, if you want to display just the first sentence of a post, you’ll need to teach Eleventy’s JavaScript how to do that. [...]
Wer in der Liste aller Posts zusätzlich den Inhalt anzeigen möchte, hat standardmäßig nur die Möglichkeit, den gesamten Inhalt anzuzeigen. Wenn man jedoch beispielsweise nur den ersten Satz eines Posts anzeigen möchte, muss dies noch über Eleventys JavaScript gelöst werden. [...]
For a long time, I had the idea of setting up a blog. I decided to use the implementation of this project as my first blog post. [...]
Seit langer Zeit trage ich den Gedanken mit mir, einen Blog zu erstellen. Die Umsetzung dieses Projekts möchte ich direkt als ersten Blogbeitrag nutzen. [...]
See all tags.