diff options
Diffstat (limited to 'de-de')
| -rw-r--r-- | de-de/go-de.html.markdown | 4 | ||||
| -rw-r--r-- | de-de/html-de.html.markdown | 120 | ||||
| -rw-r--r-- | de-de/ruby-de.html.markdown | 33 |
3 files changed, 138 insertions, 19 deletions
diff --git a/de-de/go-de.html.markdown b/de-de/go-de.html.markdown index dca88f01..817cb4ae 100644 --- a/de-de/go-de.html.markdown +++ b/de-de/go-de.html.markdown @@ -10,8 +10,8 @@ lang: de-de --- Die Sprache Go (auch golang) wurde von Google entwickelt und wird seit 2007 benutzt. Go ähnelt in der Syntax der Sprache C, bietet darüber hinaus aber viele -Vorteile. Einerseits verzichtet Gp auf Speicherarithmetik und -benutzt einen Garbabe Collector. Andererseits enthält Go native Sprachelemente +Vorteile. Einerseits verzichtet Go auf Speicherarithmetik und +benutzt einen Garbage Collector. Andererseits enthält Go native Sprachelemente für die Unterstützung von Nebenläufigkeit. Durch den Fokus auf einen schnellen Kompilierprozess wird außerdem die Softwareentwicklung in Großprojekten erleichtert. diff --git a/de-de/html-de.html.markdown b/de-de/html-de.html.markdown new file mode 100644 index 00000000..2ee18129 --- /dev/null +++ b/de-de/html-de.html.markdown @@ -0,0 +1,120 @@ +--- +language: html +contributors: + - ["Christophe THOMAS", "https://github.com/WinChris"] +translators: + - ["Dennis Keller", "https://github.com/denniskeller"] +filename: learnhtml-de.html +lang: de-de +--- + +HTML steht für HyperText Markup Language (Hypertext-Auszeichnungssprache). +Sie ist eine Sprache, um Seiten für das World Wide Web zu schreiben.. +Es ist eine Auszeichnugssprache, die es uns ermöglicht Webseiten mithilfe des Codes zu schreiben, der kennzeichnet wie Text und Daten angezeigt werden sollen. Eigentlich sind HTML Dateien nur einfache Textdateien. +Was sind das für Auszeichnungen? Es ist eine Methode, um die Daten der Website zu organisieren mithilfe von Start- und Endtags. +Diese Auszeichnung dient dazu dem Text Bedeutung zu geben, welchen sie umschließt. +Wie viele andere Computersprachen auch, besitzt HTML viele Versionen. Wir werden hier über HTML5 reden. + +**NOTE :** Du kannst die unterschiedlichen Tags und Elemente, während des Tutorials auf Seiten, wie [codepen](http://codepen.io/pen/) testen, um deren Effekte zu sehen und wie diese funktionieren. Auch kannst du dich damit besser mit der Sprache vertraut machen. +Dieser Artikel ist bedacht darauf, nur HTML Syntax und nützliche Tipps zu geben. + + +```html +<!-- Kommentare werden wie in dieser Zeile geschrieben --> + +<!-- #################### Die Tags #################### --> + +<!-- Hier ist eine Beispiel HTML Datei, die wir analysieren werden --> + +<!doctype html> + <html> + <head> + <title>Meine Website</title> + </head> + <body> + <h1>Hallo Welt!</h1> + <a href = "http://codepen.io/anon/pen/xwjLbZ">Komm schau was das hier anzeigt</a> + <p>Das ist ein Paragraf.</p> + <p>Das ist ein weiterer Paragraf.</p> + <ul> + <li>Das ist eine Item mit einer nicht-nummerierten Liste (Aufzählungsliste)</li> + <li>Das ist ein weiteres Item</li> + <li>Und das ist das letzte Item in der Liste</li> + </ul> + </body> + </html> + +<!-- Jede HTML Datei startet damit dem Browser zu sagen, dass die Seite aus HTML besteht. --> +<!doctype html> + +<!-- Danach startet sie mit einem Öffnungtag <html>. --> +<html> + +<!-- Dieser wird am Ende der Datei mit</html> geschlossen. --> +</html> + +<!-- Nichts sollte nach diesen finalen Tag erscheinen. --> + +<!-- Dazwischen (Zwischen dem Öffnungs- und Schließungstag <html></html>) finden wir: --> + +<!-- Ein Kopf wird definiert mit <head> (er muss mit </head> geschlossen werden). --> +<!-- Der Header beinhaltet Beschreibungen und zusätzliche Informationen, welche nicht dargestellt werden. Das sind Metadaten. --> + +<head> + <title>Meine Seite</title><!-- Der <title> kennzeichnet dem Browser den Titel im Browserfenster und im Tabnamen anzuzeigen. --> +</head> + +<!-- Nach dem <head> Bereich findet sich der <body> Tag --> +<!-- Bis zu diesen Punkt wird nichts im Browerfenster angezeigt. --> +<!-- Wir müssen den Body mit dem Inhalt füllen der angezeigt werden soll. --> + +<body> + <h1>Hallo, Welt!</h1> <!-- Der h1 Tag erstellt einen Titel. --> + <!-- Es gibt auch Untertitel für <h1> von den wichtigsten <h2> zu den Unwichtigsten (h6). --> + <a href = "http://codepen.io/anon/pen/xwjLbZ">Komm, schaue was das zeigt</a> <!-- Eine URL wird zum Hyperlink, wenn es das Attribut href="" --> + <p>Das ist ein Absatz.</p> <!-- Der Tag <p> lässt uns Text auf die HTML Seite hinzufügen. --> + <p>Das ist ein anderer Absatz.</p> + <ul> <!-- Der <ul> Tag erstellt eine Aufzählungsliste. --> + <!-- Für eine nummerierte Liste sollten wir stattdessen <ol> verwenden. Das erste Element bekommt 1., das zweite 2. usw. --> + <li>Das ist ein Element in einer nicht Aufzählungsliste</li> + <li>Das ist ein anderes Item</li> + <li>Und das ist das letzte Element in der List</li> + </ul> +</body> + +<!-- Und das war es. Eine HTML Datei kann so simpel sein. --> + +<!-- Aber es ist möglich viele weitere zusätzliche HTML tags hinzuzufügen. --> + +<!-- Um ein Bild hinzuzufügen. --> +<img src="http://i.imgur.com/XWG0O.gif"/> <!-- Die Quelle des Bildes wird gezeigt durch das Attribut src="" --> +<!-- Die Quelle kann eine URL sein oder ein Pfad zu deinem Computer. --> + +<!-- Es ist ebenso möglich eine Tabelle zu erstellen. --> + +<table> <!-- Wir öffnen ein <table> Element. --> + <tr> <!-- <tr> erlaubt es uns Reihe zu erstellen. --> + <th>Erster Tabellenkopf</th> <!-- <th> erlaubt es uns der Tabelle einen Titel zu geben. --> + <th>Zweiter Tabllenkopf</th> + </tr> + <tr> + <td>Erste Zeile, erste Spalte</td> <!-- <td> erlaubt es eine Tabellenzelle zu erstellen. --> + <td>Erste Zeile, zweite Spalte</td> + </tr> + <tr> + <td>Zweite Zeile, erste Spalte</td> + <td>Zweite Zeile, zweite Spalte</td> + </tr> +</table> + +``` + +## Verwendung + +HTML Dateien enden mit `.html`. + +## Um mehr zu lernen + +* [wikipedia (EN)](https://en.wikipedia.org/wiki/HTML) +* [HTML tutorial (EN)](https://developer.mozilla.org/en-US/docs/Web/HTML) +* [W3School (EN)](http://www.w3schools.com/html/html_intro.asp) diff --git a/de-de/ruby-de.html.markdown b/de-de/ruby-de.html.markdown index bdeaa30b..e14603cd 100644 --- a/de-de/ruby-de.html.markdown +++ b/de-de/ruby-de.html.markdown @@ -13,6 +13,7 @@ contributors: - ["Rahil Momin", "https://github.com/iamrahil"] translators: - ["Christian Albrecht", "https://github.com/coastalchief"] + - ["Dennis Keller", "https://github.com/denniskeller"] filename: ruby-de.rb lang: de-de --- @@ -143,7 +144,7 @@ x #=> 10 y #=> 10 ``` ## Benennung -### Konvention ist snake_case +### Konvention ist snake_case ``` snake_case = true ``` @@ -153,9 +154,9 @@ path_to_project_root = '/good/name/' path = '/bad/name/' ``` # Symbols (sind auch Objekte) -Symbols sind unveränderliche, wiederverwendbare Konstanten, welche intern -als integer repräsentiert werden. Sie werden häufig anstelle von Strings -verwendet, um sinnvoll Werte zu übermitteln. +Symbols sind unveränderliche, wiederverwendbare Konstanten, welche intern +als integer repräsentiert werden. Sie werden häufig anstelle von Strings +verwendet, um sinnvoll Werte zu übermitteln. Symbols werden mit dem Doppelpunkt gekennzeichnet. ``` @@ -195,7 +196,7 @@ array[12] #=> nil array[-1] #=> 5 ``` -## Arrays können mit Stard Index und Länge indiziert werden +## Arrays können mit Start Index und Länge indiziert werden ``` array[2, 3] #=> [3, 4, 5] ``` @@ -216,11 +217,9 @@ array.push(6) #=> [1, 2, 3, 4, 5, 6] array.include?(1) #=> true ``` -# Hashes +# Hashes Hashes sind das Hauptfeature um Key/Values zu speichern -``` - ## Ein Hash anlegen ``` hash = { 'color' => 'green', 'number' => 5 } @@ -231,8 +230,8 @@ hash.keys #=> ['color', 'number'] ``` hash['color'] #=> 'green' hash['number'] #=> 5 -hash['nothing here'] #=> nil -// Asking a hash for a key that doesn't exist returns nil: +hash['nothing here'] #=> nil +// Fragen an einen Hash nach einem Schlüssel, der nicht existiert, ruft nil hervor: ``` ## Symbols können auch keys sein @@ -247,7 +246,7 @@ new_hash.has_key?(:defcon) #=> true new_hash.has_value?(3) #=> true ``` -### Tip: Arrays und Hashes sind Enumerable +### Tipp: Arrays und Hashes sind Enumerable ### Und haben gemeinsame, hilfreiche Methoden wie: ### each, map, count, and more @@ -269,8 +268,8 @@ for counter in 1..5 end ``` ## Stattdessen: "each" Methode und einen Bloch übergeben -Ein Block ist ein Codeteil, den man einer Methode übergeben kann -Ähnelt stark lambdas, anonymen Funktionen oder Closures in anderen +Ein Block ist ein Codeteil, den man einer Methode übergeben kann +Ähnelt stark lambdas, anonymen Funktionen oder Closures in anderen Programmiersprachen. ``` @@ -339,7 +338,7 @@ end => "OK job" ``` -# exception handling: +# Exception handling: ``` begin # code here that might raise an exception @@ -360,13 +359,13 @@ def double(x) x * 2 end ``` -## Funktionen (und Blocks) +## Funktionen (und Blocks) ## geben implizit den Wert des letzten Statements zurück ``` double(2) #=> 4 ``` -### Klammern sind optional wenn das Ergebnis nicht mehdeutig ist +### Klammern sind optional wenn das Ergebnis nicht mehrdeutig ist ``` double 3 #=> 6 double double 3 #=> 12 @@ -604,7 +603,7 @@ Something.new.qux # => 'qux' ## Weiterführende Hinweise -//EN +//EN - [Learn Ruby by Example with Challenges](http://www.learneroo.com/modules/61/nodes/338) - A variant of this reference with in-browser challenges. - [Official Documentation](http://www.ruby-doc.org/core-2.1.1/) |