TimonVS

heart.on Events.Click, ->	
	puff()
	if not liked
		blink()
		spray()
	
	liked = not liked

TimonVS

liked = false

heart.on Events.Click, ->	
	heart.animate 
		time: 0.1
		properties: 
			scale: if liked then 0.4 else 0.75
	
	Utils.delay 0.1, -> heart.animate 
		time: 0.5

TimonVS

liked = false
	
heart.on Events.Click, ->
	liked = !liked
	
	if liked
		# Animatie om het hart te vergroten
		heart.animate
			properties: 
				scale: 0.75

TimonVS

liked = false
	
heart.on Events.Click, ->
	liked = !liked
	
	if liked
		heart.animate
			properties: 
				scale: 0.75
			time: 0.1

TimonVS

bg = new BackgroundLayer

heart = new Layer
	width: bg.width
	height: bg.height
	backgroundColor: "white"

heartLeft = new Layer
	superLayer: heart
	midX: heart.midX - 15

TimonVS

# De index van de huidige pagina
current = page.horizontalPageIndex(page.currentPage)
# Maak de eerste indicator actief
allIndicators[current].states.switch("active")
	
page.on "change:currentPage", ->
	# Maak alle indicators inactief
	indicator.states.switch("default") for indicator in allIndicators
	current = page.horizontalPageIndex(page.currentPage)
	# Maak de indicator van de huidige pagina actief

TimonVS

amount = 7
allIndicators = []

indicatorsContainer = new Layer 
	backgroundColor: "transparent"
	width: page.width
	height: 14
	x: 0
	y: 1291
	index: 5

TimonVS

sketch = Framer.Importer.load("imported/onboarding-tour")

# Layers op visible zetten, anders zijn ze verborgen
sketch.Step_one.visible = true
sketch.Step_two.visible = true

page = new PageComponent
	width: Screen.width
	height: Screen.height
	scrollVertical: false

TimonVS

sketch = Framer.Importer.load("imported/onboarding-tour")

artboards = [sketch.Step_one, sketch.Step_two, sketch.Step_three]

page = new PageComponent
	width: Screen.width
	height: Screen.height
	scrollVertical: false

# Kopieer de done knop uit de eerste artboard	

TimonVS

Wat is de beste front-end development stack voor het ontwikkelen van websites gezien de nieuwste ontwikkelingen op dit gebied?

Inleiding

Werktitel van de opdracht

Aanleiding van de opdracht

Gebruikersverwachtingen ten aanzien van de gebruikerservaring van websites is de afgelopen jaren enorm gestegen