wemakeweb · August 29, 2015 14:14 · Jan 28, 2015 · Jan 28, 2015 · Jan 28, 2015 · Jan 28, 2015
diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -97,15 +97,11 @@ if(true){
 ```
 2.) Definieren sie Funktion die ihre ersten beiden Argumente in einem Array zurück gibt.
 
-```js 
-function s(x,y){ return [x,y]; } 
-```
+```js function s(x,y){ return [x,y]; } ```
 
 3.) Verändern sie die Funktion so das sie ihre erste beiden Argumente in einem Object zurück gibt.
 
-```js 
-function s(x,y){ return {x:x,y:y}; } 
-```
+```js function s(x,y){ return {x:x,y:y}; } ```
 4.) Geben sie zwei Möglichkeiten an wie sie das folgende Element mithilfer des DOM´s selektieren können
 ```html
 <div class="ach" id="herje"></div>
@@ -144,8 +140,7 @@ var b = 1 + "0";
 var c = 1 & 0;
 var d = 3 ||||||| 5;
 ```
-___Lösung:___
-Anführungszeichen bei console.log, elseif wird getrennt geschrieben, function(){}() ist nicht valide,  3 ||||||| 5 ist quatsch
+___Lösung:___Anführungszeichen bei 'console.log', 'elseif' wird getrennt geschrieben, 'function(){}()' ist nicht valide,  '3 |||||||' 5 ist quatsch
 
 9.) Setzen sie die Funktionalität des folgenden JavaScript Code Schnippsel ohne jQuery um
 

diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -97,11 +97,15 @@ if(true){
 ```
 2.) Definieren sie Funktion die ihre ersten beiden Argumente in einem Array zurück gibt.
 
-```js function s(x,y){ return [x,y]; } ```
+```js 
+function s(x,y){ return [x,y]; } 
+```
 
 3.) Verändern sie die Funktion so das sie ihre erste beiden Argumente in einem Object zurück gibt.
 
-```js function s(x,y){ return {x:x,y:y}; } ```
+```js 
+function s(x,y){ return {x:x,y:y}; } 
+```
 4.) Geben sie zwei Möglichkeiten an wie sie das folgende Element mithilfer des DOM´s selektieren können
 ```html
 <div class="ach" id="herje"></div>
@@ -140,8 +144,8 @@ var b = 1 + "0";
 var c = 1 & 0;
 var d = 3 ||||||| 5;
 ```
-
->> Anführungszeichen bei `console.log`, `elseif` wird getrennt geschrieben, `function(){}()` ist nicht valide,  `3 ||||||| 5` ist quatsch
+___Lösung:___
+Anführungszeichen bei console.log, elseif wird getrennt geschrieben, function(){}() ist nicht valide,  3 ||||||| 5 ist quatsch
 
 9.) Setzen sie die Funktionalität des folgenden JavaScript Code Schnippsel ohne jQuery um
 

diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -140,7 +140,8 @@ var b = 1 + "0";
 var c = 1 & 0;
 var d = 3 ||||||| 5;
 ```
-___Lösung:___Anführungszeichen bei console.log, elseif wird getrennt geschrieben, function(){}() ist nicht valide,  3 ||||||| 5 ist quatsch
+
+>> Anführungszeichen bei `console.log`, `elseif` wird getrennt geschrieben, `function(){}()` ist nicht valide,  `3 ||||||| 5` ist quatsch
 
 9.) Setzen sie die Funktionalität des folgenden JavaScript Code Schnippsel ohne jQuery um
 

diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -140,7 +140,7 @@ var b = 1 + "0";
 var c = 1 & 0;
 var d = 3 ||||||| 5;
 ```
-___Anführungszeichen bei console.log, elseif wird getrennt geschrieben, function(){}() ist nicht valide,  3 ||||||| 5 ist quatsch___
+___Lösung:___Anführungszeichen bei console.log, elseif wird getrennt geschrieben, function(){}() ist nicht valide,  3 ||||||| 5 ist quatsch
 
 9.) Setzen sie die Funktionalität des folgenden JavaScript Code Schnippsel ohne jQuery um
 
