+ add markup languages to tools & varia

Issue: #41
scs · Jun 10, 2022 · 2d9f1e8 · 2d9f1e8
1 parent 21dc611
commit 2d9f1e8
Show file tree

Hide file tree

Showing 3 changed files with 195 additions and 0 deletions.
diff --git a/topics/tools_and_varia/slides/links.md b/topics/tools_and_varia/slides/links.md
@@ -29,6 +29,16 @@ Links
 
 \colNext{0.5}
 
+*Markup Lanuages*
+
+[json_tutorial]: https://www.guru99.com/json-tutorial-example.html
+[yaml_syntax]: https://docs.ansible.com/ansible/latest/reference_appendices/YAMLSyntax.html
+[markdown_guide]: https://www.markdownguide.org/basic-syntax/
+
+* [json_tutorial]
+* [yaml_syntax]
+* [markdown_guide]
+
 *Tools*
 
 [choco_create_packages]: https://docs.chocolatey.org/en-us/create/create-packages

diff --git a/topics/tools_and_varia/slides/markup_languages.md b/topics/tools_and_varia/slides/markup_languages.md
@@ -0,0 +1,183 @@
+Markup Languages
+================
+
+
+Eigenschaften
+-------------
+
+* *Lesbarkeit* (für Menschen)
+* Kompakte oder redundante *Syntax*
+* *Parsing*
+* Verfügbare *Datentypen*
+* Primäre *Nutzung*: Daten oder Text
+
+
+Beispiele
+---------
+
+*Daten*-Verarbeitung:
+
+* *SGML*: Standard Generalized Markup Language
+* *XML*: Extensible Markup Language
+* *HTML*: HyperText Markup Language
+* *JSON*: JavaScript Object Notation
+* *YAML*: YAML Ain’t Markup Language
+
+*Text*-Verarbeitung:
+
+* *ReST*: reStructuredText
+* *LaTeX*
+* *Markdown*
+
+
+JSON
+----
+
+\colBegin{0.45}
+
+* Config-Files
+* Serialisierte Daten
+* Syntax: [json_tutorial]
+* `camelCase`
+* Achtung: *Kommas*!
+
+~~~{.json}
+{
+  "string": "my string",
+  "boolean": true,
+  "integerNumber": -123,
+  "floatNumber": 3.1415,
+  "integerArray": [ 1, 2, 3, 4 ],
+  "stringArray": [ "A", "B", "C" ],
+}
+~~~
+
+\colNext{0.55}
+
+~~~{.json}
+{
+  "object": {
+    "myNumber": 123
+  },
+  "map": [
+    { "key": "value" },
+    { "another": "whatever" }
+  ],
+  "objectList": [
+    {
+      "key1": 1,
+      "key2": "bla",
+      "key3": { "subKey1": true, "subKey2": -1.2 }
+    },
+    { "smallObject": 2 }
+  ]
+}
+~~~
+
+\colEnd
+
+
+YAML
+----
+
+* Config-Files
+* Beschreibende Programmierung
+* Superset von JSON
+* JSON kann in YAML konvertiert werden
+* Syntax: [yaml_syntax]
+* Achtung: *Spaces*!
+
+\colBegin{0.45}
+
+~~~{.yaml}
+string: my string
+anotherString: "with quotes"
+boolean: true
+integerNumber: -123
+floatNumber: 3.1415
+list:
+  - 1
+  - 2
+~~~
+
+\colNext{0.55}
+
+~~~{.yaml}
+dictionary:
+  key: value
+  another: "dictionaries are objects"
+
+objectList:
+  - key1: 1
+    key2: "bla"
+    key3: { subKey1: true, subKey2: -1.2 }
+  - otherStruct: 2
+    inlineList: [ 1, 2, 3, 4 ]
+~~~
+
+\colEnd
+
+
+Markdown
+--------
+
+* Lesbarer Rohtext welcher formatiert werden kann
+* `README.md`
+* Syntax: [markdown_guide]
+
+\colBegin{0.3}
+
+~~~{.markdown}
+Header 1
+========
+
+Header 2
+--------
+
+# Header 1
+## Header 2
+### Header 3 etc
+
+Table     Header
+-----     ------
+Content   Number
+~~~
+
+\colNext{0.3}
+
+~~~~{.markdown}
+*Italic*
+**Fett**
+***Fett & Italic***
+
+> Zitat
+
+`Code`
+
+~~~
+Code
+Block
+~~~
+
+~~~~
+
+\colNext{0.5}
+
+~~~{.markdown}
+* Unordered List A
+  * Sublist
+* Unordered List B
+
+1. Ordered List A
+1. Ordered List B
+
+![MeinBild](bild.jpeg)
+
+[MeinLink](link.html)
+
+[reference_link]: reference_link.html
+[reference_link]
+[Reference Link][reference_link]
+~~~
+
+\colEnd
diff --git a/topics/tools_and_varia/tools_and_varia_slides.md b/topics/tools_and_varia/tools_and_varia_slides.md
@@ -10,6 +10,7 @@ Inhalt
 
 * Projekt-Teams
 * Entwicklungs-Umgebungen
+* Markup Languages
 * *Praxis Block 1*
 * IDE
 * Best Practice
@@ -20,6 +21,7 @@ Inhalt
 
 <#include slides/project_teams.md>
 <#include slides/dev_environments.md>
+<#include slides/markup_languages.md>
 <#include slides/practice_1.md>
 <#include slides/ide.md>
 <#include slides/best_practice.md>