vorige volgende

Sprint 14

Ma 30 sept

CSS LAYOUTS

Verschillende layouts:

Opdracht: https://github.com/fdnd-task/layout-in-css/blob/main/docs/INSTRUCTIONS.md

SVELTEKIT STRUCTUUR

Voordat je je site live zet, run eerst build.

ROUTING

Maak een sitemap om de routes te begrijpen

ERROR HANDLING

+error.svelte is 1 van de manieren om error handling te gebruiken. Als er dan iets mis gaat of als je naar een niet bestaande route gaat, krijg je geen 404 of 500 meer, maar je eigen custom error pagina. Je kan hier een layout in zetten. Je kan layouts nesten. In layout.svelte maak je een layout en die kan je inladen. De error.svelte is hetzelfde als een page.svelte. Met $page.error kun je de error message weergeven.

Als svelte helemaal niet meer werkt gaat ie naar error.html.

LOADING DATA

In page.server.js gebruik je een

export async function load() {
	return {
		foo: 'whatever',
		bar: '42',
		type: 'TOPG'
	}
}

Je moet export voor een functie zetten die je ergens anders wil inladen.

PUBLIC_ betekent dat het niet beschermd is.

DATA BINDING

Framework projecten hebben een manier om data te binden.

<script>
	let name = 'world'
<script>

<input bind:value={name}>

<p>Hello {name}!<p> //dit geeft de output 'Hello world!'

Door let te vervangen door $: maak je het reactive.

Library

'$lib' is library.

<script> 
	import {Header, Nav, Footer} from '$lib'
<script>

wo 2 okt Design critique

vrij 4 okt we love web

Lief Amsterdam lifeworld have natural animation easings loer architekten areas alcest think of aniamtion and interaction as an extention to an original intent be open minded ask yourself what it brings and ask for feedback be ready to spend a lot of time on it gsap accesibility

ma 7 okt

maak een simpele portfolio, we hebben geen les gehad in graphic design. zolang je maar iets hebt.

signaleert knelpunten en dingen die beter kunnen in de samenwerking. Get agile is een boekje waterval vs agile heel veel werk systemen voor software development comprehensive system itererend werken agile development scrum minimum viable product: project met alle must haves optimum viable product: must haves, should haves en could haves af product owner: persoon in bedrijf die user stories maakt stand up: max een kwartier, doe je staand, vertel waar je bent en wat goed of fout gaat continuous integration: automatische intergratie scrum is goed voor onzekere dingen elke werkdag een checkout waarbij je je learning journal bijhoud. een agile team kan eventuele problemen oplossen omdat er nodige expertise in het team zit.

CHECKOUT: We hebben geleerd hoe scrum werkt en wat rollen zijn binnen een team, en hoe we dit zelf kunnen gebruiken. We hebben besproken dat in dit groepje Ruben de rol als scrum master het meest speelt. We hebben een planning gemaakt voor een standup en een checkout. Rond 1 uur een standup en rond 4 uur een checkout. In een checkout schrijf je kort op wat je die dag hebt geleerd en besproken, zodat je de volgende dag dit er weer bij kan pakken en gelijk door kan gaan. We hebben ook het project board wat opgeschoond en de laatste taken verdeeld.

Wo 9 okt

Je hoeft geen database te gebruiken voor de i love web pagina, je kan gewoon je data opslaan in de site zelf op github, in een json bestand.

Changelog in je readme Tests Linter voor code zoals prettier Vragen wat de klant wil

leervraag: zelf omarmen van nieuwe technologie

stappenplan maken voor problemen

do 10 okt

FEEDBACK SPRINT REVIEW

vrij 11 okt

2.1 : signaleert verbeterpunten

smashing masterdon youtube kevin paul performance now smashing magazine linkedin insta twitter slack reddit

betekenis wat is het, onderbouwen dit is goeie bewijslast omdat leervraag

ma 14 okt

nieuwe headless cms je mag content kopieren bewijslast toevoegen presenteren onderzoek documenteren en communiceren heel veel frameworks zoveel dat mensen stress krijgen dat maakt frontend moeilijk factors for choosing a tech stack side generators gatsby

wo 16 okt

directus talk

Triple talk

justus talk

Vrij 18 okt

We love web Dion Pieters

schakelprogramma

vorige volgende