@@ -149,5 +149,7 @@ $('#atzen').css('display', 'block').html('stinken vom Bauch ab');
 ```
 
 ```js
-var e = document.getElementById('#atzen'); e.style.display = 'block'; e.innerHTML = 'stinken vom Bauch ab';
+var e = document.getElementById('#atzen'); 
+e.style.display = 'block'; 
+e.innerHTML = 'stinken vom Bauch ab';
 ```
diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -125,7 +125,9 @@ e.innerHTML = [now.getHours(), now.getMinutes].join(':');
 6.) Erläutern sie die Aussage "JS ist eine Event Basierte Sprache".
 
 >> In JS lässt es sich auf User Events hören(click, submit, mousemove) (, JS läuft an sich in einem Event Loop im Vergleich);
+
 7.) Markieren sie im folgenden alle Syntax Fehler mit einem Grünweiß gestreiften Stift:
+
 ```js
 if (Hans.imGLück() === 1)
 	console.log('Klasse Hans")
@@ -141,9 +143,11 @@ var d = 3 ||||||| 5;
 ___Anführungszeichen bei console.log, elseif wird getrennt geschrieben, function(){}() ist nicht valide,  3 ||||||| 5 ist quatsch___
 
 9.) Setzen sie die Funktionalität des folgenden JavaScript Code Schnippsel ohne jQuery um
+
 ```js
 $('#atzen').css('display', 'block').html('stinken vom Bauch ab');
 ```
+
 ```js
 var e = document.getElementById('#atzen'); e.style.display = 'block'; e.innerHTML = 'stinken vom Bauch ab';
 ```
diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -35,15 +35,18 @@ __ Deshalb unwichtiges JS und CSS nicht in den HEAD der Seite__
 ## CSS
 1.) Schreiben sie das HTML Markup um eine CSS Datei mit dem Namen `xxx.css` einzubinden
 
->> <link rel="stylesheet" href="xxx.css" />
+>> 
+```html
+<link rel="stylesheet" href="xxx.css" />
+```
 
 2.) Was ist der Unterschied zwischen Id's und Klassen in CSS?
 
 >> Id´s müssen einzigartig sein(einmalige Benutzung), mit Klassen kann ich style Regeln mehrmalig benutzen.
 
 3.) Beschreiben sie die CSS Eigenschaft `float` und wie arbeitet sie?
 
-Keine Lust :D
+>> Keine Lust :D
 
 4.) Beschreiben sie die CSS Eigenschaft `z-index` und ihr Verhalten?
 
@@ -55,8 +58,9 @@ Keine Lust :D
 
 6.) Beschreiben sie 3 Wege wie sie Inhalte mit Hilfe von CSS nichtsichtbar machen können.
 
+```css
 display:none, opacity:0, visibility:hidden;
-
+```
 7.) Beschreiben sie die CSS Techniken für Responsive Design.
 
 >> MediaQueries, relative Massangaben(%, rem, em, …)

diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -27,16 +27,20 @@ __ Deshalb unwichtiges JS und CSS nicht in den HEAD der Seite__
 5.) Erläutern sie in ihren eigenen Worten welchen Zweck die jeweilige Technologie erfüllt und warum eine Trennung bspw zwischen HTML und CSS sinnvoll ist.
 
 >> Modularität, Wartbarkeit, Wiederverwendbarkeit
+
 6.) Welchen Wert sollte eine Webserver im Header der Antwort zurück senden wenn die angeforderte Seite nicht gefunden wurde?
 
 >> 404 - Not Found
+
 ## CSS
 1.) Schreiben sie das HTML Markup um eine CSS Datei mit dem Namen `xxx.css` einzubinden
 
