https://de.wikipedia.org/w/index.php?action=history&feed=atom&title=Isomorphes_JavaScript
Isomorphes JavaScript - Versionsgeschichte
2025-06-07T18:03:14Z
Versionsgeschichte dieser Seite in Wikipedia
MediaWiki 1.45.0-wmf.4
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=255922219&oldid=prev
Trustable: Kleinigkeiten verbessert
2025-05-11T17:44:11Z
<p>Kleinigkeiten verbessert</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 11. Mai 2025, 19:44 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 17:</td>
<td colspan="2" class="diff-lineno">Zeile 17:</td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Es wurden mehrere Frameworks für isomorphes JavaScript erstellt, vor allem sind [[Meteor (Webframework)|Meteor]] und [[React]] zu nennen. Weitere sind:</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Es wurden mehrere Frameworks für isomorphes JavaScript erstellt, vor allem sind [[Meteor (Webframework)|Meteor]] und [[React]] zu nennen. Weitere sind:</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [https://rendrjs.github.io/ Rendr]</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Rendr<ref></ins>[https://rendrjs.github.io/ Rendr]<ins style="font-weight: bold; text-decoration: none;"></ref></ins></div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [https://nuxtjs.org/ Nuxt]</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Nuxt<ref></ins>[https://nuxtjs.org/ Nuxt]<ins style="font-weight: bold; text-decoration: none;"></ref></ins></div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [http://derbyjs.com/ Derby]</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Derby<ref></ins>[http://derbyjs.com/ Derby]<ins style="font-weight: bold; text-decoration: none;"></ref></ins></div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [http://haskell-miso.org/ Miso]</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Miso<ref></ins>[http://haskell-miso.org/ Miso]<ins style="font-weight: bold; text-decoration: none;"></ref></ins></div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [http://ezeljs.com/ Ezel]</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Ezel<ref></ins>[http://ezeljs.com/ Ezel]<ins style="font-weight: bold; text-decoration: none;"></ref></ins></div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [http://catberry.org/ Catberry]<del style="font-weight: bold; text-decoration: none;">.</del></div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Catberry.<ref></ins>[http://catberry.org/ Catberry]<ins style="font-weight: bold; text-decoration: none;"></ref></ins></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:<del style="font-weight: bold; text-decoration: none;">ECMAScript</del>]]</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:<ins style="font-weight: bold; text-decoration: none;">JavaScript</ins>]]</div></td>
</tr>
</table>
Trustable
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=243022709&oldid=prev
Invisigoth67: Steuerzeichen entfernt/ersetzt
2024-03-11T16:07:31Z
<p>Steuerzeichen entfernt/ersetzt</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 11. März 2024, 18:07 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 2:</td>
<td colspan="2" class="diff-lineno">Zeile 2:</td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Mechanismus ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Mechanismus ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Isomorphes JavaScript wird im Zusammenhang mit [[Single-Page-Webanwendung|Single-Page-Anwendungen]] (SPA) verwendet. In einer typischen SPA ist der größte Teil der Geschäftslogik, einschließlich des [[Webframework|Routings]], in einer<del style="font-weight: bold; text-decoration: none;"> </del> JavaScript-Datei gebündelt, die zum Client gesendet wird. Obwohl dies den Server entlastet, da er nicht mehrere Anfragen zu bearbeiten hat, macht es doch den Start für den Nutzer langsamer, da die gesamte Webanwendung zum Client gesendet werden muss.</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Isomorphes JavaScript wird im Zusammenhang mit [[Single-Page-Webanwendung|Single-Page-Anwendungen]] (SPA) verwendet. In einer typischen SPA ist der größte Teil der Geschäftslogik, einschließlich des [[Webframework|Routings]], in einer JavaScript-Datei gebündelt, die zum Client gesendet wird. Obwohl dies den Server entlastet, da er nicht mehrere Anfragen zu bearbeiten hat, macht es doch den Start für den Nutzer langsamer, da die gesamte Webanwendung zum Client gesendet werden muss.</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Mit isomorphem JavaScript wird bei der ersten Anfrage vom Client die Ansicht der Seite auf dem Server berechnet, ähnlich zu serverseitigen [[Webseite#Dynamische Webseiten|Websites]], und dann zum Client gesendet. Der Client kann dadurch die Ansicht unverzüglich rendern. Nachdem die Startansicht erzeugt wurde, wird die gesamte SPA im Hintergrund heruntergeladen und nachfolgende Aktionen werden auf der Client-Seite bearbeitet.</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Mit isomorphem JavaScript wird bei der ersten Anfrage vom Client die Ansicht der Seite auf dem Server berechnet, ähnlich zu serverseitigen [[Webseite#Dynamische Webseiten|Websites]], und dann zum Client gesendet. Der Client kann dadurch die Ansicht unverzüglich rendern. Nachdem die Startansicht erzeugt wurde, wird die gesamte SPA im Hintergrund heruntergeladen und nachfolgende Aktionen werden auf der Client-Seite bearbeitet.</div></td>
</tr>
</table>
Invisigoth67
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=228103982&oldid=prev
InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.2
2022-11-19T07:36:36Z
<p><a href="/wiki/Benutzer:InternetArchiveBot" title="Benutzer:InternetArchiveBot">InternetArchiveBot</a> hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.2</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 19. November 2022, 09:36 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 7:</td>
<td colspan="2" class="diff-lineno">Zeile 7:</td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Der Ursprung des Namens 'Isomorphes JavaScript' ist umstritten.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|accessdate=2017-06-15}}</ref> Der Begriff 'isomorph' wurde zuerst von Charlie Robbins von Nodejitsu in einem der Blog-Einträge des Unternehmens geprägt.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.|accessdate=2017-06-15|last=Inc.|first=Nodejitsu}}</ref> Spike Brehm, ein Softwareentwickler von [[Airbnb]], verwendete in einem anderen Blog-Eintrag denselben Begriff.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps|date=2013-11-11|accessdate=2017-06-15|last=AirbnbEng}}</ref> Davon unabhängig wurde von anderen vorgeschlagen, stattdessen den Begriff 'Universelles JavaScript' zu verwenden.<ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript|date=2015-06-08|accessdate=2017-06-15|last=Jackson|first=Michael}}</ref></div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Der Ursprung des Namens 'Isomorphes JavaScript' ist umstritten.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|accessdate=2017-06-15}}</ref> Der Begriff 'isomorph' wurde zuerst von Charlie Robbins von Nodejitsu in einem der Blog-Einträge des Unternehmens geprägt.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.|accessdate=2017-06-15|last=Inc.|first=Nodejitsu<ins style="font-weight: bold; text-decoration: none;">|archiveurl=https://web.archive.org/web/20170703210112/https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|archivedate=2017-07-03|offline=yes|archivebot=2022-11-19 07:36:36 InternetArchiveBot</ins>}}</ref> Spike Brehm, ein Softwareentwickler von [[Airbnb]], verwendete in einem anderen Blog-Eintrag denselben Begriff.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps|date=2013-11-11|accessdate=2017-06-15|last=AirbnbEng}}</ref> Davon unabhängig wurde von anderen vorgeschlagen, stattdessen den Begriff 'Universelles JavaScript' zu verwenden.<ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript|date=2015-06-08|accessdate=2017-06-15|last=Jackson|first=Michael}}</ref></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Vorteile ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Vorteile ==</div></td>
</tr>
</table>
InternetArchiveBot
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=188634623&oldid=prev
Starkiller3010: Weblink aus Fließtext entfernt (WP:WEB) Form
2019-05-16T14:42:27Z
<p>Weblink aus Fließtext entfernt (WP:WEB) Form</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 16. Mai 2019, 16:42 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 16:</td>
<td colspan="2" class="diff-lineno">Zeile 16:</td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Es wurden mehrere Frameworks für isomorphes JavaScript erstellt, vor allem sind [[Meteor (Webframework)|Meteor]] und [[React]] zu nennen. Weitere sind [https://rendrjs.github.io/ Rendr]<del style="font-weight: bold; text-decoration: none;">,</del> [https://nuxtjs.org/ Nuxt]<del style="font-weight: bold; text-decoration: none;">,</del> [http://derbyjs.com/ Derby]<del style="font-weight: bold; text-decoration: none;">,</del> [http://haskell-miso.org/ Miso]<del style="font-weight: bold; text-decoration: none;">,</del> [http://ezeljs.com/ Ezel]<del style="font-weight: bold; text-decoration: none;"> und</del> [http://catberry.org/ Catberry].</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Es wurden mehrere Frameworks für isomorphes JavaScript erstellt, vor allem sind [[Meteor (Webframework)|Meteor]] und [[React]] zu nennen. Weitere sind<ins style="font-weight: bold; text-decoration: none;">:</ins></div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*</ins> [https://rendrjs.github.io/ Rendr]</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*</ins> [https://nuxtjs.org/ Nuxt]</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*</ins> [http://derbyjs.com/ Derby]</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*</ins> [http://haskell-miso.org/ Miso]</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*</ins> [http://ezeljs.com/ Ezel]</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*</ins> [http://catberry.org/ Catberry].</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
</tr>
</table>
Starkiller3010
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=187687870&oldid=prev
Kickbeak: /* Frameworks */ Hinzufügen eines weiteren Frameworks das Universal JS Unterstüzt
2019-04-18T20:01:49Z
<p><span class="autocomment">Frameworks: </span> Hinzufügen eines weiteren Frameworks das Universal JS Unterstüzt</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 18. April 2019, 22:01 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 16:</td>
<td colspan="2" class="diff-lineno">Zeile 16:</td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Es wurden mehrere Frameworks für isomorphes JavaScript erstellt, vor allem sind [[Meteor (Webframework)|Meteor]] und [[React]] zu nennen. Weitere sind [https://rendrjs.github.io/ Rendr], [http://derbyjs.com/ Derby], [http://haskell-miso.org/ Miso], [http://ezeljs.com/ Ezel] und [http://catberry.org/ Catberry].</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Es wurden mehrere Frameworks für isomorphes JavaScript erstellt, vor allem sind [[Meteor (Webframework)|Meteor]] und [[React]] zu nennen. Weitere sind [https://rendrjs.github.io/ Rendr<ins style="font-weight: bold; text-decoration: none;">], [https://nuxtjs.org/ Nuxt</ins>], [http://derbyjs.com/ Derby], [http://haskell-miso.org/ Miso], [http://ezeljs.com/ Ezel] und [http://catberry.org/ Catberry].</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
</tr>
</table>
Kickbeak
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=182096921&oldid=prev
Aka: /* Vorteile */ Halbgeviertstrich
2018-10-24T11:16:06Z
<p><span class="autocomment">Vorteile: </span> Halbgeviertstrich</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 24. Oktober 2018, 13:16 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 13:</td>
<td colspan="2" class="diff-lineno">Zeile 13:</td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Schnelleres Laden der Seite</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Schnelleres Laden der Seite</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[Suchmaschinenoptimierung]] <del style="font-weight: bold; text-decoration: none;">-</del> da die Ansicht auf dem Server erzeugt wird, müssen [[Webcrawler]] nicht länger JavaScript starten, um eine Seite zu rendern und zu indizieren</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[Suchmaschinenoptimierung]] <ins style="font-weight: bold; text-decoration: none;">–</ins> da die Ansicht auf dem Server erzeugt wird, müssen [[Webcrawler]] nicht länger JavaScript starten, um eine Seite zu rendern und zu indizieren</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
</tr>
</table>
Aka
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=176388635&oldid=prev
Aka: Tippfehler entfernt, Links normiert
2018-04-11T19:17:16Z
<p>Tippfehler entfernt, Links normiert</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 11. April 2018, 21:17 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 4:</td>
<td colspan="2" class="diff-lineno">Zeile 4:</td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Isomorphes JavaScript wird im Zusammenhang mit [[Single-Page-Webanwendung|Single-Page-Anwendungen]] (SPA) verwendet. In einer typischen SPA ist der größte Teil der Geschäftslogik, einschließlich des [[Webframework|Routings]], in einer JavaScript-Datei gebündelt, die zum Client gesendet wird. Obwohl dies den Server entlastet, da er nicht mehrere Anfragen zu bearbeiten hat, macht es doch den Start für den Nutzer langsamer, da die gesamte Webanwendung zum Client gesendet werden muss.</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Isomorphes JavaScript wird im Zusammenhang mit [[Single-Page-Webanwendung|Single-Page-Anwendungen]] (SPA) verwendet. In einer typischen SPA ist der größte Teil der Geschäftslogik, einschließlich des [[Webframework|Routings]], in einer JavaScript-Datei gebündelt, die zum Client gesendet wird. Obwohl dies den Server entlastet, da er nicht mehrere Anfragen zu bearbeiten hat, macht es doch den Start für den Nutzer langsamer, da die gesamte Webanwendung zum Client gesendet werden muss.</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Mit isomorphem JavaScript wird bei der ersten Anfrage vom Client die Ansicht der Seite auf dem Server berechnet, ähnlich zu serverseitigen [[Webseite#<del style="font-weight: bold; text-decoration: none;">Dynamische_Webseiten</del>|Websites]], und dann zum Client gesendet. Der Client kann dadurch die Ansicht unverzüglich rendern. Nachdem die Startansicht erzeugt wurde, wird die gesamte SPA im Hintergrund heruntergeladen und nachfolgende Aktionen werden auf der Client-Seite bearbeitet.</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Mit isomorphem JavaScript wird bei der ersten Anfrage vom Client die Ansicht der Seite auf dem Server berechnet, ähnlich zu serverseitigen [[Webseite#<ins style="font-weight: bold; text-decoration: none;">Dynamische Webseiten</ins>|Websites]], und dann zum Client gesendet. Der Client kann dadurch die Ansicht unverzüglich rendern. Nachdem die Startansicht erzeugt wurde, wird die gesamte SPA im Hintergrund heruntergeladen und nachfolgende Aktionen werden auf der Client-Seite bearbeitet.</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Der Ursprung des Namens 'Isomorphes JavaScript' ist umstritten.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|accessdate=2017-06-15}}</ref> Der Begriff 'isomorph' wurde zuerst von Charlie Robbins von Nodejitsu in einem der Blog-Einträge des Unternehmens geprägt.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.|accessdate=2017-06-15|last=Inc.|first=Nodejitsu}}</ref> Spike Brehm, ein Softwareentwickler von [[Airbnb]], verwendete in einem anderen Blog-Eintrag <del style="font-weight: bold; text-decoration: none;">den selben</del> Begriff.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps|date=2013-11-11|accessdate=2017-06-15|last=AirbnbEng}}</ref> Davon unabhängig wurde von anderen vorgeschlagen, stattdessen den Begriff 'Universelles JavaScript' zu verwenden.<ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript|date=2015-06-08|accessdate=2017-06-15|last=Jackson|first=Michael}}</ref></div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Der Ursprung des Namens 'Isomorphes JavaScript' ist umstritten.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|accessdate=2017-06-15}}</ref> Der Begriff 'isomorph' wurde zuerst von Charlie Robbins von Nodejitsu in einem der Blog-Einträge des Unternehmens geprägt.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.|accessdate=2017-06-15|last=Inc.|first=Nodejitsu}}</ref> Spike Brehm, ein Softwareentwickler von [[Airbnb]], verwendete in einem anderen Blog-Eintrag <ins style="font-weight: bold; text-decoration: none;">denselben</ins> Begriff.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps|date=2013-11-11|accessdate=2017-06-15|last=AirbnbEng}}</ref> Davon unabhängig wurde von anderen vorgeschlagen, stattdessen den Begriff 'Universelles JavaScript' zu verwenden.<ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript|date=2015-06-08|accessdate=2017-06-15|last=Jackson|first=Michael}}</ref></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Vorteile ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Vorteile ==</div></td>
</tr>
</table>
Aka
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=176385791&oldid=prev
Chewbacca2205: Rücksetzung auf letzte deutsche Version
2018-04-11T17:51:10Z
<p>Rücksetzung auf letzte deutsche Version</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 11. April 2018, 19:51 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''<del style="font-weight: bold; text-decoration: none;">Isomorphic</del> JavaScript''', <del style="font-weight: bold; text-decoration: none;">also</del> <del style="font-weight: bold; text-decoration: none;">known</del> <del style="font-weight: bold; text-decoration: none;">as</del> '''<del style="font-weight: bold; text-decoration: none;">Universal</del> JavaScript''', <del style="font-weight: bold; text-decoration: none;">describes</del> [[JavaScript]] <del style="font-weight: bold; text-decoration: none;">applications</del> <del style="font-weight: bold; text-decoration: none;">which</del> <del style="font-weight: bold; text-decoration: none;">run</del> <del style="font-weight: bold; text-decoration: none;">both on the</del> [[Client<del style="font-weight: bold; text-decoration: none;"> (computing)|client</del>]] <del style="font-weight: bold; text-decoration: none;">and</del> <del style="font-weight: bold; text-decoration: none;">the</del> [[Server<del style="font-weight: bold; text-decoration: none;"> (computing)|server</del>]].</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''<ins style="font-weight: bold; text-decoration: none;">Isomorphes</ins> JavaScript''', <ins style="font-weight: bold; text-decoration: none;">auch</ins> <ins style="font-weight: bold; text-decoration: none;">bekannt</ins> <ins style="font-weight: bold; text-decoration: none;">als</ins> '''<ins style="font-weight: bold; text-decoration: none;">Universelles</ins> JavaScript''', <ins style="font-weight: bold; text-decoration: none;">beschreibt</ins> [[JavaScript]]<ins style="font-weight: bold; text-decoration: none;">-Anwendungen,</ins> <ins style="font-weight: bold; text-decoration: none;">die</ins> <ins style="font-weight: bold; text-decoration: none;">sowohl</ins> <ins style="font-weight: bold; text-decoration: none;">auf</ins> <ins style="font-weight: bold; text-decoration: none;">dem</ins> [[Client]] <ins style="font-weight: bold; text-decoration: none;">als</ins> <ins style="font-weight: bold; text-decoration: none;">auch auf dem</ins> [[Server]]<ins style="font-weight: bold; text-decoration: none;"> laufen</ins>.</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">Mechanism</del> ==</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">Mechanismus</ins> ==</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Isomorphes JavaScript wird im Zusammenhang mit [[Single-Page-Webanwendung|Single-Page-Anwendungen]] (SPA) verwendet. In einer typischen SPA ist der größte Teil der Geschäftslogik, einschließlich des [[Webframework|Routings]], in einer JavaScript-Datei gebündelt, die zum Client gesendet wird. Obwohl dies den Server entlastet, da er nicht mehrere Anfragen zu bearbeiten hat, macht es doch den Start für den Nutzer langsamer, da die gesamte Webanwendung zum Client gesendet werden muss.</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Isomorphic JavaScript works in the context of a [[single-page application]] (SPA). In a typical SPA, most of the application logic, including [[Web framework#URL mapping|routing]], is encapsulated in a bundled JavaScript file that's sent to the client. Whilst this frees up the server, as it does not have to handle so many requests, it also makes the initial load slow for the client, as the entire application needs to be sent over to the client.</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Mit isomorphem JavaScript wird bei der ersten Anfrage vom Client die Ansicht der Seite auf dem Server berechnet, ähnlich zu serverseitigen [[Webseite#Dynamische_Webseiten|Websites]], und dann zum Client gesendet. Der Client kann dadurch die Ansicht unverzüglich rendern. Nachdem die Startansicht erzeugt wurde, wird die gesamte SPA im Hintergrund heruntergeladen und nachfolgende Aktionen werden auf der Client-Seite bearbeitet.</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>With Isomorphic JavaScript, when a web page is first requested from the client, the view of the page is generated on the server, similar to [[Dynamic web page#Server-side scripting|server-side dynamic web pages]], and sent over to the client. The client can then render the view immediately. After the initial view is rendered, the complete SPA is downloaded in the background, and subsequent actions are handled client-side.</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">The</del> <del style="font-weight: bold; text-decoration: none;">naming</del> <del style="font-weight: bold; text-decoration: none;">of</del> <del style="font-weight: bold; text-decoration: none;">the term</del> '<del style="font-weight: bold; text-decoration: none;">Isomorphic</del> JavaScript' <del style="font-weight: bold; text-decoration: none;">has been a matter of</del> <del style="font-weight: bold; text-decoration: none;">controversy</del>.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|<del style="font-weight: bold; text-decoration: none;">website=2ality|access-date</del>=2017-06-15}}</ref> <del style="font-weight: bold; text-decoration: none;">The</del> <del style="font-weight: bold; text-decoration: none;">term</del> '<del style="font-weight: bold; text-decoration: none;">isomorphic</del>' <del style="font-weight: bold; text-decoration: none;">was first</del> <del style="font-weight: bold; text-decoration: none;">coined</del> <del style="font-weight: bold; text-decoration: none;">by</del> Charlie Robbins <del style="font-weight: bold; text-decoration: none;">from</del> <del style="font-weight: bold; text-decoration: none;">[[</del>Nodejitsu<del style="font-weight: bold; text-decoration: none;">]],</del> in <del style="font-weight: bold; text-decoration: none;">one</del> <del style="font-weight: bold; text-decoration: none;">of</del> <del style="font-weight: bold; text-decoration: none;">the</del> <del style="font-weight: bold; text-decoration: none;">company's</del> <del style="font-weight: bold; text-decoration: none;">blog</del> <del style="font-weight: bold; text-decoration: none;">posts</del>.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.|last=Inc.|first=Nodejitsu<del style="font-weight: bold; text-decoration: none;">|website=blog.nodejitsu.com|access-date=2017-06-15</del>}}</ref> Spike Brehm, <del style="font-weight: bold; text-decoration: none;">a</del> <del style="font-weight: bold; text-decoration: none;">software</del> <del style="font-weight: bold; text-decoration: none;">engineer from</del> [[Airbnb]], <del style="font-weight: bold; text-decoration: none;">wrote</del> <del style="font-weight: bold; text-decoration: none;">another</del> <del style="font-weight: bold; text-decoration: none;">blog</del> <del style="font-weight: bold; text-decoration: none;">post</del> <del style="font-weight: bold; text-decoration: none;">using</del> <del style="font-weight: bold; text-decoration: none;">the</del> <del style="font-weight: bold; text-decoration: none;">same</del> <del style="font-weight: bold; text-decoration: none;">term</del>.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps<del style="font-weight: bold; text-decoration: none;">|last=AirbnbEng</del>|date=2013-11-11|<del style="font-weight: bold; text-decoration: none;">website=Airbnb Engineering & Data Science|access-date</del>=2017-06-15}}</ref> <del style="font-weight: bold; text-decoration: none;">However,</del> <del style="font-weight: bold; text-decoration: none;">others</del> <del style="font-weight: bold; text-decoration: none;">have</del> <del style="font-weight: bold; text-decoration: none;">proposed</del> <del style="font-weight: bold; text-decoration: none;">to</del> <del style="font-weight: bold; text-decoration: none;">use</del> <del style="font-weight: bold; text-decoration: none;">the</del> <del style="font-weight: bold; text-decoration: none;">term</del> <del style="font-weight: bold; text-decoration: none;">Universal</del> JavaScript <del style="font-weight: bold; text-decoration: none;">instead</del>.<del style="font-weight: bold; text-decoration: none;"><ref name=":0" /></del><ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript<del style="font-weight: bold; text-decoration: none;">|last=Jackson|first=Michael</del>|date=2015-06-08|<del style="font-weight: bold; text-decoration: none;">website=Michael Jackson|access-date</del>=2017-06-15}}</ref></div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Der</ins> <ins style="font-weight: bold; text-decoration: none;">Ursprung</ins> <ins style="font-weight: bold; text-decoration: none;">des</ins> <ins style="font-weight: bold; text-decoration: none;">Namens</ins> '<ins style="font-weight: bold; text-decoration: none;">Isomorphes</ins> JavaScript' <ins style="font-weight: bold; text-decoration: none;">ist</ins> <ins style="font-weight: bold; text-decoration: none;">umstritten</ins>.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|<ins style="font-weight: bold; text-decoration: none;">accessdate</ins>=2017-06-15}}</ref> <ins style="font-weight: bold; text-decoration: none;">Der</ins> <ins style="font-weight: bold; text-decoration: none;">Begriff</ins> '<ins style="font-weight: bold; text-decoration: none;">isomorph</ins>' <ins style="font-weight: bold; text-decoration: none;">wurde</ins> <ins style="font-weight: bold; text-decoration: none;">zuerst</ins> <ins style="font-weight: bold; text-decoration: none;">von</ins> Charlie Robbins <ins style="font-weight: bold; text-decoration: none;">von</ins> Nodejitsu in <ins style="font-weight: bold; text-decoration: none;">einem</ins> <ins style="font-weight: bold; text-decoration: none;">der</ins> <ins style="font-weight: bold; text-decoration: none;">Blog-Einträge</ins> <ins style="font-weight: bold; text-decoration: none;">des</ins> <ins style="font-weight: bold; text-decoration: none;">Unternehmens</ins> <ins style="font-weight: bold; text-decoration: none;">geprägt</ins>.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.<ins style="font-weight: bold; text-decoration: none;">|accessdate=2017-06-15</ins>|last=Inc.|first=Nodejitsu}}</ref> Spike Brehm, <ins style="font-weight: bold; text-decoration: none;">ein</ins> <ins style="font-weight: bold; text-decoration: none;">Softwareentwickler</ins> <ins style="font-weight: bold; text-decoration: none;">von</ins> [[Airbnb]], <ins style="font-weight: bold; text-decoration: none;">verwendete</ins> <ins style="font-weight: bold; text-decoration: none;">in</ins> <ins style="font-weight: bold; text-decoration: none;">einem</ins> <ins style="font-weight: bold; text-decoration: none;">anderen</ins> <ins style="font-weight: bold; text-decoration: none;">Blog-Eintrag</ins> <ins style="font-weight: bold; text-decoration: none;">den</ins> <ins style="font-weight: bold; text-decoration: none;">selben</ins> <ins style="font-weight: bold; text-decoration: none;">Begriff</ins>.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps|date=2013-11-11|<ins style="font-weight: bold; text-decoration: none;">accessdate</ins>=2017-06-15<ins style="font-weight: bold; text-decoration: none;">|last=AirbnbEng</ins>}}</ref> <ins style="font-weight: bold; text-decoration: none;">Davon</ins> <ins style="font-weight: bold; text-decoration: none;">unabhängig</ins> <ins style="font-weight: bold; text-decoration: none;">wurde</ins> <ins style="font-weight: bold; text-decoration: none;">von</ins> <ins style="font-weight: bold; text-decoration: none;">anderen</ins> <ins style="font-weight: bold; text-decoration: none;">vorgeschlagen,</ins> <ins style="font-weight: bold; text-decoration: none;">stattdessen</ins> <ins style="font-weight: bold; text-decoration: none;">den</ins> <ins style="font-weight: bold; text-decoration: none;">Begriff 'Universelles</ins> JavaScript<ins style="font-weight: bold; text-decoration: none;">'</ins> <ins style="font-weight: bold; text-decoration: none;">zu verwenden</ins>.<ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript|date=2015-06-08|<ins style="font-weight: bold; text-decoration: none;">accessdate</ins>=2017-06-15<ins style="font-weight: bold; text-decoration: none;">|last=Jackson|first=Michael</ins>}}</ref></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">Benefits</del> ==</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">Vorteile</ins> ==</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Es hat mehrere Vorteile, isomorphes JavaScript zu verwenden:</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>There are several benefits to using Isomorphic JavaScript:</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Faster page load</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Schnelleres Laden der Seite</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[Search engine optimization|Search Engine Optimization]] - since the view is generated on the server, [[web crawler]]s no longer need to run JavaScript in order to render the page and index it</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[Suchmaschinenoptimierung]] - da die Ansicht auf dem Server erzeugt wird, müssen [[Webcrawler]] nicht länger JavaScript starten, um eine Seite zu rendern und zu indizieren</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">There</del> <del style="font-weight: bold; text-decoration: none;">has</del> <del style="font-weight: bold; text-decoration: none;">been</del> <del style="font-weight: bold; text-decoration: none;">several</del> <del style="font-weight: bold; text-decoration: none;">isomorphic</del> <del style="font-weight: bold; text-decoration: none;">JavaScript</del> <del style="font-weight: bold; text-decoration: none;">frameworks</del> <del style="font-weight: bold; text-decoration: none;">created</del>, <del style="font-weight: bold; text-decoration: none;">most</del> <del style="font-weight: bold; text-decoration: none;">notably</del> [[Meteor (<del style="font-weight: bold; text-decoration: none;">web framework</del>)|Meteor]] <del style="font-weight: bold; text-decoration: none;">and</del> [[React <del style="font-weight: bold; text-decoration: none;">(JavaScript</del> <del style="font-weight: bold; text-decoration: none;">library)|React]]</del>. <del style="font-weight: bold; text-decoration: none;">Others</del> <del style="font-weight: bold; text-decoration: none;">includes</del> [https://rendrjs.github.io/ Rendr], [http://derbyjs.com/ Derby], [http://haskell-miso.org/ Miso], [http://ezeljs.com/ Ezel] <del style="font-weight: bold; text-decoration: none;">and</del> [http://catberry.org/ Catberry].</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Es</ins> <ins style="font-weight: bold; text-decoration: none;">wurden</ins> <ins style="font-weight: bold; text-decoration: none;">mehrere</ins> <ins style="font-weight: bold; text-decoration: none;">Frameworks</ins> <ins style="font-weight: bold; text-decoration: none;">für</ins> <ins style="font-weight: bold; text-decoration: none;">isomorphes</ins> <ins style="font-weight: bold; text-decoration: none;">JavaScript</ins> <ins style="font-weight: bold; text-decoration: none;">erstellt</ins>, <ins style="font-weight: bold; text-decoration: none;">vor</ins> <ins style="font-weight: bold; text-decoration: none;">allem sind</ins> [[Meteor (<ins style="font-weight: bold; text-decoration: none;">Webframework</ins>)|Meteor]] <ins style="font-weight: bold; text-decoration: none;">und</ins> [[React<ins style="font-weight: bold; text-decoration: none;">]]</ins> <ins style="font-weight: bold; text-decoration: none;">zu</ins> <ins style="font-weight: bold; text-decoration: none;">nennen</ins>. <ins style="font-weight: bold; text-decoration: none;">Weitere</ins> <ins style="font-weight: bold; text-decoration: none;">sind</ins> [https://rendrjs.github.io/ Rendr], [http://derbyjs.com/ Derby], [http://haskell-miso.org/ Miso], [http://ezeljs.com/ Ezel] <ins style="font-weight: bold; text-decoration: none;">und</ins> [http://catberry.org/ Catberry].</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==References==</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:ECMAScript]]</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:JavaScript]]</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
</table>
Chewbacca2205
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=176385783&oldid=prev
Chewbacca2205: Chewbacca2205 verschob die Seite Benutzer:Versionen/Isomorphic JavaScript nach Isomorphes JavaScript, ohne dabei eine Weiterleitung anzulegen
2018-04-11T17:50:53Z
<p>Chewbacca2205 verschob die Seite <a href="/w/index.php?title=Benutzer:Versionen/Isomorphic_JavaScript&action=edit&redlink=1" class="new" title="Benutzer:Versionen/Isomorphic JavaScript (Seite nicht vorhanden)">Benutzer:Versionen/Isomorphic JavaScript</a> nach <a href="/wiki/Isomorphes_JavaScript" title="Isomorphes JavaScript">Isomorphes JavaScript</a>, ohne dabei eine Weiterleitung anzulegen</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="de">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Version vom 11. April 2018, 19:50 Uhr</td>
</tr><tr><td colspan="2" class="diff-notice" lang="de"><div class="mw-diff-empty">(kein Unterschied)</div>
</td></tr></table>
Chewbacca2205
https://de.wikipedia.org/w/index.php?title=Isomorphes_JavaScript&diff=176385776&oldid=prev
Chewbacca2205: 9 Versionen von :en:Isomorphic_JavaScript importiert: WP:IMP * user:Luke081515Bot
2018-04-11T17:50:39Z
<p>9 Versionen von <a href="https://en.wikipedia.org/wiki/Isomorphic_JavaScript" class="extiw" title="en:Isomorphic JavaScript">en:Isomorphic_JavaScript</a> importiert: WP:IMP * <a href="/wiki/Benutzer:Luke081515Bot" title="Benutzer:Luke081515Bot">user:Luke081515Bot</a></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 11. April 2018, 19:50 Uhr</td>
</tr><tr>
<td colspan="2" class="diff-lineno">Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''<del style="font-weight: bold; text-decoration: none;">Isomorphes</del> JavaScript''', <del style="font-weight: bold; text-decoration: none;">auch</del> <del style="font-weight: bold; text-decoration: none;">bekannt</del> <del style="font-weight: bold; text-decoration: none;">als</del> '''<del style="font-weight: bold; text-decoration: none;">Universelles</del> JavaScript''', <del style="font-weight: bold; text-decoration: none;">beschreibt</del> [[JavaScript]]<del style="font-weight: bold; text-decoration: none;">-Anwendungen,</del> <del style="font-weight: bold; text-decoration: none;">die</del> <del style="font-weight: bold; text-decoration: none;">sowohl</del> <del style="font-weight: bold; text-decoration: none;">auf</del> <del style="font-weight: bold; text-decoration: none;">dem</del> [[Client]] <del style="font-weight: bold; text-decoration: none;">als</del> <del style="font-weight: bold; text-decoration: none;">auch auf dem</del> [[Server]]<del style="font-weight: bold; text-decoration: none;"> laufen</del>.</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''<ins style="font-weight: bold; text-decoration: none;">Isomorphic</ins> JavaScript''', <ins style="font-weight: bold; text-decoration: none;">also</ins> <ins style="font-weight: bold; text-decoration: none;">known</ins> <ins style="font-weight: bold; text-decoration: none;">as</ins> '''<ins style="font-weight: bold; text-decoration: none;">Universal</ins> JavaScript''', <ins style="font-weight: bold; text-decoration: none;">describes</ins> [[JavaScript]] <ins style="font-weight: bold; text-decoration: none;">applications</ins> <ins style="font-weight: bold; text-decoration: none;">which</ins> <ins style="font-weight: bold; text-decoration: none;">run</ins> <ins style="font-weight: bold; text-decoration: none;">both on the</ins> [[Client<ins style="font-weight: bold; text-decoration: none;"> (computing)|client</ins>]] <ins style="font-weight: bold; text-decoration: none;">and</ins> <ins style="font-weight: bold; text-decoration: none;">the</ins> [[Server<ins style="font-weight: bold; text-decoration: none;"> (computing)|server</ins>]].</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">Mechanismus</del> ==</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">Mechanism</ins> ==</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Isomorphic JavaScript works in the context of a [[single-page application]] (SPA). In a typical SPA, most of the application logic, including [[Web framework#URL mapping|routing]], is encapsulated in a bundled JavaScript file that's sent to the client. Whilst this frees up the server, as it does not have to handle so many requests, it also makes the initial load slow for the client, as the entire application needs to be sent over to the client.</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Isomorphes JavaScript wird im Zusammenhang mit [[Single-Page-Webanwendung|Single-Page-Anwendungen]] (SPA) verwendet. In einer typischen SPA ist der größte Teil der Geschäftslogik, einschließlich des [[Webframework|Routings]], in einer JavaScript-Datei gebündelt, die zum Client gesendet wird. Obwohl dies den Server entlastet, da er nicht mehrere Anfragen zu bearbeiten hat, macht es doch den Start für den Nutzer langsamer, da die gesamte Webanwendung zum Client gesendet werden muss.</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>With Isomorphic JavaScript, when a web page is first requested from the client, the view of the page is generated on the server, similar to [[Dynamic web page#Server-side scripting|server-side dynamic web pages]], and sent over to the client. The client can then render the view immediately. After the initial view is rendered, the complete SPA is downloaded in the background, and subsequent actions are handled client-side.</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Mit isomorphem JavaScript wird bei der ersten Anfrage vom Client die Ansicht der Seite auf dem Server berechnet, ähnlich zu serverseitigen [[Webseite#Dynamische_Webseiten|Websites]], und dann zum Client gesendet. Der Client kann dadurch die Ansicht unverzüglich rendern. Nachdem die Startansicht erzeugt wurde, wird die gesamte SPA im Hintergrund heruntergeladen und nachfolgende Aktionen werden auf der Client-Seite bearbeitet.</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Name ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Der</del> <del style="font-weight: bold; text-decoration: none;">Ursprung</del> <del style="font-weight: bold; text-decoration: none;">des</del> <del style="font-weight: bold; text-decoration: none;">Namens</del> '<del style="font-weight: bold; text-decoration: none;">Isomorphes</del> JavaScript' <del style="font-weight: bold; text-decoration: none;">ist</del> <del style="font-weight: bold; text-decoration: none;">umstritten</del>.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|<del style="font-weight: bold; text-decoration: none;">accessdate</del>=2017-06-15}}</ref> <del style="font-weight: bold; text-decoration: none;">Der</del> <del style="font-weight: bold; text-decoration: none;">Begriff</del> '<del style="font-weight: bold; text-decoration: none;">isomorph</del>' <del style="font-weight: bold; text-decoration: none;">wurde</del> <del style="font-weight: bold; text-decoration: none;">zuerst</del> <del style="font-weight: bold; text-decoration: none;">von</del> Charlie Robbins <del style="font-weight: bold; text-decoration: none;">von</del> Nodejitsu in <del style="font-weight: bold; text-decoration: none;">einem</del> <del style="font-weight: bold; text-decoration: none;">der</del> <del style="font-weight: bold; text-decoration: none;">Blog-Einträge</del> <del style="font-weight: bold; text-decoration: none;">des</del> <del style="font-weight: bold; text-decoration: none;">Unternehmens</del> <del style="font-weight: bold; text-decoration: none;">geprägt</del>.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.<del style="font-weight: bold; text-decoration: none;">|accessdate=2017-06-15</del>|last=Inc.|first=Nodejitsu}}</ref> Spike Brehm, <del style="font-weight: bold; text-decoration: none;">ein</del> <del style="font-weight: bold; text-decoration: none;">Softwareentwickler</del> <del style="font-weight: bold; text-decoration: none;">von</del> [[Airbnb]], <del style="font-weight: bold; text-decoration: none;">verwendete</del> <del style="font-weight: bold; text-decoration: none;">in</del> <del style="font-weight: bold; text-decoration: none;">einem</del> <del style="font-weight: bold; text-decoration: none;">anderen</del> <del style="font-weight: bold; text-decoration: none;">Blog-Eintrag</del> <del style="font-weight: bold; text-decoration: none;">den</del> <del style="font-weight: bold; text-decoration: none;">selben</del> <del style="font-weight: bold; text-decoration: none;">Begriff</del>.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps|date=2013-11-11|<del style="font-weight: bold; text-decoration: none;">accessdate</del>=2017-06-15<del style="font-weight: bold; text-decoration: none;">|last=AirbnbEng</del>}}</ref> <del style="font-weight: bold; text-decoration: none;">Davon</del> <del style="font-weight: bold; text-decoration: none;">unabhängig</del> <del style="font-weight: bold; text-decoration: none;">wurde</del> <del style="font-weight: bold; text-decoration: none;">von</del> <del style="font-weight: bold; text-decoration: none;">anderen</del> <del style="font-weight: bold; text-decoration: none;">vorgeschlagen,</del> <del style="font-weight: bold; text-decoration: none;">stattdessen</del> <del style="font-weight: bold; text-decoration: none;">den</del> <del style="font-weight: bold; text-decoration: none;">Begriff 'Universelles</del> JavaScript<del style="font-weight: bold; text-decoration: none;">'</del> <del style="font-weight: bold; text-decoration: none;">zu verwenden</del>.<ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript|date=2015-06-08|<del style="font-weight: bold; text-decoration: none;">accessdate</del>=2017-06-15<del style="font-weight: bold; text-decoration: none;">|last=Jackson|first=Michael</del>}}</ref></div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">The</ins> <ins style="font-weight: bold; text-decoration: none;">naming</ins> <ins style="font-weight: bold; text-decoration: none;">of</ins> <ins style="font-weight: bold; text-decoration: none;">the term</ins> '<ins style="font-weight: bold; text-decoration: none;">Isomorphic</ins> JavaScript' <ins style="font-weight: bold; text-decoration: none;">has been a matter of</ins> <ins style="font-weight: bold; text-decoration: none;">controversy</ins>.<ref name=":0">{{Cite web|url=http://2ality.com/2015/08/isomorphic-javascript.html|title=Is "Isomorphic JavaScript" a good term?|<ins style="font-weight: bold; text-decoration: none;">website=2ality|access-date</ins>=2017-06-15}}</ref> <ins style="font-weight: bold; text-decoration: none;">The</ins> <ins style="font-weight: bold; text-decoration: none;">term</ins> '<ins style="font-weight: bold; text-decoration: none;">isomorphic</ins>' <ins style="font-weight: bold; text-decoration: none;">was first</ins> <ins style="font-weight: bold; text-decoration: none;">coined</ins> <ins style="font-weight: bold; text-decoration: none;">by</ins> Charlie Robbins <ins style="font-weight: bold; text-decoration: none;">from</ins> <ins style="font-weight: bold; text-decoration: none;">[[</ins>Nodejitsu<ins style="font-weight: bold; text-decoration: none;">]],</ins> in <ins style="font-weight: bold; text-decoration: none;">one</ins> <ins style="font-weight: bold; text-decoration: none;">of</ins> <ins style="font-weight: bold; text-decoration: none;">the</ins> <ins style="font-weight: bold; text-decoration: none;">company's</ins> <ins style="font-weight: bold; text-decoration: none;">blog</ins> <ins style="font-weight: bold; text-decoration: none;">posts</ins>.<ref>{{Cite web|url=https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/|title=Scaling Isomorphic Javascript Code {{!}} Nodejitsu Inc.|last=Inc.|first=Nodejitsu<ins style="font-weight: bold; text-decoration: none;">|website=blog.nodejitsu.com|access-date=2017-06-15</ins>}}</ref> Spike Brehm, <ins style="font-weight: bold; text-decoration: none;">a</ins> <ins style="font-weight: bold; text-decoration: none;">software</ins> <ins style="font-weight: bold; text-decoration: none;">engineer from</ins> [[Airbnb]], <ins style="font-weight: bold; text-decoration: none;">wrote</ins> <ins style="font-weight: bold; text-decoration: none;">another</ins> <ins style="font-weight: bold; text-decoration: none;">blog</ins> <ins style="font-weight: bold; text-decoration: none;">post</ins> <ins style="font-weight: bold; text-decoration: none;">using</ins> <ins style="font-weight: bold; text-decoration: none;">the</ins> <ins style="font-weight: bold; text-decoration: none;">same</ins> <ins style="font-weight: bold; text-decoration: none;">term</ins>.<ref>{{Cite web|url=https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc|title=Isomorphic JavaScript: The Future of Web Apps<ins style="font-weight: bold; text-decoration: none;">|last=AirbnbEng</ins>|date=2013-11-11|<ins style="font-weight: bold; text-decoration: none;">website=Airbnb Engineering & Data Science|access-date</ins>=2017-06-15}}</ref> <ins style="font-weight: bold; text-decoration: none;">However,</ins> <ins style="font-weight: bold; text-decoration: none;">others</ins> <ins style="font-weight: bold; text-decoration: none;">have</ins> <ins style="font-weight: bold; text-decoration: none;">proposed</ins> <ins style="font-weight: bold; text-decoration: none;">to</ins> <ins style="font-weight: bold; text-decoration: none;">use</ins> <ins style="font-weight: bold; text-decoration: none;">the</ins> <ins style="font-weight: bold; text-decoration: none;">term</ins> <ins style="font-weight: bold; text-decoration: none;">Universal</ins> JavaScript <ins style="font-weight: bold; text-decoration: none;">instead</ins>.<ins style="font-weight: bold; text-decoration: none;"><ref name=":0" /></ins><ref>{{Cite web|url=https://medium.com/@mjackson/universal-javascript-4761051b7ae9|title=Universal JavaScript<ins style="font-weight: bold; text-decoration: none;">|last=Jackson|first=Michael</ins>|date=2015-06-08|<ins style="font-weight: bold; text-decoration: none;">website=Michael Jackson|access-date</ins>=2017-06-15}}</ref></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">Vorteile</del> ==</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">Benefits</ins> ==</div></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>There are several benefits to using Isomorphic JavaScript:</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Es hat mehrere Vorteile, isomorphes JavaScript zu verwenden:</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Faster page load</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[Search engine optimization|Search Engine Optimization]] - since the view is generated on the server, [[web crawler]]s no longer need to run JavaScript in order to render the page and index it</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Schnelleres Laden der Seite</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[Suchmaschinenoptimierung]] - da die Ansicht auf dem Server erzeugt wird, müssen [[Webcrawler]] nicht länger JavaScript starten, um eine Seite zu rendern und zu indizieren</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Frameworks ==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Es</del> <del style="font-weight: bold; text-decoration: none;">wurden</del> <del style="font-weight: bold; text-decoration: none;">mehrere</del> <del style="font-weight: bold; text-decoration: none;">Frameworks</del> <del style="font-weight: bold; text-decoration: none;">für isomorphes</del> JavaScript <del style="font-weight: bold; text-decoration: none;">erstellt</del>, <del style="font-weight: bold; text-decoration: none;">vor</del> <del style="font-weight: bold; text-decoration: none;">allem sind</del> [[Meteor (<del style="font-weight: bold; text-decoration: none;">Webframework</del>)|Meteor]] <del style="font-weight: bold; text-decoration: none;">und</del> [[React<del style="font-weight: bold; text-decoration: none;">]]</del> <del style="font-weight: bold; text-decoration: none;">zu</del> <del style="font-weight: bold; text-decoration: none;">nennen</del>. <del style="font-weight: bold; text-decoration: none;">Weitere</del> <del style="font-weight: bold; text-decoration: none;">sind</del> [https://rendrjs.github.io/ Rendr], [http://derbyjs.com/ Derby], [http://haskell-miso.org/ Miso], [http://ezeljs.com/ Ezel] <del style="font-weight: bold; text-decoration: none;">und</del> [http://catberry.org/ Catberry].</div></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">There</ins> <ins style="font-weight: bold; text-decoration: none;">has</ins> <ins style="font-weight: bold; text-decoration: none;">been</ins> <ins style="font-weight: bold; text-decoration: none;">several</ins> <ins style="font-weight: bold; text-decoration: none;">isomorphic</ins> JavaScript <ins style="font-weight: bold; text-decoration: none;">frameworks created</ins>, <ins style="font-weight: bold; text-decoration: none;">most</ins> <ins style="font-weight: bold; text-decoration: none;">notably</ins> [[Meteor (<ins style="font-weight: bold; text-decoration: none;">web framework</ins>)|Meteor]] <ins style="font-weight: bold; text-decoration: none;">and</ins> [[React <ins style="font-weight: bold; text-decoration: none;">(JavaScript</ins> <ins style="font-weight: bold; text-decoration: none;">library)|React]]</ins>. <ins style="font-weight: bold; text-decoration: none;">Others</ins> <ins style="font-weight: bold; text-decoration: none;">includes</ins> [https://rendrjs.github.io/ Rendr], [http://derbyjs.com/ Derby], [http://haskell-miso.org/ Miso], [http://ezeljs.com/ Ezel] <ins style="font-weight: bold; text-decoration: none;">and</ins> [http://catberry.org/ Catberry].</div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==References==</div></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td>
</tr>
<tr>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
<td class="diff-marker"></td>
<td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td class="diff-marker" data-marker="−"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:ECMAScript]]</div></td>
<td colspan="2" class="diff-empty diff-side-added"></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td>
</tr>
<tr>
<td colspan="2" class="diff-empty diff-side-deleted"></td>
<td class="diff-marker" data-marker="+"></td>
<td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:JavaScript]]</div></td>
</tr>
</table>
Chewbacca2205