{"id":33591,"date":"2019-10-31T21:53:37","date_gmt":"2019-10-31T18:53:37","guid":{"rendered":"https:\/\/prohoster.info\/blog\/tehnologicheskie-trendy-veb-razrabotki-2019\/"},"modified":"2019-10-31T21:53:37","modified_gmt":"2019-10-31T18:53:37","slug":"tehnologicheskie-trendy-veb-razrabotki-2019","status":"publish","type":"post","link":"https:\/\/prohoster.info\/de\/blog\/administrirovanie\/tehnologicheskie-trendy-veb-razrabotki-2019","title":{"rendered":"Technologische Trends der Webentwicklung 2019","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Einf\u00fchrung<\/h2>\n

\nDie digitale Transformation erfasst Jahr f\u00fcr Jahr immer mehr verschiedene Lebens- und Gesch\u00e4ftsbereiche. Wenn ein Unternehmen wettbewerbsf\u00e4hig sein m\u00f6chte, reichen gew\u00f6hnliche Informationswebseiten nicht mehr aus; es sind mobile und Webanwendungen erforderlich, die den Nutzern nicht nur Informationen bieten, sondern auch bestimmte Funktionen erm\u00f6glichen: Produkte und Dienstleistungen zu erhalten oder zu bestellen und Werkzeuge bereitzustellen. <\/p>\n

\"Technologische
\n<\/a><\/noindex>
\nSo reicht es modernen Banken beispielsweise nicht mehr aus, lediglich eine Informationswebsite zu besitzen; sie ben\u00f6tigen Online-Tools f\u00fcr ihre Kunden, ein pers\u00f6nliches Konto, in dem der Nutzer seine Konten, Investitionen und Kredite verwalten kann. Auch kleinen Unternehmen sind bequeme Werkzeuge wichtig, um die Konversion zu steigern, beispielsweise die Terminvereinbarung beim Arzt oder Friseur, die Tischreservierung im Restaurant oder im Spielzimmer f\u00fcr den Kindergeburtstag.<\/p>\n

Die Eigent\u00fcmer selbst m\u00fcssen rechtzeitig Informationen in einem benutzerfreundlichen Format \u00fcber den Zustand ihres Unternehmens erhalten, beispielsweise durch die Erfassung statistischer Daten und Analysen \u00fcber verschiedene Produktionsabteilungen oder die Produktivit\u00e4t der Abteilungen. Oft sammelt jede Abteilung diese Daten auf ihre eigene Weise und kann sogar unterschiedliche Werkzeuge nutzen, wodurch die Eigent\u00fcmer viel pers\u00f6nliche Zeit aufwenden m\u00fcssen, um alles zu verstehen. Dies kann sich direkt oder indirekt auf die Effizienz des Unternehmens und letztendlich auf den Gewinn auswirken. Auch hier k\u00f6nnen digitale Transformation und die Entwicklung einer Web- oder mobilen Anwendung helfen.<\/p>\n

Die Technologien stehen nicht still und entwickeln sich st\u00e4ndig weiter, und das, was vor ein paar Jahren verwendet wurde, kann heute bereits veraltet sein, oder das, was vor einigen Jahren nicht realisierbar war, ist jetzt Realit\u00e4t geworden. Es gibt eine Vielzahl moderner Werkzeuge, die helfen, Web- und mobile Anwendungen schneller und besser zu erstellen. Basierend auf pers\u00f6nlichen Beobachtungen und Erfahrungen m\u00f6chte ich meine Sichtweise teilen, welche Technologien und Werkzeuge in naher Zukunft gefragt sein werden und warum es sich lohnt, bei der Erstellung moderner Webanwendungen darauf zu achten.<\/p>\n

Single Page Application (Einseitenanwendungen)<\/h2>\n

\nLassen Sie uns ein wenig mit der Terminologie kl\u00e4ren. Eine Single Page Application (SPA) ist eine Webanwendung, deren Komponenten einmalig auf einer Seite geladen werden, w\u00e4hrend der Inhalt nach Bedarf nachgeladen wird. Und beim Wechsel zwischen den Abschnitten der Anwendung wird die Seite nicht vollst\u00e4ndig neu geladen, sondern es werden nur die erforderlichen Daten nachgeladen und angezeigt. <\/p>\n

Einseitige Anwendungen gewinnen im Vergleich zu klassischen Webanwendungen erheblich an Geschwindigkeit und Benutzerfreundlichkeit. Mit einer SPA kann man den Effekt eines Websitedesigns erzielen, das wie eine Desktop-Anwendung funktioniert, ohne Neustarts und wesentliche Verz\u00f6gerungen. <\/p>\n

Wenn vor einigen Jahren einseitige Anwendungen praktisch keine Suchmaschinenoptimierung unterst\u00fctzten und vor allem zur Erstellung von Benutzerkonten und Administrationspanelen verwendet wurden, ist es heute viel einfacher, eine einseitige Anwendung mit vollst\u00e4ndiger Unterst\u00fctzung f\u00fcr Suchmaschinenoptimierung (SEO) zu erstellen. Durch den Einsatz von einseitigen Anwendungen mit serverseitigem Rendering ist dieses Problem heute vollst\u00e4ndig verschwunden. Anders gesagt: Es handelt sich um dieselbe einseitige Anwendung, aber beim ersten Abruf generiert der Server nicht nur Daten, sondern erstellt eine bereit zur Anzeige HTML-Seite, und Suchmaschinen erhalten fertige Seiten mit allen Meta-Informationen und semantischen Markups.<\/p>\n

Mit der Entwicklung von Werkzeugen zur Erstellung von clientseitigen Webanwendungen wird die Entwicklung und Umstellung auf einseitige Anwendungen in diesem und in den kommenden Jahren nur zunehmen. Wenn Sie eine alte Anwendung haben, die moralisch veraltet ist und langsam arbeitet und zudem bei jedem Wechsel zwischen den Abschnitten die Seite vollst\u00e4ndig neu l\u00e4dt, k\u00f6nnen Sie sich in diesem Jahr ohne Bedenken auf eine schnelle einseitige Anwendung umstellen \u2013 jetzt ist eine gute Zeit, die Technologien erm\u00f6glichen es bereits, dies ziemlich schnell und qualitativ durchzuf\u00fchren.<\/p>\n

Einen modernen und schnellen Webauftritt zu haben, ist sehr gut, aber ich m\u00f6chte Ihnen ehrlich mitteilen: Nicht alle Anwendungen lassen sich leicht in einseitige umwandeln, und der \u00dcbergang kann nicht billig werden! Deshalb muss man verstehen, wem und warum dieser \u00dcbergang ben\u00f6tigt wird. <\/p>\n

Um Ihnen bei der Kl\u00e4rung zu helfen, werde ich in der folgenden Tabelle einige Beispiele geben, wann die Entwicklung oder Umstellung auf SPA sinnvoll und gerechtfertigt ist und wann nicht.<\/p>\n

ZA<\/b><\/p>\n

Wenn Sie eine moderne, schnelle Anwendung erstellen m\u00f6chten und m\u00f6chten, dass nicht nur die Webversion, sondern auch die mobile oder sogar Desktop-Version genutzt wird, und alle Prozesse und Berechnungen auf einem externen oder Cloud-Server stattfinden. Und das Ganze auch so, dass alle Kunden eine einheitliche Interaktionsschnittstelle haben und keine Notwendigkeit besteht, jede \u00c4nderung im Servercode vorzunehmen, wenn ein neuer Kunde hinzugef\u00fcgt wird.<\/p>\n

Zum Beispiel: soziale Netzwerke, Aggregatoren, SaaS-Plattformen (Software as a Service), Marktpl\u00e4tze<\/p>\n

Wenn Sie einen Laden oder einen Webdienst haben, wissen Sie, dass er langsam ist und die Leute abspringen. Sie m\u00f6chten ihn schneller machen, erkennen den Wert der Kunden und sind bereit, f\u00fcr ein Upgrade ab einer Million Rubel zu bezahlen.<\/p>\n

Sie haben eine mobile Anwendung, die die API der Website nutzt, und die Website ist dabei langsam und l\u00e4dt den Inhalt bei Seitenwechseln vollst\u00e4ndig neu.<\/p>\n

GEGEN<\/b><\/p>\n

Wenn Ihre Zielgruppe keine modernen Browser und Ger\u00e4te verwendet. <\/p>\n

Zum Beispiel: spezifische Unternehmensbereiche wie die Entwicklung interner Systeme f\u00fcr Banken, medizinische Einrichtungen und Bildung.<\/p>\n

Ihre Hauptt\u00e4tigkeit f\u00fchren Sie offline durch und sind nicht bereit, irgendwelche Dienstleistungen online anzubieten, und Sie m\u00fcssen lediglich Kunden anziehen.<\/p>\n

Wenn Sie einen Online-Shop oder Webdienst haben, der bereits gut verkauft, sehen Sie keinen Kundenverlust und keine Beschwerden.<\/p>\n

Wenn Sie eine funktionierende Anwendung haben, die sich nicht f\u00fcr SPA anpassen l\u00e4sst und alles von Grund auf neu geschrieben werden muss und Sie nicht bereit sind, daf\u00fcr mehrere Millionen auszugeben.<\/p>\n

Zum Beispiel: Es gibt eine Box-Website oder einen alten, monolithischen Code. <\/p>\n

Progressive Web Applications<\/h2>\n

\nProgressive Web Applications (progressive Webanwendung) sind das Produkt einer gemeinsamen Evolution von nativen Anwendungen und Websites. Im Grunde genommen ist es eine Webanwendung, die wie eine echte native Anwendung aussieht und sich wie eine solche verh\u00e4lt, Push-Benachrichtigungen empfangen kann, im Offline-Modus funktioniert usw. Dabei muss der Benutzer die Anwendung nicht aus dem App Store oder Google Play herunterladen, sondern kann sie einfach auf den Desktop speichern.<\/p>\n

Da sich die Technologie oder der Ansatz zur Entwicklung von PWA seit 2015 entwickelt, gewinnt sie in letzter Zeit auch enorm an Popularit\u00e4t im E-Commerce-Bereich. <\/p>\n

Einige reale Beispiele aus dem Leben: <\/p>\n