les4.md

Les 4

Basis View en Component

Bekijk de Laracast video's over het aanmaken van een simpele app met 3 pagina's. Je leert wat een View is en hoe je een component aanmaakt. Maak ook de opdracht die wordt gegeven in de vorm van huiswerk.

Opdracht

NOTE: Gebruik hiervoor een oefenproject zonder Breeze.

Heb je nog geen 'kaal' oefenproject? Maak deze dan weer aan met composer commando in een nieuwe map. Je hoeft het project niet toe te voegen aan GIT.

composer create-project laravel/laravel .

Tip! Wanneer je aanpassingen wilt doen in de css, voer dan het volgende commando uit in een tweede terminal venster: npm run dev Tip! Maak gebruik van dd() en dump() als je wilt debuggen. Je kunt dit ook in een view gebruiken maar dan met @dd() en @dump()

Bekijk de volgende video's van Laracast: 30 days to learn laravel 11

• Episode 2

• Maak de opdracht van Episode 2

• Episode 3

• Maak de opdracht van Episode 3

• Ga verder aan de slag met components en partials.

• Zorg voor een dynamische navigatie met actieve links. Werk met components

• Maak een lijstje (array) met informatie en stuur deze mee aan een View. Toon deze d.m.v. een loop. Gebruik voor de items in de loop een component.

• Lees onze samenvatting over components.

• Aanvullende informatie vind je op Laravel.com en Laracast

Opdracht

Note: Voor deze opdracht maak je gebruik van het project voor de eindopdracht.

Bij het aanmaken van een nieuw Laravel project heb je voor je eigen project gekozen voor Breeze. Een bezoeker kan zich dus registreren en inloggen.

Voor de onderstaande opdrachten maak je gebruik van de documentatie over Blade Templates.

• Zorg in een view ervoor dat je het verschil ziet tussen een ingelogde en een niet ingelogde gebruiker op een eigen gemaakte pagina.
• Maak onderdelen alleen zichtbaar voor ingelogde gebruikers.
• Ga ook hier aan de slag met components en zet de layout en navigatie naar je eigen hand.