HTML5-Tutorium: JavaScript: Hello World 06: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 18: | Zeile 18: | ||
Erzeugen Sie wie im [[HTML5-Tutorium:_JavaScript:_Hello_World_04|vierten Teil des Tutoriums]] ein neues Projekt, | Erzeugen Sie wie im [[HTML5-Tutorium:_JavaScript:_Hello_World_04|vierten Teil des Tutoriums]] ein neues Projekt, | ||
diesmal allerding mit dem schönen Namen <code>HelloWorld05</code>“ | diesmal allerding mit dem schönen Namen <code>HelloWorld05</code>“ und speichern Sie dieses wieder | ||
in Ihrem SVN-Repository (Achtung: <code>node_modules</code> muss auf der Ignore-Liste stehen) | in Ihrem SVN-Repository (Achtung: <code>node_modules</code> muss auf der Ignore-Liste stehen). | ||
und | |||
Kopieren Sie nun aus Ihrer Lösung des vierten Teil des Tutoriums die Ordner <code>src</code> und <code>web</code> | |||
(jeweils samt allen darin enthaltenen Ordnern und Dateien> sowie die Datei <code>package.json</code> und | |||
fügen Sie sie ins Wurzelverzeichnis des fünften Teils ein. | |||
Weisen Sie WebStorm wiederun an, die Inhalte der ORdner <code>node_modules</code> und <code>web/js</code> | |||
nicht auf Syntaxfehler zu überprüfen. | |||
Ändern Sie in den Dateien <code>package.json</code> und <code>web/index.html</code> die Versionsnummern | |||
IHres Projektes. | |||
Zu guter letzt öffnen Sie das Web-Storm-Terminal und führen den Befehl <code>npm install</code>aus. | |||
Damit werden dieselben Node.js-PAkete installiert wie im vierten Teil des Turotiums. | |||
{{TBD}} | {{TBD}} |
Version vom 12. Oktober 2017, 13:07 Uhr
Dieser Artikel wird derzeit von einem Autor gründlich bearbeitet. Die Inhalte sind daher evtl. noch inkonsistent.
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:
Korrektheit: 3 (zu größeren Teilen überprüft) |
Umfang: 4 (unwichtige Fakten fehlen) |
Quellenangaben: 3 (wichtige Quellen vorhanden) |
Quellenarten: 5 (ausgezeichnet) |
Konformität: 3 (gut) |
Inhalt | Teil 1 | Teil 2 | Teil 3
Musterlösung: index.html
,
[(SVN-Repository)
Anwendungsfälle (Use Cases)
Gegenüber dem vierten Teil des Tutoriums ändern sich die die Anwendungsfälle nur geringfügig. Das Begrüßungsformular soll zweimal im Browser angezeigt werden, einmal auf Deutsch und auf Englisch. Beide Begrüungsformulare sollen unabhängig voneinander funktionieren.
Ein Grundprinzip der Programmierung lautet Don't repeat yourself (DRY). Sie könnten nun einfach den vorhandenen Code duplizieren und entsprechend anpassen. Aber genau das würde gegen das Prinzip „Keep your code DRY“ verstoßen. Code-Duplikation kann mit Hilfe von Klassen vermieden werden. Sie stellen eine Art „Blaupause“ dar, um Objekte mit ähnlichen Eigenschaften ganz einfach erstellen zu können.
Erstellen eines neuen Projektes
Erzeugen Sie wie im vierten Teil des Tutoriums ein neues Projekt,
diesmal allerding mit dem schönen Namen HelloWorld05
“ und speichern Sie dieses wieder
in Ihrem SVN-Repository (Achtung: node_modules
muss auf der Ignore-Liste stehen).
Kopieren Sie nun aus Ihrer Lösung des vierten Teil des Tutoriums die Ordner src
und web
(jeweils samt allen darin enthaltenen Ordnern und Dateien> sowie die Datei package.json
und
fügen Sie sie ins Wurzelverzeichnis des fünften Teils ein.
Weisen Sie WebStorm wiederun an, die Inhalte der ORdner node_modules
und web/js
nicht auf Syntaxfehler zu überprüfen.
Ändern Sie in den Dateien package.json
und web/index.html
die Versionsnummern
IHres Projektes.
Zu guter letzt öffnen Sie das Web-Storm-Terminal und führen den Befehl npm install
aus.
Damit werden dieselben Node.js-PAkete installiert wie im vierten Teil des Turotiums.
TO BE DONE
Quellen
- Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)