Quasar Framework - Versionsgeschichte

Gak69: Weblink aus Fließtext entfernt

2025-05-01T20:40:11Z

Weblink aus Fließtext entfernt

← Nächstältere Version		Version vom 1. Mai 2025, 22:40 Uhr
Zeile 16:		Zeile 16:
	}}		}}

	Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein [[Freie Software\|open source]] auf [[Vue.js]] basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.<ref>{{cite video \|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>		Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein [[Freie Software\|open source]] auf [[Vue.js]] basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS (Betriebssystem)\|iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.<ref>{{cite video \|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>

	== Übersicht ==		== Übersicht ==
Zeile 30:		Zeile 30:
	== Funktionen ==		== Funktionen ==
	=== Komponenten ===		=== Komponenten ===
	Quasar-Apps werden erstellt mit ~~[https://quasar.dev/start/how-to-use-vue#vue-single-file-components-sfc-~~ Vue Single File Components] und ~~[https://quasar.dev/start/how-to-use-vue#using-quasar-components~~ Quasar Components]. Vue Single-File-Komponenten enthalten mehrere Abschnitte: Vorlage (HTML), Skript (Javascript) und Stil (CSS/Stylus/SASS/SCSS/Less) – alles in derselben Datei.<ref>{{cite web \|url = https://quasar.dev/start/how-to-use-vue#Vue-Single-File-Components-(SFC) \|title = Vue Single File Components (SFC) — Quasar Framework \|access-date = 2020-05-22 \|language = en }}</ref> Quasar nutzt [[Node.js]] und [[webpack]] die vorkonfiguriert sind.<ref name="theseus"/>		Quasar-Apps werden erstellt mit Vue Single File Components und Quasar Components. Vue Single-File-Komponenten enthalten mehrere Abschnitte: Vorlage (HTML), Skript (Javascript) und Stil (CSS/Stylus/SASS/SCSS/Less) – alles in derselben Datei.<ref>{{cite web \|url = https://quasar.dev/start/how-to-use-vue#Vue-Single-File-Components-(SFC) \|title = Vue Single File Components (SFC) — Quasar Framework \|access-date = 2020-05-22 \|language = en }}</ref> Quasar nutzt [[Node.js]] und [[webpack]] die vorkonfiguriert sind.<ref name="theseus"/>
	Der folgende Codeausschnitt zeigt ein Beispiel für die Struktur einer Vue Single-File-Komponente:		Der folgende Codeausschnitt zeigt ein Beispiel für die Struktur einer Vue Single-File-Komponente:
	<syntaxhighlight lang="html" line="1">		<syntaxhighlight lang="html" line="1">

M2k~dewiki: HC: Entferne Kategorie:Software unter der MIT-Lizenz

2025-04-22T07:48:25Z

HC: Entferne Kategorie:Software unter der MIT-Lizenz

← Nächstältere Version		Version vom 22. April 2025, 09:48 Uhr
Zeile 83:		Zeile 83:
	[[Kategorie:JavaScript-Bibliothek]]		[[Kategorie:JavaScript-Bibliothek]]
	[[Kategorie:Webframework]]		[[Kategorie:Webframework]]
	[[Kategorie:Software unter der MIT-Lizenz]]

M.ottenbruch: 85 Versionen von :en:Quasar_Framework importiert: WP:IMP * user:Prototyperspective

2025-04-20T16:08:25Z

85 Versionen von en:Quasar_Framework importiert: WP:IMP * user:Prototyperspective

← Nächstältere Version	Version vom 20. April 2025, 18:08 Uhr
(kein Unterschied)

Aka: /* Geschichte */ doppelten Link entfernt | ♥

2025-04-20T08:30:29Z

Geschichte: doppelten Link entfernt | ♥

← Nächstältere Version		Version vom 20. April 2025, 10:30 Uhr
Zeile 24:		Zeile 24:

	== Geschichte ==		== Geschichte ==
	Quasar wurde von dem Rumänen Razvan Stoenescu entwickelt, nachdem er für [[IBM]] und [[Lenovo]] gearbeitet hatte. Dabei verwendete er ständig neue und unterschiedliche Softwaretools, um alle verschiedenen Arten von iOS-Apps, Android-Apps, Webanwendungen, Windows-Desktop-Apps, Apple-Desktop-Apps und PWAs. Später fasste er seinen Gedankengang wie folgt zusammen (übersetzt): „Ich sehnte mich nach einem einzigen Framework, das die gesamte Komplexität beseitigt und all diese verschiedenen App-Varianten aus einer einzigen Codebasis erstellt. Da ich ein solch mythisches Tool nicht finden konnte, beschloss ich, es selbst zu entwickeln.“<ref name="history"/><ref name="was ist quasar">{{cite web \|title=Leitfaden: Was ist Quasar? \|language=en \|url=https://quasar.dev/introduction-to-quasar#What-is-Quasar%3F#What-is-Quasar-js \|website=Quasar Framework \|access-date=2020-05-20}}</ref> Quasar wird von einem kleinen Team aus Entwicklern (auch „Kernteam“ genannt) und Mitwirkenden gepflegt. Die meisten Mitglieder des Kernteams arbeiten derzeit bei verschiedenen Unternehmen wie [[Lenovo]], IntelliView Technologies Inc. und AG Development Services.<ref>{{cite web\|url=https://quasar.dev/meet-the-team\|title=Meet the Team — Quasar Framework\|website=quasar-framework.org\|language=en\|access-date=2020-05-20}}</ref>		Quasar wurde von dem Rumänen Razvan Stoenescu entwickelt, nachdem er für [[IBM]] und [[Lenovo]] gearbeitet hatte. Dabei verwendete er ständig neue und unterschiedliche Softwaretools, um alle verschiedenen Arten von iOS-Apps, Android-Apps, Webanwendungen, Windows-Desktop-Apps, Apple-Desktop-Apps und PWAs. Später fasste er seinen Gedankengang wie folgt zusammen (übersetzt): „Ich sehnte mich nach einem einzigen Framework, das die gesamte Komplexität beseitigt und all diese verschiedenen App-Varianten aus einer einzigen Codebasis erstellt. Da ich ein solch mythisches Tool nicht finden konnte, beschloss ich, es selbst zu entwickeln.“<ref name="history"/><ref name="was ist quasar">{{cite web \|title=Leitfaden: Was ist Quasar? \|language=en \|url=https://quasar.dev/introduction-to-quasar#What-is-Quasar%3F#What-is-Quasar-js \|website=Quasar Framework \|access-date=2020-05-20}}</ref> Quasar wird von einem kleinen Team aus Entwicklern (auch „Kernteam“ genannt) und Mitwirkenden gepflegt. Die meisten Mitglieder des Kernteams arbeiten derzeit bei verschiedenen Unternehmen wie Lenovo, IntelliView Technologies Inc. und AG Development Services.<ref>{{cite web\|url=https://quasar.dev/meet-the-team\|title=Meet the Team — Quasar Framework\|website=quasar-framework.org\|language=en\|access-date=2020-05-20}}</ref>

	Der erste Quellcode-[[Commit (Versionskontrolle)\|Commit]] für das Projekt stammte aus dem Jahr 2015,<ref name="history">{{cite web \|first=Razvan \|last=Stoenescu \|language=en\|url = https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b/ \|title = Why every Vue developer should be excited by Quasar 1.0 \|website = Quasar Framework \|date = 2019-07-03 }}</ref> und die stabile Version 1.0 von Quasar wurde im Juli 2019 veröffentlicht. Die erste Quasar-Konferenz fand im Juli 2020 statt.<ref>{{cite news \|title=Quasar.conf 2020 \|date=2020-07-05 \|language=en}}</ref> Quasar v2 (mit Vue.js 3) wurde im Juni 2021 mit der Version 2.0.0 stabil. Wie [[Nuxt]], hat Quasar eine wachsende Community und ist relativ beliebt.<ref name="Grundlagen">{{Literatur \|Autor=Fabian Deitelhoff\|Online=https://www.google.com/books/edition/Vue_js/bgWBEAAAQBAJ \|Seiten=211–212\|Titel=Vue.js: Von Grundlagen bis Best Practices \|Abruf=2025-04-19}}</ref>		Der erste Quellcode-[[Commit (Versionskontrolle)\|Commit]] für das Projekt stammte aus dem Jahr 2015,<ref name="history">{{cite web \|first=Razvan \|last=Stoenescu \|language=en\|url = https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b/ \|title = Why every Vue developer should be excited by Quasar 1.0 \|website = Quasar Framework \|date = 2019-07-03 }}</ref> und die stabile Version 1.0 von Quasar wurde im Juli 2019 veröffentlicht. Die erste Quasar-Konferenz fand im Juli 2020 statt.<ref>{{cite news \|title=Quasar.conf 2020 \|date=2020-07-05 \|language=en}}</ref> Quasar v2 (mit Vue.js 3) wurde im Juni 2021 mit der Version 2.0.0 stabil. Wie [[Nuxt]], hat Quasar eine wachsende Community und ist relativ beliebt.<ref name="Grundlagen">{{Literatur \|Autor=Fabian Deitelhoff\|Online=https://www.google.com/books/edition/Vue_js/bgWBEAAAQBAJ \|Seiten=211–212\|Titel=Vue.js: Von Grundlagen bis Best Practices \|Abruf=2025-04-19}}</ref>

Invisigoth67: Website ≠ Webseite; form

2025-04-20T06:28:04Z

Website ≠ Webseite; form

← Nächstältere Version		Version vom 20. April 2025, 08:28 Uhr
Zeile 16:		Zeile 16:
	}}		}}

	Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein [[Freie Software\|open source]] auf [[Vue.js]] basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.		Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein [[Freie Software\|open source]] auf [[Vue.js]] basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.<ref>{{cite video \|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>
	<ref>{{cite video \|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>

	== Übersicht ==		== Übersicht ==
	Quasar konzentriert sich auf die schnelle Entwicklung von [[Vue.js\|VueJS]]-Benutzeroberflächen. Der Benutzer muss nur einen einzigen Quellcode für alle [[Plattform (Computer)\|Plattformen]] schreiben: responsive Desktop-/Mobil-Websites ([[Single-Page Application\|SPA]], SSR + SPA-Client-Übernahme, SSR + PWA-Client-Übernahme), PWAs ([[Progressive Web App~~\|Progressive Web Apps~~]]), [[mobile App]]s (mit nativem Aussehen) und plattformübergreifende Desktop-Apps (über [[Electron (Framework)\|Electron]]) sowie [[Browsererweiterung~~\|Browsererweiterungen~~]].<ref name="was ist quasar"/><ref name="smm"/>		Quasar konzentriert sich auf die schnelle Entwicklung von [[Vue.js\|VueJS]]-Benutzeroberflächen. Der Benutzer muss nur einen einzigen Quellcode für alle [[Plattform (Computer)\|Plattformen]] schreiben: responsive Desktop-/Mobil-Websites ([[Single-Page Application\|SPA]], SSR + SPA-Client-Übernahme, SSR + PWA-Client-Übernahme), PWAs ([[Progressive Web App]]s), [[mobile App]]s (mit nativem Aussehen) und plattformübergreifende Desktop-Apps (über [[Electron (Framework)\|Electron]]) sowie [[Browsererweiterung]]en.<ref name="was ist quasar"/><ref name="smm"/>

	Zudem können egal um welche Plattform es sich handelt die gleichen Quasar Komponenten genutzt werden. Quasar wurde mit Blick auf Leistung, Reaktionsfähigkeit und Interoperabilität entwickelt.<ref name="was ist quasar"/> Durch die Effizienz kann die Entwicklungszeit drastisch gekürzt werden.<ref name="hci"/><ref name="Grundlagen"/> Aufgrund der vielen vorgefertigten Komponenten<ref>{{Internetquelle \|autor= \|url=https://www.sitepoint.com/vue-js-quasar-framework/ \|titel=SitePoint \|werk=sitepoint.com \|datum=2019-05-30 \|abruf=2025-04-19}}</ref> und den integrierten vorkonfigurierten Tools<ref name="theseus"/> wird die eigentliche Entwicklung zudem sehr vereinfacht. Die Software steht unter der freien [[MIT-Lizenz]].<ref name="lizenz">{{cite web \|language=en\|title = Quasar/LICENSE \|url = https://github.com/quasarframework/new-issue.quasar.dev/blob/master/LICENSE \|website = GitHub \|access-date = ~~May 20,~~ 2020 }}</ref> Die Nutzeroberfläche hat ein Material Design.<ref name="smm">{{Internetquelle \|autor= \|url=https://www.smashingmagazine.com/2021/10/introduction-quasar-framework-cross-platform-applications/ \|titel=An Introduction To Quasar Framework: Building Cross-Platform Applications — Smashing Magazine \|werk=smashingmagazine.com \|datum=2021-10-23 \|abruf=2025-04-19}}</ref>		Zudem können egal um welche Plattform es sich handelt die gleichen Quasar Komponenten genutzt werden. Quasar wurde mit Blick auf Leistung, Reaktionsfähigkeit und Interoperabilität entwickelt.<ref name="was ist quasar"/> Durch die Effizienz kann die Entwicklungszeit drastisch gekürzt werden.<ref name="hci"/><ref name="Grundlagen"/> Aufgrund der vielen vorgefertigten Komponenten<ref>{{Internetquelle \|autor= \|url=https://www.sitepoint.com/vue-js-quasar-framework/ \|titel=SitePoint \|werk=sitepoint.com \|datum=2019-05-30 \|abruf=2025-04-19}}</ref> und den integrierten vorkonfigurierten Tools<ref name="theseus"/> wird die eigentliche Entwicklung zudem sehr vereinfacht. Die Software steht unter der freien [[MIT-Lizenz]].<ref name="lizenz">{{cite web \|language=en\|title = Quasar/LICENSE \|url = https://github.com/quasarframework/new-issue.quasar.dev/blob/master/LICENSE \|website = GitHub \|access-date = 2020-05-20 }}</ref> Die Nutzeroberfläche hat ein Material Design.<ref name="smm">{{Internetquelle \|autor= \|url=https://www.smashingmagazine.com/2021/10/introduction-quasar-framework-cross-platform-applications/ \|titel=An Introduction To Quasar Framework: Building Cross-Platform Applications — Smashing Magazine \|werk=smashingmagazine.com \|datum=2021-10-23 \|abruf=2025-04-19}}</ref>

	== Geschichte ==		== Geschichte ==
	Quasar wurde von dem Rumänen Razvan Stoenescu entwickelt, nachdem er für [[IBM]] und [[Lenovo]] gearbeitet hatte. Dabei verwendete er ständig neue und unterschiedliche Softwaretools, um alle verschiedenen Arten von iOS-Apps, Android-Apps, Webanwendungen, Windows-Desktop-Apps, Apple-Desktop-Apps und PWAs. Später fasste er seinen Gedankengang wie folgt zusammen (übersetzt): „Ich sehnte mich nach einem einzigen Framework, das die gesamte Komplexität beseitigt und all diese verschiedenen App-Varianten aus einer einzigen Codebasis erstellt. Da ich ein solch mythisches Tool nicht finden konnte, beschloss ich, es selbst zu entwickeln.“<ref name="history"/><ref name="was ist quasar">{{cite web \|title=Leitfaden: Was ist Quasar? \|language=en \|url=https://quasar.dev/introduction-to-quasar#What-is-Quasar%3F#What-is-Quasar-js \|website=Quasar Framework \|access-date=~~May~~ 20~~, 2020~~}}</ref> Quasar wird von einem kleinen Team aus Entwicklern (auch „Kernteam“ genannt) und Mitwirkenden gepflegt. Die meisten Mitglieder des Kernteams arbeiten derzeit bei verschiedenen Unternehmen wie [[Lenovo]], IntelliView Technologies Inc. und AG Development Services. <ref>{{cite web\|url=https://quasar.dev/meet-the-team\|title=Meet the Team — Quasar Framework\|website=quasar-framework.org\|language=en\|access-date=2020-05-20}}</ref>		Quasar wurde von dem Rumänen Razvan Stoenescu entwickelt, nachdem er für [[IBM]] und [[Lenovo]] gearbeitet hatte. Dabei verwendete er ständig neue und unterschiedliche Softwaretools, um alle verschiedenen Arten von iOS-Apps, Android-Apps, Webanwendungen, Windows-Desktop-Apps, Apple-Desktop-Apps und PWAs. Später fasste er seinen Gedankengang wie folgt zusammen (übersetzt): „Ich sehnte mich nach einem einzigen Framework, das die gesamte Komplexität beseitigt und all diese verschiedenen App-Varianten aus einer einzigen Codebasis erstellt. Da ich ein solch mythisches Tool nicht finden konnte, beschloss ich, es selbst zu entwickeln.“<ref name="history"/><ref name="was ist quasar">{{cite web \|title=Leitfaden: Was ist Quasar? \|language=en \|url=https://quasar.dev/introduction-to-quasar#What-is-Quasar%3F#What-is-Quasar-js \|website=Quasar Framework \|access-date=2020-05-20}}</ref> Quasar wird von einem kleinen Team aus Entwicklern (auch „Kernteam“ genannt) und Mitwirkenden gepflegt. Die meisten Mitglieder des Kernteams arbeiten derzeit bei verschiedenen Unternehmen wie [[Lenovo]], IntelliView Technologies Inc. und AG Development Services.<ref>{{cite web\|url=https://quasar.dev/meet-the-team\|title=Meet the Team — Quasar Framework\|website=quasar-framework.org\|language=en\|access-date=2020-05-20}}</ref>

	Der erste Quellcode-[[Commit (Versionskontrolle)\|Commit]] für das Projekt stammte aus dem Jahr 2015,<ref name="history">{{cite web \|first=Razvan \|last=Stoenescu \|language=en\|url = https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b/ \|title = Why every Vue developer should be excited by Quasar 1.0 \|website = Quasar Framework \|date = ~~July 3,~~ 2019 }}</ref> und die stabile Version 1.0 von Quasar wurde im Juli 2019 veröffentlicht. Die erste Quasar-Konferenz fand im Juli 2020 statt. <ref>{{cite news \|title=Quasar.conf 2020 \|date=2020-07-05 \|language=en}}</ref> Quasar v2 (mit Vue.js 3) wurde im Juni 2021 mit der Version 2.0.0 stabil. Wie [[Nuxt]], hat Quasar eine wachsende Community und ist relativ beliebt.<ref name="Grundlagen">{{Literatur \|Autor=Fabian Deitelhoff\|Online=https://www.google.com/books/edition/Vue_js/bgWBEAAAQBAJ \|Seiten=211–212\|Titel=Vue.js: Von Grundlagen bis Best Practices \|Abruf=2025-04-19}}</ref>		Der erste Quellcode-[[Commit (Versionskontrolle)\|Commit]] für das Projekt stammte aus dem Jahr 2015,<ref name="history">{{cite web \|first=Razvan \|last=Stoenescu \|language=en\|url = https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b/ \|title = Why every Vue developer should be excited by Quasar 1.0 \|website = Quasar Framework \|date = 2019-07-03 }}</ref> und die stabile Version 1.0 von Quasar wurde im Juli 2019 veröffentlicht. Die erste Quasar-Konferenz fand im Juli 2020 statt.<ref>{{cite news \|title=Quasar.conf 2020 \|date=2020-07-05 \|language=en}}</ref> Quasar v2 (mit Vue.js 3) wurde im Juni 2021 mit der Version 2.0.0 stabil. Wie [[Nuxt]], hat Quasar eine wachsende Community und ist relativ beliebt.<ref name="Grundlagen">{{Literatur \|Autor=Fabian Deitelhoff\|Online=https://www.google.com/books/edition/Vue_js/bgWBEAAAQBAJ \|Seiten=211–212\|Titel=Vue.js: Von Grundlagen bis Best Practices \|Abruf=2025-04-19}}</ref>

	== Funktionen ==		== Funktionen ==
	=== Komponenten ===		=== Komponenten ===
	Quasar-Apps werden erstellt mit [https://quasar.dev/start/how-to-use-vue#vue-single-file-components-sfc- Vue Single File Components] und [https://quasar.dev/start/how-to-use-vue#using-quasar-components Quasar Components]. Vue Single-File-Komponenten enthalten mehrere Abschnitte: Vorlage (HTML), Skript (Javascript) und Stil (CSS/Stylus/SASS/SCSS/Less) – alles in derselben Datei. <ref>{{cite web \|url = https://quasar.dev/start/how-to-use-vue#Vue-Single-File-Components-(SFC) \|title = Vue Single File Components (SFC) — Quasar Framework \|access-date = 22~~. Mai 2020~~ \|language = en }}</ref> Quasar nutzt [[Node.js]] und [[webpack]] die vorkonfiguriert sind.<ref name="theseus"/>		Quasar-Apps werden erstellt mit [https://quasar.dev/start/how-to-use-vue#vue-single-file-components-sfc- Vue Single File Components] und [https://quasar.dev/start/how-to-use-vue#using-quasar-components Quasar Components]. Vue Single-File-Komponenten enthalten mehrere Abschnitte: Vorlage (HTML), Skript (Javascript) und Stil (CSS/Stylus/SASS/SCSS/Less) – alles in derselben Datei.<ref>{{cite web \|url = https://quasar.dev/start/how-to-use-vue#Vue-Single-File-Components-(SFC) \|title = Vue Single File Components (SFC) — Quasar Framework \|access-date = 2020-05-22 \|language = en }}</ref> Quasar nutzt [[Node.js]] und [[webpack]] die vorkonfiguriert sind.<ref name="theseus"/>
	Der folgende Codeausschnitt zeigt ein Beispiel für die Struktur einer Vue Single-File-Komponente:		Der folgende Codeausschnitt zeigt ein Beispiel für die Struktur einer Vue Single-File-Komponente:
	<syntaxhighlight lang="html" line="1">		<syntaxhighlight lang="html" line="1">
Zeile 66:		Zeile 65:
	:** Capacitor		:** Capacitor
	:** [[Electron (Framework)\|Electron]]		:** [[Electron (Framework)\|Electron]]
	:** [[Browsererweiterung~~\|Browsererweiterungen~~]]		:** [[Browsererweiterung]]en
	; Quasar UI		; Quasar UI
	: Eine umfassende Bibliothek von Benutzeroberflächenkomponenten für den Einsatz in Quasar-Anwendungen.		: Eine umfassende Bibliothek von Benutzeroberflächenkomponenten für den Einsatz in Quasar-Anwendungen.
Zeile 78:		Zeile 77:
	<references />		<references />

	== ~~Externe Links~~ ==		== Weblinks ==
	* [https://quasar.dev/ ~~Webseite~~]		* [https://quasar.dev/ Website]
	* [https://github.com/quasarframework GitHub Repository]		* [https://github.com/quasarframework GitHub Repository]

APPERbot: Bot: doppelten Parameter entfernt, Groß-/Kleinschreibung der Vorlage(n) wie durch {{SEITENTITEL:}} vorgegeben

2025-04-20T02:57:59Z

Bot: doppelten Parameter entfernt, Groß-/Kleinschreibung der Vorlage(n) wie durch {{SEITENTITEL:}} vorgegeben

← Nächstältere Version		Version vom 20. April 2025, 04:57 Uhr
Zeile 17:		Zeile 17:

	Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein [[Freie Software\|open source]] auf [[Vue.js]] basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.		Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein [[Freie Software\|open source]] auf [[Vue.js]] basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.
	<ref>{{cite video ~~\|language=en~~\|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>		<ref>{{cite video \|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>

	== Übersicht ==		== Übersicht ==
Zeile 25:		Zeile 25:

	== Geschichte ==		== Geschichte ==
	Quasar wurde von dem Rumänen Razvan Stoenescu entwickelt, nachdem er für [[IBM]] und [[Lenovo]] gearbeitet hatte. Dabei verwendete er ständig neue und unterschiedliche Softwaretools, um alle verschiedenen Arten von iOS-Apps, Android-Apps, Webanwendungen, Windows-Desktop-Apps, Apple-Desktop-Apps und PWAs. Später fasste er seinen Gedankengang wie folgt zusammen (übersetzt): „Ich sehnte mich nach einem einzigen Framework, das die gesamte Komplexität beseitigt und all diese verschiedenen App-Varianten aus einer einzigen Codebasis erstellt. Da ich ein solch mythisches Tool nicht finden konnte, beschloss ich, es selbst zu entwickeln.“<ref name="history"/><ref name="was ist quasar">{{cite web \|title=Leitfaden: Was ist Quasar? \|language=en \|url=https://quasar.dev/introduction-to-quasar#What-is-Quasar%3F#What-is-Quasar-js \|website=Quasar Framework \|access-date=May 20, 2020}}</ref> Quasar wird von einem kleinen Team aus Entwicklern (auch „Kernteam“ genannt) und Mitwirkenden gepflegt. Die meisten Mitglieder des Kernteams arbeiten derzeit bei verschiedenen Unternehmen wie [[Lenovo]], IntelliView Technologies Inc. und AG Development Services. <ref>{{~~Cite~~ web\|url=https://quasar.dev/meet-the-team\|title=Meet the Team — Quasar Framework\|website=quasar-framework.org\|language=en\|access-date=2020-05-20}}</ref>		Quasar wurde von dem Rumänen Razvan Stoenescu entwickelt, nachdem er für [[IBM]] und [[Lenovo]] gearbeitet hatte. Dabei verwendete er ständig neue und unterschiedliche Softwaretools, um alle verschiedenen Arten von iOS-Apps, Android-Apps, Webanwendungen, Windows-Desktop-Apps, Apple-Desktop-Apps und PWAs. Später fasste er seinen Gedankengang wie folgt zusammen (übersetzt): „Ich sehnte mich nach einem einzigen Framework, das die gesamte Komplexität beseitigt und all diese verschiedenen App-Varianten aus einer einzigen Codebasis erstellt. Da ich ein solch mythisches Tool nicht finden konnte, beschloss ich, es selbst zu entwickeln.“<ref name="history"/><ref name="was ist quasar">{{cite web \|title=Leitfaden: Was ist Quasar? \|language=en \|url=https://quasar.dev/introduction-to-quasar#What-is-Quasar%3F#What-is-Quasar-js \|website=Quasar Framework \|access-date=May 20, 2020}}</ref> Quasar wird von einem kleinen Team aus Entwicklern (auch „Kernteam“ genannt) und Mitwirkenden gepflegt. Die meisten Mitglieder des Kernteams arbeiten derzeit bei verschiedenen Unternehmen wie [[Lenovo]], IntelliView Technologies Inc. und AG Development Services. <ref>{{cite web\|url=https://quasar.dev/meet-the-team\|title=Meet the Team — Quasar Framework\|website=quasar-framework.org\|language=en\|access-date=2020-05-20}}</ref>

	Der erste Quellcode-[[Commit (Versionskontrolle)\|Commit]] für das Projekt stammte aus dem Jahr 2015,<ref name="history">{{~~Cite~~ web \|first=Razvan \|last=Stoenescu \|language=en\|url = https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b/ \|title = Why every Vue developer should be excited by Quasar 1.0 \|website = Quasar Framework \|date = July 3, 2019 }}</ref> und die stabile Version 1.0 von Quasar wurde im Juli 2019 veröffentlicht. Die erste Quasar-Konferenz fand im Juli 2020 statt. <ref>{{~~Cite~~ news \|title=Quasar.conf 2020 \|date=2020-07-05 \|language=en}}</ref> Quasar v2 (mit Vue.js 3) wurde im Juni 2021 mit der Version 2.0.0 stabil. Wie [[Nuxt]], hat Quasar eine wachsende Community und ist relativ beliebt.<ref name="Grundlagen">{{Literatur \|Autor=Fabian Deitelhoff\|Online=https://www.google.com/books/edition/Vue_js/bgWBEAAAQBAJ \|Seiten=211–212\|Titel=Vue.js: Von Grundlagen bis Best Practices \|Abruf=2025-04-19}}</ref>		Der erste Quellcode-[[Commit (Versionskontrolle)\|Commit]] für das Projekt stammte aus dem Jahr 2015,<ref name="history">{{cite web \|first=Razvan \|last=Stoenescu \|language=en\|url = https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b/ \|title = Why every Vue developer should be excited by Quasar 1.0 \|website = Quasar Framework \|date = July 3, 2019 }}</ref> und die stabile Version 1.0 von Quasar wurde im Juli 2019 veröffentlicht. Die erste Quasar-Konferenz fand im Juli 2020 statt. <ref>{{cite news \|title=Quasar.conf 2020 \|date=2020-07-05 \|language=en}}</ref> Quasar v2 (mit Vue.js 3) wurde im Juni 2021 mit der Version 2.0.0 stabil. Wie [[Nuxt]], hat Quasar eine wachsende Community und ist relativ beliebt.<ref name="Grundlagen">{{Literatur \|Autor=Fabian Deitelhoff\|Online=https://www.google.com/books/edition/Vue_js/bgWBEAAAQBAJ \|Seiten=211–212\|Titel=Vue.js: Von Grundlagen bis Best Practices \|Abruf=2025-04-19}}</ref>

	== Funktionen ==		== Funktionen ==
	=== Komponenten ===		=== Komponenten ===
	Quasar-Apps werden erstellt mit [https://quasar.dev/start/how-to-use-vue#vue-single-file-components-sfc- Vue Single File Components] und [https://quasar.dev/start/how-to-use-vue#using-quasar-components Quasar Components]. Vue Single-File-Komponenten enthalten mehrere Abschnitte: Vorlage (HTML), Skript (Javascript) und Stil (CSS/Stylus/SASS/SCSS/Less) – alles in derselben Datei. <ref>{{~~Cite~~ web \|url = https://quasar.dev/start/how-to-use-vue#Vue-Single-File-Components-(SFC) \|title = Vue Single File Components (SFC) — Quasar Framework \|access-date = 22. Mai 2020 \|language = en }}</ref> Quasar nutzt [[Node.js]] und [[webpack]] die vorkonfiguriert sind.<ref name="theseus"/>		Quasar-Apps werden erstellt mit [https://quasar.dev/start/how-to-use-vue#vue-single-file-components-sfc- Vue Single File Components] und [https://quasar.dev/start/how-to-use-vue#using-quasar-components Quasar Components]. Vue Single-File-Komponenten enthalten mehrere Abschnitte: Vorlage (HTML), Skript (Javascript) und Stil (CSS/Stylus/SASS/SCSS/Less) – alles in derselben Datei. <ref>{{cite web \|url = https://quasar.dev/start/how-to-use-vue#Vue-Single-File-Components-(SFC) \|title = Vue Single File Components (SFC) — Quasar Framework \|access-date = 22. Mai 2020 \|language = en }}</ref> Quasar nutzt [[Node.js]] und [[webpack]] die vorkonfiguriert sind.<ref name="theseus"/>
	Der folgende Codeausschnitt zeigt ein Beispiel für die Struktur einer Vue Single-File-Komponente:		Der folgende Codeausschnitt zeigt ein Beispiel für die Struktur einer Vue Single-File-Komponente:
	<syntaxhighlight lang="html" line="1">		<syntaxhighlight lang="html" line="1">

Holmium: /* Offizielle Tools */ param-fix

2025-04-19T20:41:16Z

Offizielle Tools: param-fix

← Nächstältere Version		Version vom 19. April 2025, 22:41 Uhr
Zeile 62:		Zeile 62:
	:** Web		:** Web
	:** [[Progressive Web App\|Progressive Webanwendungen (PWA)]]		:** [[Progressive Web App\|Progressive Webanwendungen (PWA)]]
	:** Serverseitiges Rendering (SSR)<ref>{{Internetquelle \|autor=Ralph Steyer \|url=https://link.springer.com/chapter/10.1007/978-3-658-27170-1_12 \|titel=Ausblicke – Was gibt es noch in Vue.js? ~~{{!}} SpringerLink~~ \|werk=~~link.springer.com~~ \|sprache=en \|datum=2019-10-29 \|abruf=2025-04-19}}</ref>		:** Serverseitiges Rendering (SSR)<ref>{{Internetquelle \|autor=Ralph Steyer \|url=https://link.springer.com/chapter/10.1007/978-3-658-27170-1_12 \|titel=Ausblicke – Was gibt es noch in Vue.js? \|werk=SpringerLink \|sprache=de \|datum=2019-10-29 \|abruf=2025-04-19}}</ref>
	:** [[Apache Cordova\|Cordova]]		:** [[Apache Cordova\|Cordova]]
	:** Capacitor		:** Capacitor

Holmium: /* Einzelnachweise */ fix; Weblink war doppelt im Artikel

2025-04-19T20:39:44Z

Einzelnachweise: fix; Weblink war doppelt im Artikel

← Nächstältere Version		Version vom 19. April 2025, 22:39 Uhr
Zeile 76:		Zeile 76:

	== Einzelnachweise ==		== Einzelnachweise ==
	<references/>		<references />
	* [https://quasar.dev/ Quasar Framework Guide]

	== Externe Links ==		== Externe Links ==

Holmium: - kat

2025-04-19T20:12:58Z

- kat

← Nächstältere Version		Version vom 19. April 2025, 22:12 Uhr
Zeile 83:		Zeile 83:
	* [https://github.com/quasarframework GitHub Repository]		* [https://github.com/quasarframework GitHub Repository]

	[[Kategorie:2015]]
	[[Kategorie:JavaScript-Bibliothek]]		[[Kategorie:JavaScript-Bibliothek]]
	[[Kategorie:Webframework]]		[[Kategorie:Webframework]]

Prototyperspective: ce

2025-04-19T20:11:23Z

← Nächstältere Version		Version vom 19. April 2025, 22:11 Uhr
Zeile 16:		Zeile 16:
	}}		}}

	Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein ~~auf~~ [[Freie Software\|~~Open-Source~~]] [[Vue.js]] basierendes Framework zum Erstellen von Apps mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.		Das '''Quasar Framework''' (allgemein als '''Quasar''' bezeichnet<ref name="was ist quasar"/><ref name="theseus">{{Internetquelle \|autor= \|url=https://www.theseus.fi/handle/10024/490108 \|titel=Web application development with Vue.js - Theseus \|werk=theseus.fi \|sprache=en\|abruf=2025-04-19}}</ref>) ist ein [[Freie Software\|open source]] auf [[Vue.js]] basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als [[Single-Page Application\|SPA]], [[Progressive Web App\|PWA]], und SSR, für mobile Apps mit [[Apache Cordova\|Cordova]] für [[iOS]] und [[Android (Betriebssystem)\|Android]] sowie für Desktop-Apps mit [[Electron (Framework)\|Electron]] für [[Macintosh\|Mac]], [[Microsoft Windows\|Windows]] und [[Linux]] eingesetzt werden.
	<ref>{{cite video \|language=en\|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>		<ref>{{cite video \|language=en\|people=Danny Connell \|title=Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps \|date=2020 \|publisher=[[Udemy]] \|url=https://www.udemy.com/course/quasarframework/ \|language=en}}</ref><ref name="was ist quasar"/><ref name="hci">[https://www.csl.mtu.edu/classes/cs4760/www/projects/s23/grad8/www/cs%205760%20-%20Topic%20Paper.pdf HCI : Web Design]</ref><ref name="theseus"/><ref name="Grundlagen"/>