HTML5-Tutorium: JavaScript: Hello World 05 (Webpack): Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
{{HTML5-Tutorium:JavaScript:HelloWorld:Menü}}
{{HTML5-Tutorium:JavaScript:HelloWorld:Menü}}


'''Musterlösung''': [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05a/web/index.html <code>index.html</code> (Version 5a)], [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05b/web/index.html <code>index.html</code> (Version 5b)], [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05c/web/index.html <code>index.html</code> (Version 5c)], [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05d/web/index.html <code>index.html</code> (Version 5d)],<br/>
'''Musterlösung''': [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05a/web/index.html <code>index.html</code> (5a)], [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05b/web/index.html <code>index.html</code> (5b)], [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05c/web/index.html <code>index.html</code> (5c)], [https://glossar.hs-augsburg.de/beispiel/tutorium/2021/hello_world/WK_HelloWorld05d/web/index.html <code>index.html</code> (5d)],<br/>
(Git-Repositories: [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05a.git Version 5a], [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05b.git Version 5b], [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05c.git Version 5c], [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05d.git Version 5d])
(Git-Repositories: [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05a.git 5a], [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05b.git 5b], [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05c.git 5c], [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_HelloWorld05d.git 5d])


==Anwendungsfälle (Use Cases)==
==Anwendungsfälle (Use Cases)==

Version vom 7. April 2021, 16:14 Uhr

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)

Vorlesung WebProg

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 (5a), index.html (5b), index.html (5c), index.html (5d),
(Git-Repositories: 5a, 5b, 5c, 5d)

Anwendungsfälle (Use Cases)

Gegenüber dem dritten 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, die Anwendung mittels Webpack[1] automatisch für den Server-Betrieb zu optimieren, sodass möglichst wenige, möglichst kleine Dateien zum Client übertragen werden.

Im Tutorium wird „Webpack 5“ verwendet.

Fortsetzung des Tutoriums

Sie sollten nun Teil 6 des Tutoriums bearbeiten. In diesem Teil des Tutoriums wird ausgenutzt, dass in die Konfigurationsdatei von Webpack ein SCSS-Loader integriert wurde. Damit kann man das Prinzip “Don't Repeat Yourself” (DRY) auch für CSS-Dateien umsetzen.

Quellen

  1. Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)