Timon van Spronsen TimonVS

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

Inleiding

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

	using MongoDB.Bson;
	using MongoDB.Driver;
	using MongoDB.Driver.Builders;
	using System;
	using System.Collections.Generic;
	using System.Configuration;
	using System.Data.Entity;
	using System.Linq;
	using System.Web;

	# -- mode: ruby --
	# vi: set ft=ruby :

	# Vagrantfile API/syntax version. Don't touch unless you know what you're doing!
	VAGRANTFILE_API_VERSION = "2"

	Vagrant.configure(VAGRANTFILE_API_VERSION) do \|config\|
	# All Vagrant configuration is done here. The most common configuration
	# options are documented and commented below. For a complete reference,
	# please see the online documentation at vagrantup.com.

	# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm

	*.iml

	## Directory-based project format:
	.idea/
	# if you remove the above rule, at least ignore the following:

	# User-specific stuff:
	# .idea/workspace.xml

	angular.module('ui.bootstrap.collapse', [])

	.directive('collapse', ['$animate', '$animateCss', '$timeout', function ($animate, $animateCss, $timeout) {

	return {
	link: function (scope, element, attrs) {
	function expand() {
	element.removeClass('collapse').addClass('collapsing');

	// Old code that doesn't work anymore with ngAnimate 1.4

	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

	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

	amount = 7
	allIndicators = []

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

	# 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