-<link rel="stylesheet" href="xxx.css" />
+>> <link rel="stylesheet" href="xxx.css" />
+
 2.) Was ist der Unterschied zwischen Id's und Klassen in CSS?
 
 >> Id´s müssen einzigartig sein(einmalige Benutzung), mit Klassen kann ich style Regeln mehrmalig benutzen.
+
 3.) Beschreiben sie die CSS Eigenschaft `float` und wie arbeitet sie?
 
 Keine Lust :D
@@ -48,19 +52,23 @@ Keine Lust :D
 5.) Erläutern sie den Unterschied zwischen den CSS Eigenschaften `padding` und `margin`
 
 >> Padding definiert den InnenAbstand zwischen Box und Inhalt, Margin den AußenAbstand von Box zur nächsten Box
+
 6.) Beschreiben sie 3 Wege wie sie Inhalte mit Hilfe von CSS nichtsichtbar machen können.
 
 display:none, opacity:0, visibility:hidden;
 
 7.) Beschreiben sie die CSS Techniken für Responsive Design.
 
 >> MediaQueries, relative Massangaben(%, rem, em, …)
+
 8.) Beschreiben sie den Unterschied zwischen Relativ, Fixed und Absoluter Positionierung.
 
 >> Relativ: Positionierung zum Parent Element, Absolut: Positionierung zum Dokument, Fixed: Positionierung zum Browser Fenster
+
 9.) Was ist unter einem `vendor prefix` zu verstehen und welchen Zweck erfüllen sie?
 
 >> Browser Hersteller(vendor) benutzen prefixe wenn ihre Implementation (bspw. -webkit-box-shadow) ___noch___ nicht dem CSS Standard entsprechen.  
