Les 1: Intro + Simpele route en onepager

Python intro
Programming basics-II
Les 3 / Week 7a
Even opwarmen
LAR-II
Les 1
1 / 12
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

In deze les zitten 12 slides, met tekstslides.

Onderdelen in deze les

Python intro
Programming basics-II
Les 3 / Week 7a
Even opwarmen
LAR-II
Les 1

Slide 1 - Tekstslide





🧔
Bart Kouwenberg
bk28@curio.nl




Minecraft, Counter-Strike
Snowboarden, Festivals
Stargate, The Walking Dead
💳 Namenronde
Even kennismaken, we gaan rond door de klas: 
Wat is je naam? Wat is je favoriete game, hobby of serie?

Slide 2 - Tekstslide

Deze les
👩‍🏫 Deze les:
    - Intro Laravel
    - Inhoud periode: Waar werken we naartoe?
    - Voorkennis bespreken (PHP vorig blok)
    - Aftrap Laravel: Eerste project

Slide 3 - Tekstslide

✨ Intro Laravel
  • Framework
  • Breed toepasbaar (MVC)
  • Sneller, efficienter

Slide 4 - Tekstslide

🎯 Inhoud periode
Waar werken we naartoe:
CRUD Systeem, met one to many relatie
(Zoekfunctie)

Slide 5 - Tekstslide

🧠 Voorkennis bespreken
(PHP vorig blok)

Authenticatie
Sessions
Database

Slide 6 - Tekstslide

☁️ Aftrap Laravel
Downloaden en installeren:
  • VSCode / PHPStorm
  • Laragon
  • Composer
  • NodeJS

Slide 7 - Tekstslide

📝 Laravel project maken
CMD > composer global require laravel/installer
CMD > Navigeer naar een projectmap
CMD > laravel new first-lar-app
Installatie Parameters > breeze > blade > yes > enter > no > mysql > yes
Open dit in je editor (VSCode / PHPStorm)

Slide 8 - Tekstslide

🫣 Ff loeren
Kijk nu eens rond in je nieuwe Laravel project. Wat zie je?

Slide 9 - Tekstslide

📝 HTML Layout maken
Resources > Views > home.blade.php
Maak een simpele one page website

Slide 10 - Tekstslide

🎯 Route aanmaken
Maak nu in je web.php een route aan naar je home page
Route::get('/', function() { // Het pad in je browser
     return view('home')// De pagina (blade.php)
});

Slide 11 - Tekstslide

🚀 De website bekijken
php artisan serve
npm run dev
http://localhost:8000/

Slide 12 - Tekstslide