WebDev Espresso - Die schnelle Dosis Frontendwissen

Es hat wieder ein wenig gedauert bis wir was aufnehmen konnten. Und dann auch noch ein wenig bis wir es hochgeladen haben. In der Folge erklären wir es auch ein wenig und wollen uns einmal bedanken, für die, die 50 Folgen durchgehalten haben. Danke! Vielleicht sprechen wir uns nochmal wieder, wir werden es sehen. Aber bis dahin verabschieden wir uns in eine Pause und lassen noch ein paar Gedanken...

Ja, wir sind mal wieder sehr spät dran, aber uns gibt es noch. Und wir sind mal wieder back to the roots, es geht um Angular. Version 20.2 enthält dann doch ein paar spannende Dinge und der Ausblick auf 21 ist auch nicht ohne. Viel Spaß beim Reinhören. Hier geht es zum Blogartikel, wo wir unsere Beispiele her haben: https://angular.love/angular-20-2-the-recent-changes Feedback, Folgen und mehr? ht...

Das letzte Update hat etwas Ruhe gebracht, aber in der Angular-Welt passiert ja doch sehr viel. Viele stellen sich da die Frage, wo geht es eigentlich hin und was kann ich jetzt schon nutzen? Wir versuchen es ein wenig zu diskutieren, vor allem, wie man denn jetzt die Komponenten usw. nennen soll ;) Link: https://javascript.plainenglish.io/crazy-angular-architecture-in-2025-cf15a866ac2d Feedback,...

GraphQL, eine Sprache für APIs. Von Facebook ins Leben gerufen, ist es nun etwas weiter verbreitet und als Standard etabliert. Wofür nutzt man es, was sind die Vor- und Nachteile und worauf muss man achten? Eine spannende Technologie, die man auf jeden Fall auf dem Schirm haben sollte. Feedback, Folgen und mehr? https://webdev-espresso.de/

Validierung darf in keinem Projekt fehlen, schon gar nicht, wenn wir Daten verarbeiten, die von außen in unsere Anwendung kommen. Welche Möglichkeiten es gibt und was die Vor- und Nachteile sind, besprechen wir, ein paar Tage zu spät, aber dennoch mit euch. Feedback, Folgen und mehr? https://webdev-espresso.de/

Wieder ein halbes Jahr vorbei, also worüber reden wir? Natürlich, Angular 20. Was erwartet uns dieses Mal und worauf können wir uns freuen? Feedback, Folgen und mehr? https://webdev-espresso.de/

Zumindest uns erschien, als wenn diese beiden Themen gerne immer wieder zu zweit auftreten und diskutiert werden. Was ist der Vorteil und warum gerade mit WebComponents? Feedback, Folgen und mehr? https://webdev-espresso.de/

Braucht man das wirklich? Oft haben wir es erwähnt, nun ist es soweit. Wir reden über Stores und Statemanagement. Im speziellen über NGRX und den neuen Signal Store. Teilt gerne Eure Erfahrungen oder Ideen mit uns. Feedback, Folgen und mehr? https://webdev-espresso.de/

Ein Jahr ist geschafft. Die Zeit verfliegt, anders als bei der Temporal API, die das JavaScript Date mal abschaffen soll. Aber es geht vorran. Wir sprechen ein wenig über Zeitzonen, Formate und externe Libs, die das Arbeiten mit dem Datum vereinfachen sollen. Feedback, Folgen und mehr? https://webdev-espresso.de/

Wie organisiert man eigentlich die API-Schicht zwischen Backend und Frontend? Wie stellt man sicher, dass auf beiden Seiten mit den gleichen Objekten gearbeitet wird? Diese Fragen wollen wir in dieser Folge besprechen und stellen ein Tool vor, dass einem helfen kann. Feedback, Folgen und mehr? https://webdev-espresso.de/

Wir schwärmen in Nostalgie. Wie sind wir zur Webentwicklung gekommen, was war damals modern und heute nicht mehr? Eine kleine Zeitreise. Vorab eine kurze Newsrunde. TypeScript bald mit GO: https://www.youtube.com/watch?v=11GKy1ioD8w Feedback, Folgen und mehr? https://webdev-espresso.de/

Mit HTMX gibt es eine Bibliothek in Version 2.0, mit der man HTML in HTML dynamisch einbinden kann und das ganze ohne JavaScript schreiben zu müssen. Doch bietet es einen Mehrwert? Warum sollte man es einsetzen und warum nicht? Hört rein und findet es heraus. HTMX: https://htmx.org Feedback, Folgen und mehr? https://webdev-espresso.de/

Ein wenig verspätet, aber wir sind wieder zurück. Ab jetzt nur noch jede zweite Woche. Wir starten ins Jahr mit der Zwiebelarchitektur im Frontend. Neu und unbekannt ist diese Form der Architektur nicht, aber kann man sie auch sinnvoll im Frontend einsetzen? Dieser Frage gehen wir auf den Grund. Ein wenig zum Lesen dazu: https://medium.com/@navez.jerome/applying-the-onion-architecture-to-angular-p...

