Naar de inhoud

Herfstvakantie. Gesloten 2 – 8 november, terug op 9 november. Meer info over onze sluitingsdagen

in2sites, naar de startpagina

Lesmateriaal · Programmeren · Gevorderd, met kennis van Laravel

Cursus Livewire

Interactieve schermen in Laravel zonder apart JavaScript-framework: formulieren, zoeken, filters en paginering in PHP.

Omslag van de cursus Livewire van in2sites
Omslag van de cursus Livewire · A4

Voor wie is de cursus Livewire?

Met de cursus Livewire bouw je interactieve schermen in Laravel zonder een apart JavaScript-framework. Zoeken terwijl je typt, een formulier dat meteen valideert of een tabel die je filtert: het kan allemaal met PHP en Blade. De opleiding is bedoeld voor wie Laravel al kent en sneller dynamische toepassingen wil maken.

Na de cursus Livewire maak je eigen componenten met state en acties, en je weet hoe een klik in de browser je PHP-code bereikt. Je bouwt formulieren, lijsten met paginering en modale vensters. Bovendien combineer je Livewire met Alpine.js voor kleine effecten die geen serververkeer nodig hebben. Zo houd je je hele applicatie in één taal en één project, wat het onderhoud later een stuk eenvoudiger maakt.

Wat de cursus Livewire behandelt

Eerst leer je hoe Livewire werkt. Een component bestaat uit een PHP-klasse en een Blade-view, en bij elke actie praat de browser met de server. Daarna maak je je eerste component met publieke eigenschappen en methodes die reageren op een klik. Je ziet ook hoe Livewire alleen het deel van de pagina vernieuwt dat veranderde.

Vervolgens koppel je invoervelden aan je component met wire:model. Je ziet het verschil tussen live bijwerken en pas opslaan bij verzenden. Daarnaast voeg je validatie toe, met foutmeldingen die meteen naast het veld verschijnen. Zo bouw je in korte tijd een formulier dat prettig aanvoelt.

In het middelste deel van de cursus Livewire werk je met lijsten. Je bouwt een tabel met zoeken, sorteren, filters en paginering, en je bewaart de filters in het adres zodat een collega dezelfde selectie kan openen. Daarna leer je hoe componenten met elkaar praten via events. Ook bestanden opladen en laadindicatoren komen aan bod.

Tot slot kijk je naar snelheid en structuur. Je leert wanneer je een component opsplitst, hoe je onnodige verzoeken vermijdt en wanneer Alpine.js een betere keuze is voor iets kleins. We sluiten af met het testen van componenten. Op de officiële site van Livewire vind je doorheen de lessen alle naslag.

Opengeslagen cursus Livewire: een hoofdstuk met uitleg en een oefening
Een opengeslagen pagina met uitleg en een oefening.

Zo volg je deze opleiding

Bij in2sites bouwen we veel beheerschermen met Laravel en Livewire, zoals planningen, voorraadlijsten en klantendossiers. Het lesmateriaal van Tom Vanhoutte vertrekt vanuit dat soort schermen. Je werkt dus niet aan een abstract voorbeeld, maar aan een scherm dat een bedrijf morgen zou kunnen gebruiken.

De lessen wisselen korte demo’s af met zelf bouwen. Na elk onderdeel test je je component in de browser en kijk je wat er tussen browser en server heen en weer gaat. Dat inzicht helpt later bij het opsporen van fouten. De cursus Livewire geven we in een klas van een opleidingscentrum, bij een bedrijf zelf of als begeleiding voor één developer. Meer daarover lees je bij onze IT-opleidingen. Zoek je een voorraadscherm voor je eigen bedrijf, kijk dan naar WMS-software.

Cookievoorkeuren

Kies welke cookies je toestaat. Je kunt dit later altijd wijzigen.

Nodig om de website te laten werken, bijvoorbeeld om je cookiekeuze te onthouden en het contactformulier te beveiligen. Deze staan altijd aan.

Altijd aan

Helpen ons begrijpen hoe bezoekers de website gebruiken (Google Analytics), zodat we ze kunnen verbeteren. De gegevens zijn niet bedoeld om jou persoonlijk te volgen.

Maken het mogelijk om onze advertenties te meten en relevanter te maken op andere websites. Momenteel niet in gebruik; we vragen het pas als het nodig is.