+
 ## JS
 1.) Was ist der Unterschied zwischen folgenden JS Zeilen:
 ```js

diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -3,16 +3,19 @@
 ##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.
+
+>> 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__
 
 
 2.) Beschreiben sie den Unterschied zwischen einer `GET` und `POST` Anfrage
-GET: ganz normaler HTTP Aufruf, Daten können in der URL (?hey=du&ect=1) transportiert werden. POST: Daten werden im Body des Requests transportiert. POST immer für Formulare verwenden! Hat den Vorteil das die übertragenen Daten bspw. nicht in Serverlogs laden weil dort meist nur die URL gelogt werden. __Mit HTTPS werden Daten im Body verschlüsselt, können daher nicht ohne weiteres abgegriffen werden, Daten in der URL sind immer Sichtbar!__ Weitere HTTP Methoden: OPTION, PUT, DELETE Request. (weiterführende Literatur unter dem keyword "HTTP REST")
+
+>> GET: ganz normaler HTTP Aufruf, Daten können in der URL (?hey=du&ect=1) transportiert werden. POST: Daten werden im Body des Requests transportiert. POST immer für Formulare verwenden! Hat den Vorteil das die übertragenen Daten bspw. nicht in Serverlogs laden weil dort meist nur die URL gelogt werden. __Mit HTTPS werden Daten im Body verschlüsselt, können daher nicht ohne weiteres abgegriffen werden, Daten in der URL sind immer Sichtbar!__ Weitere HTTP Methoden: OPTION, PUT, DELETE Request. (weiterführende Literatur unter dem keyword "HTTP REST")
 
 
 3.) Sie haben eine einfache Grafik die sie auf einer Website darstellen wollen. Welche Möglichkeiten haben sie dafür?
-als <img>: png, jpg, gif als <svg> Grafik
+
+>> als <img>: png, jpg, gif als <svg> Grafik
 
 
 4.) Ordnen sie denn verschiedenen Beispielen die geeignete Technologien(HTML, CSS, JS, PHP) zu:
@@ -22,28 +25,42 @@ als <img>: png, jpg, gif als <svg> Grafik
 	- Am Ende des Artikels sollen weitere Artikel in einer Liste dargestellt werden __HTML__
 
 5.) Erläutern sie in ihren eigenen Worten welchen Zweck die jeweilige Technologie erfüllt und warum eine Trennung bspw zwischen HTML und CSS sinnvoll ist.
-Modularität, Wartbarkeit, Wiederverwendbarkeit
+
+>> Modularität, Wartbarkeit, Wiederverwendbarkeit
 6.) Welchen Wert sollte eine Webserver im Header der Antwort zurück senden wenn die angeforderte Seite nicht gefunden wurde?
-404 - Not Found
+
+>> 404 - Not Found
 ## CSS
 1.) Schreiben sie das HTML Markup um eine CSS Datei mit dem Namen `xxx.css` einzubinden
+
 <link rel="stylesheet" href="xxx.css" />
 2.) Was ist der Unterschied zwischen Id's und Klassen in CSS?
-Id´s müssen einzigartig sein(einmalige Benutzung), mit Klassen kann ich style Regeln mehrmalig benutzen.
+
+>> Id´s müssen einzigartig sein(einmalige Benutzung), mit Klassen kann ich style Regeln mehrmalig benutzen.
 3.) Beschreiben sie die CSS Eigenschaft `float` und wie arbeitet sie?
 
+Keine Lust :D
+
 4.) Beschreiben sie die CSS Eigenschaft `z-index` und ihr Verhalten?
-Mit `z-index` lassen sich Elemente nicht nur in x und y sondern zusätzlich in Z Richtung (davor und dahinter) anordenen. 
+
+>> Mit `z-index` lassen sich Elemente nicht nur in x und y sondern zusätzlich in Z Richtung (davor und dahinter) anordenen. 
+
 5.) Erläutern sie den Unterschied zwischen den CSS Eigenschaften `padding` und `margin`
-Padding definiert den InnenAbstand zwischen Box und Inhalt, Margin den AußenAbstand von Box zur nächsten Box
+
+>> Padding definiert den InnenAbstand zwischen Box und Inhalt, Margin den AußenAbstand von Box zur nächsten Box
 6.) Beschreiben sie 3 Wege wie sie Inhalte mit Hilfe von CSS nichtsichtbar machen können.
+
 display:none, opacity:0, visibility:hidden;
+
 7.) Beschreiben sie die CSS Techniken für Responsive Design.
-MediaQueries, relative Massangaben(%, rem, em, …)
+
+>> MediaQueries, relative Massangaben(%, rem, em, …)
 8.) Beschreiben sie den Unterschied zwischen Relativ, Fixed und Absoluter Positionierung.
-Relativ: Positionierung zum Parent Element, Absolut: Positionierung zum Dokument, Fixed: Positionierung zum Browser Fenster
+
+>> Relativ: Positionierung zum Parent Element, Absolut: Positionierung zum Dokument, Fixed: Positionierung zum Browser Fenster
 9.) Was ist unter einem `vendor prefix` zu verstehen und welchen Zweck erfüllen sie?
-Browser Hersteller(vendor) benutzen prefixe wenn ihre Implementation (bspw. -webkit-box-shadow) ___noch___ nicht dem CSS Standard entsprechen.  
+
+>> Browser Hersteller(vendor) benutzen prefixe wenn ihre Implementation (bspw. -webkit-box-shadow) ___noch___ nicht dem CSS Standard entsprechen.  
 ## JS
 1.) Was ist der Unterschied zwischen folgenden JS Zeilen:
 ```js
