HTML5-Tutorium: Canvas: Hello World: Unterschied zwischen den Versionen
aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge) |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
{{HTML5-Tutorium:Canvas:HelloWorld:Menü}} | {{HTML5-Tutorium:Canvas:HelloWorld:Menü}} | ||
=Ziel= | ==Ziel== | ||
In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interaktive Hello-World-Anwendung mit Hilfe | In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interaktive Hello-World-Anwendung mit Hilfe | ||
von [[JavaScript]] sowie [[Canvas (HTML5)|Canvas]] erstellt. | von [[JavaScript]] sowie [[Canvas (HTML5)|Canvas]] erstellt. | ||
==Use Cases== | ===Use Cases=== | ||
Der Text-String <code>Hallo Welt!</code> bzw. <code>Hallo <Benutzername>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei | Der Text-String <code>Hallo Welt!</code> bzw. <code>Hallo <Benutzername>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei | ||
<code><name></code> interaktiv durch den Benutzer eingegeben werden muss. | <code><name></code> interaktiv durch den Benutzer eingegeben werden muss. | ||
=Tutorium= | ==Tutorium== | ||
# [[HTML5-Tutorium: Canvas: Hello World 01|Teil 1]]: Ausgabe von <code>Hallo Welt!</code> | # [[HTML5-Tutorium: Canvas: Hello World 01|Teil 1]]: Ausgabe von <code>Hallo Welt!</code> | ||
# [[HTML5-Tutorium: Canvas: Hello World 02|Teil 2]]: Ausgabe von <code>Hallo <Benutzername>!</code> | # [[HTML5-Tutorium: Canvas: Hello World 02|Teil 2]]: Ausgabe von <code>Hallo <Benutzername>!</code> | ||
| Zeile 14: | Zeile 14: | ||
# [[HTML5-Tutorium: Canvas: Hello World 04|Teil 4]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Verwendung von jQuery | # [[HTML5-Tutorium: Canvas: Hello World 04|Teil 4]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Verwendung von jQuery | ||
=Quellen= | ==Quellen== | ||
# {{Quelle|Kowarschick, W.: Multimedia-Programmierung}} | # {{Quelle|Kowarschick, W.: Multimedia-Programmierung}} | ||
# [http://glossar.hs-augsburg.de/beispiel/tutorium/html5_canvas/hello_world/ Musterlösungen] | # [http://glossar.hs-augsburg.de/beispiel/tutorium/html5_canvas/hello_world/ Musterlösungen] | ||
<noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]] | <noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]] | ||
</noinclude> | </noinclude> | ||
Version vom 8. September 2016, 13:18 Uhr
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen:
| Korrektheit: 4 (großteils überprüft) |
Umfang: 4 (unwichtige Fakten fehlen) |
Quellenangaben: 5 (vollständig vorhanden) |
Quellenarten: 5 (ausgezeichnet) |
Konformität: 4 (sehr gut) |
HTML-Tutorium Hello World: JavaScript | Canvas | SVG
Ziel
In diesem Tutorium wird beschrieben, wie man in HTML5 eine interaktive Hello-World-Anwendung mit Hilfe von JavaScript sowie Canvas erstellt.
Use Cases
Der Text-String Hallo Welt! bzw. Hallo <Benutzername>!, wird auf einer Bühne (Canvas) ausgegeben, wobei
<name> interaktiv durch den Benutzer eingegeben werden muss.
Tutorium
- Teil 1: Ausgabe von
Hallo Welt! - Teil 2: Ausgabe von
Hallo <Benutzername>! - Teil 3: Ausgabe von
Hallo <Benutzername>!, Komprimierte JavaScript- und CSS-Dateien - Teil 4: Ausgabe von
Hallo <Benutzername>!, Verwendung von jQuery
Quellen
- Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)
- Musterlösungen
