{"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 in der Webentwicklung 2019","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Einf\u00fchrung<\/h2>\n

\nDie digitale Transformation erfasst mit jedem Jahr zunehmend verschiedene Bereiche des Lebens und der Gesch\u00e4ftswelt. Um wettbewerbsf\u00e4hig zu bleiben, ist es f\u00fcr Unternehmen nicht mehr ausreichend, nur einfache Informationswebsites anzubieten. Es sind mobile und Webanwendungen erforderlich, die den Nutzern nicht nur Informationen bereitstellen, sondern ihnen auch erm\u00f6glichen, verschiedene Funktionen auszuf\u00fchren: Waren und Dienstleistungen zu erhalten oder zu bestellen sowie Werkzeuge bereitzustellen. <\/p>\n

\"Technologische
\n<\/a><\/noindex>
\nModerne Banken beispielsweise sind nicht mehr damit zufrieden, nur eine Informationswebsite zu haben; sie ben\u00f6tigen Online-Tools f\u00fcr ihre Kunden, ein Online-Portal, in dem Nutzer ihre Konten, Investitionen und Kredite verwalten k\u00f6nnen. Selbst kleine Unternehmen ben\u00f6tigen, um die Konversion zu steigern, benutzerfreundliche Werkzeuge, wie die M\u00f6glichkeit, einen Arzt- oder Friseurtermin zu vereinbaren, oder eine Tischreservierung in einem Restaurant oder einen Spielraum f\u00fcr Geburtstagsfeiern.<\/p>\n

Auch die Eigent\u00fcmer m\u00fcssen rechtzeitig Informationen in einer praktischen Form \u00fcber den Zustand ihres Unternehmens erhalten, zum Beispiel die Sammlung von Statistiken und Analysen zu verschiedenen Produktionsabteilungen oder deren Leistungsf\u00e4higkeit. H\u00e4ufig sammelt jede Abteilung diese Daten auf ihre eigene Weise und kann sogar unterschiedliche Tools verwenden. Dadurch muss der Eigent\u00fcmer viel pers\u00f6nliche Zeit aufwenden, um sich in diesem Bereich zurechtzufinden, was sich indirekt oder direkt auf die Effizienz des Unternehmens und letztlich auf den Gewinn auswirken kann. Hier kann auch die digitale Transformation helfen, etwa durch die Entwicklung von Web- oder mobilen Anwendungen.<\/p>\n

Die Technologien entwickeln sich st\u00e4ndig weiter, und das, was vor einigen Jahren verwendet wurde, kann heute bereits veraltet sein. Es gibt mittlerweile viele moderne Werkzeuge, die helfen, Web- und mobile Anwendungen schneller und qualitativ hochwertiger zu erstellen. Basierend auf meinen pers\u00f6nlichen Beobachtungen und Erfahrungen m\u00f6chte ich meine Sichtweise dar\u00fcber teilen, welche Technologien und Werkzeuge in naher Zukunft gefragt sein werden und warum es sich lohnt, bei der Entwicklung einer modernen Webanwendung darauf zu achten.<\/p>\n

Single Page Application (Einseitige Anwendungen)<\/h2>\n

\nLassen Sie uns ein wenig \u00fcber die Terminologie sprechen. Eine Single Page Application (SPA) ist eine Webanwendung, deren Komponenten einmalig auf einer Seite geladen werden, w\u00e4hrend der Inhalt bei Bedarf nachgeladen wird. Beim Wechsel zwischen den Abschnitten der Anwendung wird die Seite nicht vollst\u00e4ndig neu geladen, sondern es werden lediglich die notwendigen Daten nachgeladen und angezeigt. <\/p>\n

Einseitige Anwendungen \u00fcberzeugen durch ihre Geschwindigkeit und Benutzerfreundlichkeit im Vergleich zu klassischen Webanwendungen. Mit SPA erreichen Sie den Effekt einer Website, die wie eine Desktop-Anwendung funktioniert, ohne Reloads und wesentliche Verz\u00f6gerungen. <\/p>\n

W\u00e4hrend vor einigen Jahren einseitige Anwendungen kaum f\u00fcr die Suchmaschinenoptimierung (SEO) geeignet waren und haupts\u00e4chlich f\u00fcr pers\u00f6nliche Dashboards und Administrationspanels verwendet wurden, ist es heute viel einfacher, eine einseitige Anwendung zu erstellen, die vollst\u00e4ndig suchmaschinenoptimiert ist. Mit einseitigen Anwendungen, die serverseitig gerendert werden, hat sich dieses Problem vollst\u00e4ndig gel\u00f6st. Anders ausgedr\u00fcckt: Es ist dasselbe einseitige Anwendung, aber bei der ersten Anfrage generiert der Server nicht nur Daten, sondern erstellt eine f\u00fcr die Anzeige bereitstehende HTML-Seite, sodass Suchmaschinen vollst\u00e4ndige Seiten mit allen Meta-Informationen und semantischen Markierungen erhalten.<\/p>\n

Mit der Entwicklung von Tools zur Erstellung von Kundenwebanwendungen wird die Entwicklung und der \u00dcbergang zu Single Page Applications (SPA) in diesem und den kommenden Jahren weiter zunehmen. Wenn Sie eine \u00e4ltere Anwendung haben, die technisch veraltet ist und langsam l\u00e4uft, dazu noch eine vollst\u00e4ndige Seitenneu ladung bei Wechseln zwischen den Bereichen ben\u00f6tigt, ist jetzt der ideale Zeitpunkt f\u00fcr ein Upgrade auf eine schnelle Single Page Application \u2013 die Technologien erm\u00f6glichen es, dies schnell und qualitativ hochwertig umzusetzen.<\/p>\n

Es ist gro\u00dfartig, eine moderne und schnelle Website zu haben, aber ich muss Ihnen ehrlich mitteilen: Nicht alle Anwendungen lassen sich leicht auf eine Single Page Application umstellen, und der \u00dcbergang kann kostspielig sein! Daher ist es wichtig zu verstehen, wem und warum dieser \u00dcbergang n\u00fctzt. <\/p>\n

Um Ihnen zu helfen, die \u00dcbersicht zu behalten, habe ich in der folgenden Tabelle einige Beispiele zusammengestellt, wann die Entwicklung oder der \u00dcbergang zu einer SPA sinnvoll und gerechtfertigt ist und wann nicht.<\/p>\n

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

Wenn Sie eine moderne, schnelle Anwendung erstellen m\u00f6chten, die nicht nur \u00fcber die Web-Version, sondern auch \u00fcber mobile oder sogar Desktop-Varianten verf\u00fcgt und alle Prozesse sowie Berechnungen auf einem Remote- oder Cloud-Server stattfinden, sodass alle Kunden \u00fcber eine einheitliche Benutzeroberfl\u00e4che interagieren k\u00f6nnen, ohne jedes Mal den Servercode anpassen zu m\u00fcssen, wenn ein neuer Kunde hinzugef\u00fcgt wird.<\/p>\n

Beispielsweise: soziale Netzwerke, Aggregatoren, SaaS-Plattformen (Software als Cloud-Dienst), Marktpl\u00e4tze.<\/p>\n

Wenn Sie einen Online-Shop oder Webservice haben, wissen Sie, dass dieser langsam ist und Kunden abspringen. Sie m\u00f6chten ihn schneller machen, erkennen den Wert Ihrer Kunden und sind bereit, f\u00fcr ein Upgrade ab einer Million Rubel zu zahlen.<\/p>\n

Sie haben eine mobile Anwendung, die die API der Website nutzt, w\u00e4hrend die Website langsam ist und bei jedem Seitenwechsel den kompletten Inhalt neu l\u00e4dt.<\/p>\n

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

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

Beispielsweise spezifische Unternehmensbereiche, wie die Entwicklung interner Systeme f\u00fcr Banken, medizinische Einrichtungen und Bildungswesen.<\/p>\n

Sie f\u00fchren Ihr Hauptgesch\u00e4ft offline und sind nicht bereit, irgendwelche Online-Dienste anzubieten, und m\u00fcssen einfach Kunden anziehen.<\/p>\n

Wenn Sie einen Online-Shop oder einen Webdienst haben, der bereits gut verkauft, sehen Sie weder Abwanderung von Kunden noch Beschwerden.<\/p>\n

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

Beispielsweise: Sie haben eine fertige Website oder einen selbstgeschriebenen, alten, monolithischen Code. <\/p>\n

Progressive Web-Apps<\/h2>\n

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

Da sich die Technologie oder der Ansatz zur Entwicklung von PWAs seit 2015 entwickelt und in letzter Zeit in der E-Commerce-Branche enorm an Beliebtheit gewonnen hat. <\/p>\n

Einige echte Beispiele aus der Praxis: <\/p>\n