HTML5-Tutorium: JavaScript: Entwicklungsumgebung: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) |
||
Zeile 23: | Zeile 23: | ||
--> | --> | ||
Inhalt der Vorlesung WebProg ist die Erstellung von Web-Anwendungen, bestehend aus bis zu vier Komponenten: | Inhalt der Vorlesung WebProg ist die Erstellung von Web-Anwendungen, bestehend aus bis zu vier Komponenten: | ||
* Datenbank-System:<br/> | * Datenbank-System:<br/>[[Postgres]], [[MySQL]], [[MongoDB]] ..., manchmal auch nur einfache [[JSON-Dateien]] | ||
[[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/> | * Frontend-Server (Dokumente aus: HTML-, CSS- und JavaScript-Code, Bilder, Fonts etc.):<br/>[[VUE]], [React]] ... | ||
[[Rest]], [[GraphQL]], ... | * CSS-Transpiler:<br/>[[SASS]]/[[SCSS]], [[LESS]] ... | ||
* Frontend-Server (Dokumente aus: HTML-, CSS- und JavaScript-Code, Bilder, Fonts etc.):<br/> | |||
[[VUE]], [React]] ... | |||
* CSS-Transpiler:<br/> | |||
[[SASS]]/[[SCSS]], [[LESS]] ... | |||
Ich persönlich bevorzuge [[Postgres]], [[REST]], [[VUE]] und [[SCSS]]. Sie dürfen allerdings auch andere Komponenten/Frameworks verwenden. | Ich persönlich bevorzuge [[Postgres]], [[REST]], [[VUE]] und [[SCSS]]. Sie dürfen allerdings auch andere Komponenten/Frameworks verwenden. |
Version vom 12. März 2021, 15:39 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]] ... - 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)