diff --git a/01_grundlagen/faq/htmltagwrap.html b/01_grundlagen/faq/htmltagwrap.html new file mode 100644 index 0000000..20de2d5 --- /dev/null +++ b/01_grundlagen/faq/htmltagwrap.html @@ -0,0 +1,29 @@ + + + + + + HTMLTagWrap + + + +
+
+

HTMLTagWrap

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex id molestias pariatur voluptatibus exercitationem, + iusto eum autem quae nam adipisci labore provident optio cum doloribus numquam, cupiditate necessitatibus + ducimus praesentium? +
    +
  1. Listenpunkt
    2. +
  2. Listenpunkt
    3. +
  3. Listenpunkt
    4. +
  4. Listenpunkt
    5. +
  5. Listenpunkt
    6. +
+
+
+ + + diff --git a/01_grundlagen/faq/style.css b/01_grundlagen/faq/style.css new file mode 100644 index 0000000..0a83079 --- /dev/null +++ b/01_grundlagen/faq/style.css @@ -0,0 +1,9 @@ +*, +html { + margin: 0; + padding: 0; +} + +body { + background-color: #ff9900; +} diff --git a/01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.md b/01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.md new file mode 100644 index 0000000..77ca6f4 --- /dev/null +++ b/01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.md @@ -0,0 +1,27 @@ +# Tools für die Webentwicklung + +### Markdown + +> **Definition:** Markdown ist eine einfache Syntax, um HTML-Code aus Textdokumenten zu generieren. Über die Markdown Syntax kann man das Schreiben von Dokumentationen und Notizen beschleunigen. + +**Links zum Lernen der Markdown-Syntax** + +- [Markdown-Cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) +- [Markdown.de](http://markdown.de/) + +**Markdown Editoren:** + +- [Auflistung von Markdown Editoren](https://dev.to/awwsmm/state-of-markdown-editors-2019-2k49) +- [Haroopad](http://pad.haroopress.com/) (Windows) +- [Macdown](https://macdown.uranusjr.com/) (Mac OS) +- [Typora](https://typora.io/) (Windows | Mac OS) +- [Joplin](https://joplinapp.org/) (Windows | Mac OS) +- [Obsidian](https://obsidian.md/) (Windows | Mac OS) +- [Marp](https://marp.app/) (Windows | Mac OS) + +### Emmet + +> **Definition:** Die Grundfunktion von Emmet ist es mit Abkürzungen rasch HTML und CSS Code schreiben zu können. Man gibt dabei im Editor die Abkürzungen ein, drückt auf die TAB Taste und schon erscheint statt der Abkürzung eine Menge HTML Code. + +- [Emmet Cheatsheet](https://docs.emmet.io/cheatsheet-a5.pdf) +- [Emmet.io](https://emmet.io/) diff --git a/01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.pdf b/01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.pdf new file mode 100644 index 0000000..a46247b Binary files /dev/null and b/01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.pdf differ