HTML5-Tutorium: JavaScript: Entwicklungsumgebung: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) |
Kowa (Diskussion | Beiträge) |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 25: | Zeile 25: | ||
* Datenbank-System:<br/>[[Postgres]], [[MySQL]], [[MongoDB]] ..., manchmal auch nur einfache [[JSON-Dateien]] | * Datenbank-System:<br/>[[Postgres]], [[MySQL]], [[MongoDB]] ..., manchmal auch nur einfache [[JSON-Dateien]] | ||
* Backend-Server (Schnittstelle zwischen Datenbank und Frondend-Server):<br/>[[Rest]], [[GraphQL]], ... | * Backend-Server (Schnittstelle zwischen Datenbank und Frondend-Server):<br/>[[Rest]], [[GraphQL]], ... | ||
* Frontend-Server (Dokumente aus: HTML-, CSS- und JavaScript-Code, Bilder, Fonts etc.):<br/>[[ | * Frontend-Server (Dokumente aus: HTML-, CSS- und JavaScript-Code, Bilder, Fonts etc.):<br/>[[Vue]], [[React]], [[Svelte]] ... | ||
* CSS-Transpiler:<br/>[[SASS]]/[[SCSS]], [[LESS]] ... | * CSS-Transpiler:<br/>[[SASS]]/[[SCSS]], [[LESS]] ... | ||
| Zeile 35: | Zeile 35: | ||
==Quellen== | ==Quellen== | ||
# {{Quelle|Kowarschick | # {{Quelle|Kowarschick (WebProg)}} | ||
<!--# [http://glossar.hs-augsburg.de/beispiel/tutorium/es5/hello_world/ Musterlösungen]--> | <!--# [http://glossar.hs-augsburg.de/beispiel/tutorium/es5/hello_world/ Musterlösungen]--> | ||
[[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]] | [[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]] | ||
Aktuelle Version vom 21. April 2023, 17:00 Uhr
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:
| Korrektheit: 3 (zu größeren Teilen überprüft) |
Umfang: 2 (wichtige Fakten fehlen) |
Quellenangaben: 2 (wichtige Quellen fehlen) |
Quellenarten: 3 (gut) |
Konformität: 5 (ausgezeichnet) |
Inhalt | Visual Studio Code | Node.js
Ziel
In diesem Tutorium wird beschrieben, wie man eine Entwicklungsumgebung für interaktive Web-Systeme auf Basis von HTML5, CSS und JavaScript erstellt.
Voraussetzungen
Dieses Tutorium wendet sich an Studierende des vierten Semesters Interaktive Medien. Es wird im Rahmen der Lehrveranstaltung Web-Programmierung (WebProg) entwickelt.
Im ersten Semester des Studiums wurden bereits Programmiererfahrung mit Processing und Java erworben: Grundlagen der Programmierung. Daher werden einfache objektorientierte Programmierprinzipien (If-Anweisungen, Schleifen, Objekte, Methoden etc.) als bekannt vorausgesetzt.
Die Kenntnis von HTML und CSS wird ebenfalls vorausgesetzt. Diese Kenntnisse werden in der Veranstaltung Grundlagen der Webtechnologien im zweiten Semester vermittelt.
Inhalt der Vorlesung WebProg ist die Erstellung von Web-Anwendungen, bestehend aus bis zu vier Komponenten:
- Datenbank-System:
Postgres, MySQL, MongoDB ..., manchmal auch nur einfache JSON-Dateien - Backend-Server (Schnittstelle zwischen Datenbank und Frondend-Server):
Rest, GraphQL, ... - Frontend-Server (Dokumente aus: HTML-, CSS- und JavaScript-Code, Bilder, Fonts etc.):
Vue, React, Svelte ... - CSS-Transpiler:
SASS/SCSS, LESS ...
Ich persönlich bevorzuge Postgres, REST, VUE und SCSS. Sie dürfen allerdings auch andere Komponenten/Frameworks verwenden.
Tutorium
- Visual Studio Code: Einrichten einer Visual Studio Code-Umgebung.
- Node.js: Einrichten eines lokalen Node.js-Servers als Hilfswerkzeug bei der Entwicklung von Web-Anwendungen.
Quellen
- Kowarschick (WebProg): Wolfgang Kowarschick; Vorlesung „Web-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2024; Quellengüte: 3 (Vorlesung)