Hohoho, es weihnachtet sehr. Unser Weihnachtsspezial, ein Hörspiel der besonderen Art. Vielen Dank an Lena, als Erzählerin. Der ChatGPT-Prompt: Hi, ich würde gerne für meinen IT Podcast eine tolle Weihnachts Sonderfolgr machen. Stell dir mal vor, du bist ein Hörbuch Autor. Und jetzt schreibst du für einen IT Podcast, der sich um Angular und andere Frontend Bibliotheken dreht, eine Weihnachtssonder...

Wir wollen niemanden enttäuschen, aber kein neues Thema in diesem Jahr. Wir lassen nochmal die Folge im Geiste an uns vorbeiziehen, reden ein wenig über die Zuhöhrer:innenzahlen, wie es weiter geht und wie es war. Nächste Woche kommt noch die Weihnachtsfolge und dann hören wir uns mitte Januar erst wieder. Schöne Feiertage allen und vielen Dank fürs treue Höhren. Feedback, Folgen und mehr? https:/...

Hallo zusammen, mal wieder eine etwas technischere Folge. Wir beleuchten die Vorteile der beiden Alternativen, Reactive Forms und Template Driven Forms. Was man wie und warum einsetzt und was es da für Möglichkeiten gibt. Hier das Video mit der Validierung: https://www.youtube.com/watch?v=EMUAtQlh9Ko Feedback, Folgen und mehr? https://webdev-espresso.de/

Tailwind CSS ist schon länger am Markt und bring einen ganz neuen Ansatz, wie ein CSS Framework funktionieren kann. In vielen Opensource Projekten findet man es schon. Was kann es und was macht es anders und warum das cool oder auch nicht so cool ist, das erfahrt ihr in der heutigen Folge. Blogartikel: https://medium.com/@thomas.ryu/should-you-use-tailwind-css-83d519a29448 Feedback, Folgen und meh...

Die neue Angular Version ist da und wir schauen einfach kurz rein, was es so neues gibt. Da wir über einen Großteil der Inhalte schonmal gesprochen haben, ist es eher ein Überblick mit ein zwei Überraschungen, aber keine tiefere Analyse der Dinge. Blogartikel: https://blog.angular.dev/meet-angular-v19-7b29dfd05b84 Feedback, Folgen und mehr? https://webdev-espresso.de/

Heute Abend ist es soweit, Angular v19 kommt raus und mit dabei sind Linked Signals. Ja, es gibt noch eine Variante mehr jetzt und wir sprechen drüber, was diese können und wo der Unterschied zu den Anderen ist. Blogartikel: https://javascript.plainenglish.io/angular-19-linkedsignal-deep-dive-c7be699420c9 Feedback, Folgen und mehr? https://webdev-espresso.de/

Ein neuer Tag, ein neues Angular-Update. In der nächsten Version, der Nummer 19, erwartet uns ein neues, spannendes Dev-Preview. Die Resource API. Und nein, es geht nicht um Bilder oder Assets, sondern um Http Calls oder Promises im Allgemeinen. Blogpost: https://push-based.io/article/everything-you-need-to-know-about-the-resource-api Feedback, Folgen und mehr? https://webdev-espresso.de/

Sooo viele Folge schon. Die 25ste haben wir leider vercheckt, daher jetzt das 30er Spezial. Vielen Dank für die Treue bis jetzt, auf das es noch viele Folgen mehr werden. Feedback, Folgen und mehr? https://webdev-espresso.de/

Irgendwie kommt das Thema immer mal wieder auf, bei uns beiden. Dabei, Achtung Spoiler, denken wir gar nicht, dass es ein Entweder-Oder sein muss, sondern beide technologien ihre Vor- und Nachteile haben. Wir schauen uns in dieser Folge an, was der Author zu dem Thema zu sagen hat und reichen dies mit viel viel viel eigener Meinung an. Hier ist der Blogpost: https://angular.love/why-angular-signal...

Heute mal kein Blogpost, dafür eine interessante Lib für unser aller Lieblingsframework Angular. Es geht um Spartan UI, die Shadcn Implementierung für Angular. Was es kann, wie es funktioniert, darüber sprechen wir heute. Link zur Lib: https://www.spartan.ng/

Achtung, es wird etwas trocken. Doch auch wenn man denkt, das Thema sollte doch allen geläufig sein, finden wir in vielen Projekten... sagen wir mal spezielle Situationen und Implementierungen vor. Es geht um Authentifizierung. Wir stellen die Standardmethoden vor und philosophieren etwas über Probleme und Angriffsvektoren. Blogartikel: https://blog.openreplay.com/understanding-website-authenticat...

Das englische Wort selbst ist schon so sperrig, dass man es gerne mit a11y abkürzt. Und für andere Menschen sind manch eine Seite oder Webapp ebenso sperrig wie das Wort selbst. Aber das muss nicht sein, es gibt viele Dinge im HTML Standard oder auch an Konzepten, die es möglich machen, das Seiten für alle zugänglich sind. Worauf man achten sollte und was Angular direkt mitbringt, das klären wir i...