Sebastian Otto wemakeweb

#2) das erzeugt dir wohl ein html input in folgender form:

<input type="text" id="address-email" style="width:200px" required="true" />

value ist vll ein Databinding auf EmailAdress ? oder ein i18n String für EmailAdress in allen Sprachen, dont know die funktion die unter change liegt wird ausgeführt sobald der user etwas ins input tippt und validiert dann die value des inputs als email adresse oEvent ist das normale DOM Event Object das sie dem Validator übergeben damit er das input findet

GIS Übung

##HTML

1.) Erläutern sie was ihrer Meinung vom Aufruf einer Internet Seite (bspw. http://google.de) bis zum Darstellen der Seite in ihrem Browser, der Browser an Arbeit erledigt?

2.) Beschreiben sie den Unterschied zwischen einer GET und POST Anfrage

3.) Sie haben eine einfache Grafik die sie auf einer Website darstellen wollen. Welche Möglichkeiten haben sie dafür?

GIS Übung

##HTML

1.) Erläutern sie was ihrer Meinung vom Aufruf einer Internet Seite (bspw. http://google.de) bis zum Darstellen der Seite in ihrem Browser, der Browser an Arbeit erledigt?

DNS Resolve (Adresse in IP umwandeln), Webserver generiert HTML Seite, Browser parst Seite, läd alle Resourcen im Head Teil der Seite (JS, CSS Dateien) und führt diese aus, stellt Seite dar und läd sucessive alle anderen Resourcen(Bilder, JS, CSS) und asynchrone JS Datein (<script src="…" async></script>) im Head Teil. __ Deshalb unwichtiges JS und CSS nicht in den HEAD der Seite__

	#!/bin/sh

	# Some things taken from here
	# https://github.com/mathiasbynens/dotfiles/blob/master/.osx

	# Set the colours you can use
	black='\033[0;30m'
	white='\033[0;37m'
	red='\033[0;31m'
	green='\033[0;32m'

	package com.example.app;

	import java.util.ArrayList;

	import android.app.Activity;
	import android.content.Context;
	import android.os.Bundle;
	import android.util.Log;
	import android.view.View;
	import android.view.ViewGroup;

	body {
	-webkit-font-smoothing: antialiased;
	background-color: #2abbc7;
	background-image: -webkit-linear-gradient(#2abbc7, #b46187, #f9aa1d);
	background-image: -moz-linear-gradient(#2abbc7, #b46187, #f9aa1d);
	background-image: -o-linear-gradient(#2abbc7, #b46187, #f9aa1d);
	background-image: linear-gradient(#2abbc7, #b46187, #f9aa1d);
	color: #fff;
	font-family: "graphik_regular", sans-serif;
	font-size: 16px;

	emit('room:join', roomId)
	emit('room:message', msgText)
	emit('room:leave')

	on('authError')
	on('room:join', function(joinedUserId)
	on('room:leave', function(leftUserId)
	on('room:message', function(messageObj)

	prof flow:

	$(function() {
	$('.play-video-1').on('click', function() {
	$(this)
	.find('img')
	.replaceWith('<iframe class="vids" src="https://player.vimeo.com/video/98551986?title=1&byline=0&portrait=&color=417071&autoplay=true" width="350" height="197" frameborder="0"webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');
	$(this)
	.parent()
	.removeClass('second-effect');
	});
	});

	<!DOCTYPE html>
	<html>
	<head lang="de">
	<meta charset="UTF-8">
	<title>Modernes Webdesign</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<script src="js/respond.js"></script>

	const every = (list, fn) => {
	for(let i = 0, len = list.length; i < len; i++) {
	if(!fn(list[i])) return [];
	}
	return list;
	}


	const assert = (val1, val2) => {
	if (val1 !== val2) { throw new Error(`${val1.toString()} is not ${val2.toString()}`) }