@@ -67,14 +84,17 @@ if(true){
 /* i ist hier nicht definiert */
 ```
 2.) Definieren sie Funktion die ihre ersten beiden Argumente in einem Array zurück gibt.
+
 ```js function s(x,y){ return [x,y]; } ```
 
 3.) Verändern sie die Funktion so das sie ihre erste beiden Argumente in einem Object zurück gibt.
+
 ```js function s(x,y){ return {x:x,y:y}; } ```
 4.) Geben sie zwei Möglichkeiten an wie sie das folgende Element mithilfer des DOM´s selektieren können
 ```html
 <div class="ach" id="herje"></div>
 ```
+
 ```js
 document.getElementById('herje');
 document.getElementsByClassName('ach');
@@ -91,7 +111,8 @@ e.innerHTML = now.getHours() +':' +now.getMinutes();
 e.innerHTML = [now.getHours(), now.getMinutes].join(':');
 ```
 6.) Erläutern sie die Aussage "JS ist eine Event Basierte Sprache".
-In JS lässt es sich auf User Events hören(click, submit, mousemove) (, JS läuft an sich in einem Event Loop im Vergleich);
+
+>> In JS lässt es sich auf User Events hören(click, submit, mousemove) (, JS läuft an sich in einem Event Loop im Vergleich);
 7.) Markieren sie im folgenden alle Syntax Fehler mit einem Grünweiß gestreiften Stift:
 ```js
 if (Hans.imGLück() === 1)

diff --git a/gis_lösungen.md b/gis_lösungen.md
@@ -0,0 +1,116 @@
+# 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__
+
+
+2.) Beschreiben sie den Unterschied zwischen einer `GET` und `POST` Anfrage
+GET: ganz normaler HTTP Aufruf, Daten können in der URL (?hey=du&ect=1) transportiert werden. POST: Daten werden im Body des Requests transportiert. POST immer für Formulare verwenden! Hat den Vorteil das die übertragenen Daten bspw. nicht in Serverlogs laden weil dort meist nur die URL gelogt werden. __Mit HTTPS werden Daten im Body verschlüsselt, können daher nicht ohne weiteres abgegriffen werden, Daten in der URL sind immer Sichtbar!__ Weitere HTTP Methoden: OPTION, PUT, DELETE Request. (weiterführende Literatur unter dem keyword "HTTP REST")
+
+
+3.) Sie haben eine einfache Grafik die sie auf einer Website darstellen wollen. Welche Möglichkeiten haben sie dafür?
+als <img>: png, jpg, gif als <svg> Grafik
+
+
+4.) Ordnen sie denn verschiedenen Beispielen die geeignete Technologien(HTML, CSS, JS, PHP) zu:
+	- Eine Blog Detail Seite zeigt Artikel die in der Datenbank gespeichert sind. __PHP__
+	- Der erste Buchstabe jedes Paragraphen des Blog Artikels soll groß geschrieben werden __CSS__
+	- Teile des Artikels lassen sich dynamisch ein und ausblenden __JS__
+	- Am Ende des Artikels sollen weitere Artikel in einer Liste dargestellt werden __HTML__
+
+5.) Erläutern sie in ihren eigenen Worten welchen Zweck die jeweilige Technologie erfüllt und warum eine Trennung bspw zwischen HTML und CSS sinnvoll ist.
+Modularität, Wartbarkeit, Wiederverwendbarkeit
+6.) Welchen Wert sollte eine Webserver im Header der Antwort zurück senden wenn die angeforderte Seite nicht gefunden wurde?
+404 - Not Found
+## CSS
+1.) Schreiben sie das HTML Markup um eine CSS Datei mit dem Namen `xxx.css` einzubinden
+<link rel="stylesheet" href="xxx.css" />
+2.) Was ist der Unterschied zwischen Id's und Klassen in CSS?
+Id´s müssen einzigartig sein(einmalige Benutzung), mit Klassen kann ich style Regeln mehrmalig benutzen.
+3.) Beschreiben sie die CSS Eigenschaft `float` und wie arbeitet sie?
+
+4.) Beschreiben sie die CSS Eigenschaft `z-index` und ihr Verhalten?
+Mit `z-index` lassen sich Elemente nicht nur in x und y sondern zusätzlich in Z Richtung (davor und dahinter) anordenen. 
+5.) Erläutern sie den Unterschied zwischen den CSS Eigenschaften `padding` und `margin`
+Padding definiert den InnenAbstand zwischen Box und Inhalt, Margin den AußenAbstand von Box zur nächsten Box
+6.) Beschreiben sie 3 Wege wie sie Inhalte mit Hilfe von CSS nichtsichtbar machen können.
+display:none, opacity:0, visibility:hidden;
+7.) Beschreiben sie die CSS Techniken für Responsive Design.
+MediaQueries, relative Massangaben(%, rem, em, …)
+8.) Beschreiben sie den Unterschied zwischen Relativ, Fixed und Absoluter Positionierung.
+Relativ: Positionierung zum Parent Element, Absolut: Positionierung zum Dokument, Fixed: Positionierung zum Browser Fenster
+9.) Was ist unter einem `vendor prefix` zu verstehen und welchen Zweck erfüllen sie?
+Browser Hersteller(vendor) benutzen prefixe wenn ihre Implementation (bspw. -webkit-box-shadow) ___noch___ nicht dem CSS Standard entsprechen.  
+## JS
+1.) Was ist der Unterschied zwischen folgenden JS Zeilen:
+```js
+a = 1;
+var a = 1;
+```
+Variable ist im globalen Kontext gültig, Variable ist nur in der aktuellen Funktion(aktuellem Funktion Scope) gültig.
+```js
+function(){
+var a = 1;
+console.log(a); //=> 1
+}
+console.log(a); //=> undefined
+```
+jedoch besitzt js kein Block Scoping im vergleich zu java
+```java
+if(true){
+	int i = 1;
+}
+
+/* i ist hier nicht definiert */
+```
+2.) Definieren sie Funktion die ihre ersten beiden Argumente in einem Array zurück gibt.
+```js function s(x,y){ return [x,y]; } ```
+
+3.) Verändern sie die Funktion so das sie ihre erste beiden Argumente in einem Object zurück gibt.
+```js function s(x,y){ return {x:x,y:y}; } ```
+4.) Geben sie zwei Möglichkeiten an wie sie das folgende Element mithilfer des DOM´s selektieren können
+```html
+<div class="ach" id="herje"></div>
+```
+```js
+document.getElementById('herje');
+document.getElementsByClassName('ach');
+document.querySelector('#herje');
+document.querySelectorAll('.ach');
+```
+
+5.) Zeigen sie die aktuelle Uhrzeit im Div der Aufgabe 18 an im Format mm:hhUhr
+```js
+var e = document.getElementById('herje'),
+    now = new Date();
+e.innerHTML = now.getHours() +':' +now.getMinutes();
+//alternativ
+e.innerHTML = [now.getHours(), now.getMinutes].join(':');
+```
+6.) Erläutern sie die Aussage "JS ist eine Event Basierte Sprache".
+In JS lässt es sich auf User Events hören(click, submit, mousemove) (, JS läuft an sich in einem Event Loop im Vergleich);
+7.) Markieren sie im folgenden alle Syntax Fehler mit einem Grünweiß gestreiften Stift:
+```js
+if (Hans.imGLück() === 1)
+	console.log('Klasse Hans")
+elseif ( true ){
+	var 	a1 = function(){}(),
+		1b = "Wenn ich mal groß bin" 
+}
+
+var b = 1 + "0";
+var c = 1 & 0;
+var d = 3 ||||||| 5;
+```
+___Anführungszeichen bei console.log, elseif wird getrennt geschrieben, function(){}() ist nicht valide,  3 ||||||| 5 ist quatsch___
+
+9.) Setzen sie die Funktionalität des folgenden JavaScript Code Schnippsel ohne jQuery um
+```js
+$('#atzen').css('display', 'block').html('stinken vom Bauch ab');
+```
+```js
+var e = document.getElementById('#atzen'); e.style.display = 'block'; e.innerHTML = 'stinken vom Bauch ab';
+```