meetup #7, laravel intro, og design/gui
TRANSCRIPT
![Page 1: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/1.jpg)
Laravel og design/GUI
Meetup #7
![Page 2: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/2.jpg)
En intro til Laravel, ved Morten
![Page 3: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/3.jpg)
Laravel is a simple framework for web application development. It attempts to make writing web applications in PHP as simple as possible.
Taylor Otwell, creator of Laravel:
![Page 4: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/4.jpg)
Motforestillinger mot rammeverk
• Har ikke tid/ork til å lære noe nytt • Det vi har funker... • Oppdateringer? • Sikkerhet? • Vil ha kontrollen • Kanskje vi ikke
kommer helt i mål? • Er det fleksibelt nok? • Produktivitet?
![Page 5: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/5.jpg)
Offisiell dokumentasjon er god!
![Page 6: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/6.jpg)
Men jeg har kanskje lest ett par bøker…
![Page 7: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/7.jpg)
Og Jeffrey Way er fantastisk!
![Page 8: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/8.jpg)
Hva fikk meg til å ta i bruk rammeverk?
![Page 9: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/9.jpg)
Jeg tenker at når “alle” andre bruker det, så burde kanskje
jeg også?• PHP, jQuery, Bootstrap er alle teknologier
jeg har tatt i bruk fordi “alle” bruker det.Men man trenger ikke alltid gjøre som vennene…
![Page 10: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/10.jpg)
Andre programmerer
• Lettere for andre å akseptere de valg som er tatt når man følger et rammeverk
• Lettere å få andre til å overta/hjelpe å vedlikeholde systemet
![Page 11: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/11.jpg)
Ikke så jalla…
• Hjemmesnekra høres så jalla ut • Et rammeverk høres så proft ut • Det handler om trygghet og følelser…
![Page 12: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/12.jpg)
Man får mye gratis
• Alle rammeverk har kjekke features, hjelpe funksjoner som gjør utviklingen raskere.
• Cross-site request forgery blir håndter av Laravel automatisk med CSRF token (noen som husker min OWASP top 10 presentasjon?)
• Cross-site scripting (XSS) håndteres default i Laravel
![Page 13: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/13.jpg)
Hvordan er det å ta i bruk Laravel?
• Som å ta i bruk Twitter Bootstrap eller jQuery • Nå virker det for dumt å bruke det…
• Det er som å bytte til Mac • Du må gi litt slipp på kontrollen. Men det
virker, og da trenger du ikke kontrollen… • Det er som en ny bil som har deksel over
motoren men en liten luke til å fylle spylerveske. • Det er endel “magic” shait under panseret…
![Page 14: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/14.jpg)
HVORFOR bruke Laravel". Hvilke fordeler gir det deg som har brukt det.
• Fordelen er mange, jo mer jeg bruker Laravel, jo bedre liker jeg det…
• Eloquent lar meg slippe å skrive SQL i PHP • Blade lar meg bruke PHP kode uten å blande
med html sine hake paranteser, og så har den noen smarte løsninger…
• Struktur i koden, routing, view, controller osv. Det er ryddig og vedlikeholdsvennlig
• Mye dokumentasjon og tips er lett tilgjengelig
![Page 15: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/15.jpg)
Hva jeg liker med Laravel
• Enkel CRUD • Views kan vises, inkluderes, sende som
epost eller bli til en pdf • Terminal kommandoene er enkle og
kraftige • Scheduler gjør det enkelt å sette jobber
til å kjører regelmessig
![Page 16: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/16.jpg)
“Jeg er veldig interessert i å vite om dette kunne vært noe for meg.”
• Det var jeg også… • Jeg så noen videoer på Youtube og klikket
gjennom noen slides fra tidligere presentasjoner. Det så enkelt ut…
• Nå har jeg lagd et relativt stort prosjekt på Laravel, og har nå tenkt å bruke samme rammeverk på en enkel hjemmeside. Hvorfor gå tilbake til en punktert Lada…
![Page 17: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/17.jpg)
Fordel med rammverk
• Struktur på kode • Alltid kjekke libs og
helper-functions • Hjelp med
sikkerheten: XSS, SQL injection, CSRF osv
• Mindre egen kode å vedlikeholde
• Lettere å få hjelp online
• MVC • Pretty URLs • Ikke finn opp hjulet
pånytt...
![Page 18: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/18.jpg)
Mortens tips
• Sett deg i naming conventions før du setter opp databasen og begynner på PHP koden. Mye av magien baserer seg på streng naming convention (det er flott når du begynner nytt prosjekt)
• “The Laravel way”… det meste er tenkt på, og det er lurt å finne ut hvordan gjør man dette i Laravel. Aldri lurt å krangle med et rammeverk (selv om Laravel kan konfigureres mye)
![Page 19: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/19.jpg)
Mange gode rammeverk…
![Page 20: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/20.jpg)
Laravel er mest populært
![Page 21: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/21.jpg)
En Laravel oversikt
![Page 22: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/22.jpg)
Ruby on Rails' ActiveRecord? Well, in the PHP end of the world, Eloquent is its premier implementation.
![Page 23: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/23.jpg)
Relasjoner er enkelt i Laravel
![Page 24: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/24.jpg)
“Routing og restify er alltid artig”
Dynamisk id i url, som enkelt blir sendt videre til controlleren ($id)
Istedet for get, post osv kan man benytte “resource” som har alle CRUD url`er
Nesting/gruppering, her har vi authentisering, alle router inni her vil automatisk kreve loginn
![Page 25: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/25.jpg)
Retur av array blir json :-)
Retur av view kan få med data som flettes inn
![Page 26: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/26.jpg)
Magic shait og code-completion
• Med PhpStorm vil man gjerne ha codecompletion, og det krasjer litt med magic methods etc..
• Laravel 5 IDE Helper Generator, til unnsetning! • https://github.com/barryvdh/laravel-ide-
helper • php artisan ide-helper:generate - facades • php artisan ide-helper:models - models • php artisan ide-helper:meta - meta file
![Page 27: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/27.jpg)
“Det som er spennende er å vite ideelogien bak det, hva får deg til å like/mislike det? Hvorfor Laravel?”
• Laravel er et rammverk på toppen av Symfony komponenter (akkurat slik vi gjør i Profundo).
• Skjule kompleksiteten • Laravel gir deg flere alternative måter å
gjøre ting på, det kommer ann på størrelse etc
• Laravel er brukervennlighet for utviklere “Det er ferdig når du ikke kan ta bort mer”
![Page 28: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/28.jpg)
Whatever gets the job done the quickest and is the most
readable is just fine.
![Page 29: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/29.jpg)
Top Ten Reasons To Use Laravel:
1. Documentation. 2. Laracasts 3. Intuitive Syntax 4. Practical Application
Structure 5. Artisan Code
Generation
6. Out-of-the-box User Model
7. Blade Templating Engine
8. Dependency Injection Made Simple
9. Supporting Products and Packages
10.Innovative Founder
![Page 30: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/30.jpg)
I think Laravel is well positioned
right now because we use over two dozen
popular community
packages to build the framework.
![Page 31: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/31.jpg)
Noen av pakkene som Laravel bruker
• Monolog, logging • Carbon, enkel dato
håndtering • Swiftmailer • Mockery • Phpunit • Doctrine • League/flysystem,
filhåndtering
• Symfony • console • debug • finder • http-foundation • http-kernel • process • routing • translation • var-dumper
![Page 32: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/32.jpg)
Demo, først i slides,
så i PhpStorm…
![Page 33: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/33.jpg)
![Page 34: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/34.jpg)
![Page 35: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/35.jpg)
![Page 36: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/36.jpg)
![Page 37: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/37.jpg)
Sett opp site i Mamp
![Page 38: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/38.jpg)
Eller bruk PHPs innebygde
![Page 39: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/39.jpg)
![Page 40: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/40.jpg)
Nytt i v5.2, lag en kjap auth :-)
![Page 41: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/41.jpg)
Flere db alternativer, bruker sqlite
![Page 42: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/42.jpg)
make:auth gir oss dette
![Page 43: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/43.jpg)
make:auth gav oss enkel registrering
![Page 44: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/44.jpg)
rout:list gir oss alle url`er i løsningen
![Page 45: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/45.jpg)
make:model lager en model-classe i PHP, og -m parametere lager også en migrate fil for å
sette opp en tilhørende databasetabell
![Page 46: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/46.jpg)
Laravel har en enkel
feature for db migrering og rollback
![Page 47: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/47.jpg)
![Page 48: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/48.jpg)
make:controller gir oss en ny kontroller klasse, og —resource gir oss definisjoner av alle CRUD metodene som en god start :-)
![Page 49: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/49.jpg)
FRONTEND/VISUELL DESIGN
av Morten Bergset
HVA UTVIKLERE BØR VITE OM DESIGN OG GUI
![Page 50: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/50.jpg)
• Ja, det må virke, men det er ikke nok…
• Ingen kunder/brukere bryr seg om MVC pattern, regex, API og rammeverk. De bryr seg om det de kan se!
![Page 51: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/51.jpg)
MIN ETTERUTDANNING: JOBBE MED DESIGNERE
Da jeg begynte å jobbe i Netlab så fikk jeg design-sjokk!
Etter å ha jobbet i dagevis med å implementere et Photoshop design, så synes jeg det var ferdig.
Men nei, det var helt forferdelig! Alt var galt, og det var totalt ubrukelig!
Bilde var 2 pixler for høyt og manglet skyggen. Overskriften var 18 og ikke 20 pixler. Og den footeren hadde feil grønnfarge!
![Page 52: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/52.jpg)
![Page 53: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/53.jpg)
OI, SÅ MYE JEG IKKE FORSTOD…
Man kan ha forskjellig oppfatning av hva som er pent, men der er noen prinsipper og sannheter som vi utviklere kan forholde oss til.
Jeg er fremdeles ikke kunstnerisk anlagt, men med litt forståelse blir det mye bedre.
![Page 54: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/54.jpg)
DESIGNER BUZZWORDS• Symmetri
• Grid
• Luft
• Farger og fargesammensetning
• Fonter
• Tyngde i siden
• Dont`t make me think
• Hover effekt
• Call to action
• Konsekvent design (alle lenker, alle overskrifter osv)
• Avvik er kraftig og skal benyttes gjennomtenkt
• Design styrer adferd
![Page 55: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/55.jpg)
![Page 56: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/56.jpg)
GRID GIR STRUKTUR
![Page 57: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/57.jpg)
HOVER EFFEKT ER VIKTIG BÅDE FOR DESIGN OG UX
![Page 58: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/58.jpg)
![Page 59: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/59.jpg)
UTEN SKYGGE
![Page 60: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/60.jpg)
MED SKYGGE
![Page 61: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/61.jpg)
DET ER IKKE LETT FOR ET UTRENT ØYE Å SE DISSE
FORSKJELL…
![Page 62: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/62.jpg)
GOD DESIGN ER INTUITIV
• Logo oppe til høyre
• Menyen er lett å finne
• Piler i menyen indikerer undermeny
• Ikoner for søk og handlevogn er velkjente
![Page 63: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/63.jpg)
AVVIK (HÅNDSKRIFT) ER BLIKKFANG OG STYRER BRUKEREN
![Page 64: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/64.jpg)
![Page 65: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/65.jpg)
CALL TO ACTION
![Page 66: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/66.jpg)
ANBEFALT BOK• Denne bør alle lese!
• Ikke misbruk tiden til brukerene dine
• Man skal få det man forventer når man klikker på noe
• Ting skal være intuitivt
![Page 67: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/67.jpg)
INGEN TVIL OM HVILKE FELT SOM ER PÅKREVD, ELLER HVA SOM SKJER NÅR MAN TRYKKER PÅ
KNAPPEN
![Page 68: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/68.jpg)
HVOR ER MAN?FREMHEVE AKTIVT MENYPUNKT
EVT. BREADCRUMBS
![Page 69: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/69.jpg)
SYMMETRI, LUFT, FONTSTØRRELSER, LIK AVSTAND, KONSEKVENTE FARGER
![Page 70: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/70.jpg)
http://www.goodui.org/evidence/
![Page 71: Meetup #7, Laravel intro, og design/GUI](https://reader034.vdocuments.us/reader034/viewer/2022042908/58ed6f3c1a28ab6c0a8b4661/html5/thumbnails/71.jpg)