Drupal Tech Talk 25: Building blocks

Een nieuw jaar, een nieuwe Drupal Tech Talk! We zijn te gast bij KRO-NCRV in Hilversum. Deze omroep heeft een lange geschiedenis met Drupal en heeft op dit moment o.a. Drupal sites voor Eva Jinek, Boer Zoekt Vrouw en Willem Wever. We zijn dus heel dankbaar dat ze de community ook als Tech Talk host willen ondersteunen.

LET OP! Alleen voor wie zich uiterlijk maandagochtend (4 februari) inschrijft, kunnen we beloven dat er eten is!

Onder het thema "Building blocks" kijken we eerst met Daniël Smidt naar de Layout Builder in Drupal Core, waarmee pagina's kunnen worden opgebouwd. Rolf van de Krol komt spreken over een heel ander soort bouwstenen: TypeScript, wat een superset van JavaScript is, en hoe je dat kan genereren met Drupal 8.

Daniël Smidt - De wondere wereld van Drupal's nieuwe Layout Builder

In het Drupal CMS op een no-code manier pagina's vrij kunnen indelen en niet vastzitten aan een standaard pagina template? Dat kan met de nieuwe Layout Builder in Drupal 8.

Het is met Layout Builder mogelijk om zonder tussenkomst van een programmeur hele pagina's in te delen. Het enige wat je nodig hebt zijn voorgedefinieerde puzzelstukjes.

Wellicht heb je ervaring met modules als Context, Panelizer of het nieuwere Bricks. Layout Builder is een standaardisatie slag waarbij de belangrijkste features van deze modules in core zijn opgenomen. Het voordeel daarvan is betere integratie en een stabielere oplossing die voldoet aan de hoogste eisen.

In deze talk ga ik in op de mogelijkheden voor Developers en Site builders/Webmasters en de balans tussen structured data en zelf-bouw vrijheid. Verwacht zowel code getik als muis gesleep.

Rolf van de Krol - TypeScript genereren met Drupal 8

In een headless Drupal website heb je veelal te maken met een JavaScript geschreven front-end applicatie voor de API van Drupal. De API van Drupal levert dan een JSON representatie van een Drupal Entity.

Wanneer je deze frontend-applicatie met TypeScript schrijft, moet je, om op een type-safe manier met deze JSON om te gaan, een type-definitie schrijven. Deze type-definitie beschrijft de JSON die uit Drupal komt, zodat je deze vervolgens in TypeScript veilig kunt gebruiken. Ook is de JSON die uit Drupal komt nog sterk verbonden aan de datastructuur van Drupal (bijvoorbeeld: arrays voor velden, ook al bevat het veld altijd maar 1 element). Om deze datastructuur in TypeScript comfortabel te gebruiken, is er een conversiestap nodig naar een datastructuur die in JavaScript logischer, en ook weer type-definities voor deze nieuwe datastructuur.

Al met al, een flinke hoeveelheid code, die je bij elke website weer opnieuw moet schrijven, want het is niet 100% hetzelfde voor elke website (hoewel er natuurlijk ook wel grote overeenkomsten zijn).

In deze talk ga ik laten zien hoe je, door gebruik te maken van de Drupal APIs deze code automatisch kunt genereren.

Programma

17:30 Inloop
17:45 Welkom & introductie
18:00 Sessie 1: Daniël Smidt
19:00 Eten
19:30 Sessie 2: Rolf van de Krol
20:30 Borrel

---
Drupal Tech Talk is een initiatief van LimoenGroen en Hoppinger.