HTML5-Tutorium: JavaScript: Hello World 06: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 28: | Zeile 28: | ||
==Bower== | ==Bower== | ||
Node.js bringt seinen eigenen Package-Manager „<code>npm</code>“ mit. Für die | |||
JavaScript-Pakete, die Ihre Web-Anwendung benötigt, kann <code>npm</code> allerdings | |||
nicht eingesetzt werden. Dafür bietet Node.js einen anderen, sehr mächtigen | |||
Paket-Manager namens „<code>bower</code>“ an (https://bower.io/). | |||
Bevor Sie Bower installieren, müssen Sie zunächst sicherstellen, dass unter | |||
Windows „<code>Git for Windows</code>“ installiert wurde | |||
(auch wenn wir Git gar nicht verwenden): https://git-for-windows.github.io/ | |||
<source lang="bash"> | <source lang="bash"> | ||
bower install --save requirejs requirejs-plugins | bower install --save requirejs requirejs-plugins | ||
Version vom 8. Oktober 2016, 19:22 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 |
Teil 4 |
Teil 5 |
Teil 6 |
Vue 1 |
Vue 2 |
Vue 3 |
Vue 4 |
Vue 5 |
Vue 6
Musterlösung: index.html
(SVN-Repository)
Anwendungsfälle (Use Cases)
Gegenüber dem dritten und vierten Teil des Tutoriums ändern sich die die Anwendungsfälle nicht. Die Anwendung leistet also genau dasselbe wie zuvor.
In diesem Teil des Tutoriums geht es darum, den JavaScript-Code zu verbessern, indem er modulrisiert wird.
Erstellen eines neuen Projektes
Erstellen Sie ein neues Projekt „HelloWorld04“ und legen Sie dieses in Ihrem Repository ab.
Kopieren Sie anschließend alle Dateien aus dem vierten Teil des Tutoriums, passen Sie den Titel in der HTML-Datei und in der Datei
„package.json“ an.
Es ist nicht notwendig, den Ordner „node_modules“ zu kopieren. Diesen können Sie nach dem Kopieren
automatisch durch die Eingabe vom npm update ins WebStorm-Terminal erstellen.
Bevor Sie die Projekt-Dateien per commit ins Repository übertragen, sollten Sie wieder überprüfen,
dass der Ordner „node_modules“ auf der „Ignore List“ steht (und damit nicht
ins Repository eingespielt wird):
Filesbzw.WebStorm→Settingsbzw.Preferences→Ignored Files- Wenn in dieser Liste der Ordner „
node_modules“ nicht aufgeführt wird, fügen Sie ihn mittels des Plus-Icons ein.
Nun können Sie Ihr Projekt committen.
Bower
Node.js bringt seinen eigenen Package-Manager „npm“ mit. Für die
JavaScript-Pakete, die Ihre Web-Anwendung benötigt, kann npm allerdings
nicht eingesetzt werden. Dafür bietet Node.js einen anderen, sehr mächtigen
Paket-Manager namens „bower“ an (https://bower.io/).
Bevor Sie Bower installieren, müssen Sie zunächst sicherstellen, dass unter
Windows „Git for Windows“ installiert wurde
(auch wenn wir Git gar nicht verwenden): https://git-for-windows.github.io/
bower install --save requirejs requirejs-plugins
TO BE DONE
Quellen
- Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)
