Webentwicklungstrends im Jahr 2021 ... Und wie Drupal mit ihnen Schritt hält

Die digitale Sphäre verändert und entwickelt sich rasant weiter, wobei die Technologie die treueste Darstellung der Anforderungen der heutigen Welt ist. Webentwicklung ist eine Komponente des Webs, die diese Veränderungen auf Ihrem Bildschirm sichtbar macht, was erklärt, warum das Bureau of Labour Statistics  prognostiziert, dass die Nachfrage nach Webentwicklungsressourcen von 2019 bis 2029 um 8 % steigen wird. Aber war diese Gleichung zwischen der realen Welt und der Webwelt schon immer dieselbe? Hat uns das Web, als es formuliert wurde, auf die gleiche Weise gespiegelt wie heute?

Werfen wir einen Blick darauf, wie sich die Webentwicklung im Laufe der Jahre entwickelt hat.

Entwicklung der Webentwicklung

Tim Berners-Lee entwickelte das World Wide Web im Jahr 1989. Er arbeitete damals am CERN, und seine Erfindung sollte verschiedenen Wissenschaftlern an weit entfernten Universitäten dienen, indem sie den Datenaustausch zwischen ihnen erleichterte. Die Idee war, der wachsenden Technologie der Datennetze, des Hypertexts und der Computer eine gemeinsame, globale, zugängliche Plattform zu bieten. Als das Web Gestalt annahm, wurde der Code für seinen Webserver von Tim auf einem NeXT-Computer eingerichtet, wobei die erste Webseite Links zum WWW-Projekt, eine kurze Beschreibung von Hypertext und die Details enthielt, die man zum Erstellen eines Webservers benötigte.

Dies ist ein Screenshot des von Lee erstellten World Wide Web Browsers - 

Als weitere Webserver erstellt wurden, fügte Lee die Links zu jedem dieser Server der ersten Webseite hinzu. Es gab keine Suchmaschine, die Webseite bestand aus Informationen, nach denen man möglicherweise suchte, wie z. B. das CERN-Telefonbuch, Anleitungen zur Verwendung der CERN-Computer usw. Webdesign war zu diesem Zeitpunkt noch ein ungeborenes Konzept, wobei die <table>-Funktion von HTML, die den Text in Zeilen und Spalten anordnete, der engste Verwandte war. 

Zwei Jahre später, 1991, ging der erste Webserver in den Vereinigten Staaten online. Als sich das Web ausdehnte, forderte Lee Entwickler aus aller Welt auf, mitzumachen und zum Web beizutragen. So begann die Reise des Webs zu einem globalen Phänomen. Auch das Design rückte in den Vordergrund, denn im selben Jahr verwendete die erste Suchmaschine, ALIWEB, zum ersten Mal Farbe auf den Webseiten - mit gelben Markierungen zur Organisation der Suchergebnisse. Mit der Zeit, als immer mehr Websites auftauchten, wurde Webdesign zusammen mit der Webentwicklung zu einer wichtigen Sache.

Offensichtlich haben wir einen langen Weg zurückgelegt. Um uns tatsächlich vorzustellen, wie unterschiedlich die Zeiten geworden sind, wollen wir uns ansehen, wie die Webentwicklungstrends vor zehn Jahren aussahen.

Webentwicklung im letzten Jahrzehnt

Das vergangene Jahrzehnt folgte auf das Jahrzehnt der digitalen Revolution, in dem die Technologie die ganze Zeit im Mittelpunkt stand. Wie alles andere um uns herum erfuhr auch die Webentwicklung mehrere Ergänzungen und Veränderungen. Die allmähliche Entwicklung der Webentwicklung im vorangegangenen Jahrzehnt lässt sich in den folgenden Punkten zusammenfassen:  

• In den 2010er Jahren war Ruby on Rails 3.0 in aller Munde, da es sich um eine erwartete Version des beliebten Ruby on Rails Frameworks handelte. Javascript hatte gerade ein neues Leben im node.js Framework eingehaucht - eine Engine mit hoher Leistung, Geschwindigkeit, Sicherheit und Zuverlässigkeit. Darüber hinaus war Microsoft Visual Studio das wichtigste Bearbeitungswerkzeug, das von Entwicklern im Vergleich zu Atom und Sublime heute verwendet wurde.
• Mit dem ersten Iphone im Jahr 2007 war der Markt einige Jahre später mit einer Reihe von Geräten bestückt. Smartphones, Ipads, Ebooks waren alle für die öffentliche Nutzung bestimmt, und das bedeutete, dass das Web jetzt eine anpassungsfähige, fließende Sache sein sollte. Auch der Entwicklungs- und Designbereich erfuhr Iterationen mit dem Start von Android OS (Operating System). Mit dem Aufkommen von Smartphones links, rechts und in der Mitte wuchs auch die Nachfrage nach Webdesign. Es waren nun eine Fülle von Entwicklungs- und Designfähigkeiten erforderlich, um mit der sich verändernden Welt Schritt zu halten.
• Da die Technologie neue Höhen erreichte, gelangten Augmented Reality und Virtual Reality in die Häuser der breiten Öffentlichkeit, so dass es an den Entwicklern und Designern lag, sie navigierbar und verständlich zu machen. Später in diesem Jahrzehnt traten sogar Social-Media-Plattformen wie Instagram und Snapchat mit Gesichtsfiltern und dergleichen in den Augmented-Reality-Markt ein. Die breite Masse begann viel stärker mit AR zu resonieren, und es begann, in einen alltäglichen Service überzugehen.
• Das Internet wurde mit jedem Tag zugänglicher, und der größere Wettbewerb führte zu einer stärkeren Konzentration auf die User Experience (UX). Websites wünschten sich mehr Animationen und eine stärkere Interaktion mit ihrer Nutzerbasis. Es entstanden Softwares mit detaillierten Designwerkzeugen, wobei die Creative Cloud von Adobe den Dominoeffekt auslöste, der zur Entstehung von Konkurrenten wie Affinity Designer von Serif und Procreate führte.
• In den 2010er Jahren waren auch Online-Communities eine große Sache. Menschen mit ähnlichen Interessen konnten sich auf Foren und Chatplattformen austauschen. Einige beliebte Plattformen in dieser Zeit waren StackOverFlow und Reddit.

Die Webentwicklung hat sich so weit entwickelt, dass sie mit ihrem ursprünglichen Ursprung nur noch sehr wenig gemeinsam hat. Um diese Zeitleiste zu einem Höhepunkt zu bringen, wird hier erläutert, was Menschen und Organisationen für die kommenden Trends in der Webentwicklung halten.

Prognostizierte Trends in der Webentwicklung im Jahr 2021

Mobile-First-Entwicklung

Laut Statista wird erwartet, dass der mobile Datenverkehr bis 2022 um eine jährliche Wachstumsrate von 46 % steigen wird, was bedeutet, dass der Großteil der Generation allmählich auf mobile Geräte wie Smartphones und Tablets für nicht-offizielle Zwecke umgestiegen ist. Dieser digitale Wandel hat die Möglichkeiten für die Webentwicklung sowohl verändert als auch erweitert. Jetzt ist die Anpassungsfähigkeit an verschiedene Geräte einer der wichtigsten Faktoren, auf die man achten muss, wobei die Mobile-First-Entwicklung im Vordergrund steht. 

Es entstehen auch neue Architekturstile wie Micro-Frontends, bei denen einzelne Frontend-Anwendungen zuerst erstellt und später in die Codebasis eingefügt werden. 

JavaScript-Frameworks

Die Verwendung von Javascript-Frameworks wird zunehmen, da diese sowohl Animationen als auch eine Reihe anderer Funktionen bieten, die das Programmieren für Entwickler viel einfacher und kompakter machen. Frameworks wie React und Vue haben neue Funktionen wie React Hooks und Typescript, die Javascript in einer strukturierteren, objektorientierten Form anbieten. CSS-Bibliotheken haben sich ebenfalls als vorteilhaft erwiesen, um die Frontend-Entwicklung anzukurbeln, und werden daher vermutlich auch im kommenden Jahr im Trend liegen. Javascript-Frameworks werden auch in großem Umfang zur Unterstützung von Frontends in einem Headless-CMS verwendet, einem weiteren Konzept, das in den letzten Jahren stark an Bedeutung gewonnen hat. 

Mit der wachsenden Popularität von Javascript, APIs und HTML5 ist ein weiterer prognostizierter Trend der Aufstieg von JAMstack-Websites. Diese Websites nutzen Tools und Inhalte dynamisch über APIs, wodurch die Nutzerbasis und der Anwendungsfall erweitert und vergrößert werden. Diese Funktionen festigen die Position von JAMstack-Websites in der Entwicklergemeinde.

No-Code und Low-Code

Webstandards werden voraussichtlich nicht nur in Bezug auf Tools wie Javascript-Frameworks, sondern auch im No-Code- und Low-Code-Bereich an Bedeutung gewinnen. Ein No-Code-Framework ermöglicht es Ihnen, Inhalte zu erstellen, z. B. ein Design, ohne dass Sie programmieren müssen, was sich in eine Anpassung ohne Fachkenntnisse übersetzt. Dies erweitert die Nutzer-Diaspora um ein Vielfaches und eröffnet auch Möglichkeiten für eine breite Sensibilisierung und Akzeptanz von Webstandards.

WebAssembly

Web Assembly (WASM) ist ein kleines binäres Format, das eine Umgebung für Webanwendungen schafft, in der sie als Bytecode ausgeführt werden können, wodurch die Anwendung viel schneller im Browser ausgeführt werden kann. Es hat die Entwicklerwelt im Sturm erobert, da WASM in komplexen Bereichen wie Gaming, Musik, Streaming oder Videobearbeitung besonders nützlich ist. Zu Recht erfreut sich Web Assembly von Tag zu Tag wachsender Beliebtheit.

Browsing-Komfort

Komfort beim Browsen ist ein großer Wettbewerbsvorteil, den Websites anstreben, weshalb Single Page Applications (SPA) und Progressive Web Applications (PWA) an Bedeutung gewinnen. Eine SPA ist eine Anwendung, bei der alle Daten auf einer einzigen Webseite weitergeleitet werden, wodurch die Zeit, die zum Laden verschiedener URLs verschiedener Segmente benötigt wird, vollständig entfällt. Da eine solide Nutzerbasis jetzt über Mobiltelefone auf das Web zugreift, sind SPAs noch relevanter. Accelerated Mobile Pages werden auch speziell zur Verbesserung der Geschwindigkeit und des Komforts auf mobilen Seiten verwendet. In ähnlicher Weise ist eine PWA eine "leichtere" Version einer größeren App, die sich an Kunden richtet, die ein begrenztes Internet oder ein Internet mit geringerer Geschwindigkeit nutzen. Da Inklusivität ein Hauptanliegen ist, zielen alle neuen Technologien in der Webentwicklungsbranche auf ein schnelleres, komfortableres Internet ab.

Auch Google hat den Komfort beim Browsen berücksichtigt, da der Abschnitt "Featured Snippets" es dem Nutzer nicht mehr erlaubt, jeden Link anzuklicken und zu besuchen.

Serverlos

Es wird prognostiziert, dass die Komponenten der Datenbank eines Servers im kommenden Jahr zunehmend virtuell werden, was zur Entstehung des Konzepts des Serverless führt. In einem solchen Szenario stünde es den Entwicklern frei, eine leitende, entscheidungsfindende Rolle mit einem Unterschied in der Art der Werkzeuge zu übernehmen, mit denen sie arbeiten möchten. Eine serverlose Architektur macht ein Modell grenzenlos skalierbar, und eine Expansion auf globaler Ebene kann visualisiert werden. AWS Lambda hat im Jahr 2020 ein immenses Potenzial gezeigt und ist derzeit Marktführer im Bereich Serverless.

Steigerung der Nutzerbindung

Da die User Experience im Aufwind ist, liegt der Fokus darauf, dass sich der Nutzer stärker eingebunden fühlt, indem Methoden wie das Senden von Push-Benachrichtigungen verwendet werden, um den Nutzer an etwas Wichtiges zu erinnern oder ihn darüber zu informieren, Motion UI (User Interface), um die Aufmerksamkeit aufrechtzuerhalten, und Chatbots für eine interaktive und komfortable Sitzung. Chatbots sparen die Zeit und das Geld, die normalerweise für die Beantwortung von Anfragen durch menschliche Interaktion aufgewendet werden, und Benachrichtigungen können sowohl für den Nutzer als auch für das Unternehmen sehr hilfreich sein - daher sind diese Methoden symbiotisch vorteilhaft. 

Auch Ghost-Buttons werden zunehmend in der UX eingesetzt. Diese werden für CTA (Call to Action) platziert und werden so genannt, weil sie gut in das Design der Website integriert sind, wodurch ihr Auftreten weitgehend natürlich wirkt. Ihre beabsichtigte Verwendung dient in erster Linie der verstärkten Interaktion und der Aufrechterhaltung der Aufmerksamkeit der Nutzer.

Künstliche Intelligenz und maschinelles Lernen

Künstliche Intelligenz (KI) und maschinelles Lernen (ML) sind heute allgegenwärtig - natürlich spielen sie auch in der Webentwicklung eine Rolle. Das Gewinnen von Erkenntnissen über Nutzerpräferenzen und die anschließende Feinabstimmung wird durch den Einsatz von KI viel komfortabler, da die gesamte Feldforschung digitalisiert und der Inhalt personalisiert wird. Mit Komponenten wie Content-Automatisierung, einer recht genauen Analyse des Kundenverhaltens, selbstlernenden Algorithmen und verbesserter Anpassung wird KI in großem Umfang in der Webentwicklung eingesetzt und wird voraussichtlich auch im kommenden Jahr an der Spitze des Spiels stehen.

Internet der Dinge

Das Internet der Dinge (IoT) hat sich am besten in Form von Google Home und Alexa materialisiert und ermöglicht die nahtlose Verbindung mehrerer Geräte zur Ausführung von Befehlen. Die Forschung von Statista deutet darauf hin, dass sich die Anzahl der IoT-Geräte im Jahr 2025 im Vergleich zu 2019 verdreifachen wird. Sogar Websites entscheiden sich heutzutage für die Sprachsuchoptimierung, eine IoT-Komponente - wie Sie vielleicht bemerken, hat Amazon Alexa auch in die Amazon-Shopping-App integriert. In der kommenden Zeit werden Geräte auf die Befehle ihrer Nutzer hören und entsprechend reagieren. 

Blockchain

Blockchain gibt es schon seit einiger Zeit, und laut Statistiken aus dem Jahr 2019 waren weltweit über 34 Millionen Blockchain-Wallets in Gebrauch. Im Jahr 2021 wird voraussichtlich eine Welle des Aufbaus von Software- und Hardware-Infrastruktur, Rechtsstreitigkeiten und Handelsregulierung stattfinden, um die Nutzung von Blockchain umfassender zu ermöglichen.

Erweiterung von Open Source

Laut dem State of the Octoverse 2020 Bericht wird die Zahl der Entwickler auf GitHub bis 2025 100 Millionen erreichen. Daher können wir in den kommenden Jahren ein deutliches Wachstum der Anzahl von Open-Source-Projekten und eine Erweiterung der bestehenden Projekte erwarten.

Als Teil der Webentwicklungs-Welt und auch einer sich ständig weiterentwickelnden Open-Source-Community hat auch Drupal im Laufe der Jahre ein massives Wachstum erlebt und ist weiterhin innovativ. Es hat Wege gefunden, die Covid-19-Pandemie zu bewältigen, ist rezessionsfrei geblieben und hat das Interesse großer Unternehmen an Investitionen geweckt.

CI/CD-Tools

Alles in allem wird das Serving vereinfacht und entwicklerfreundlich gestaltet, indem man die Wurzeln verfolgt und mit der Verwendung der neuen Generation von CI/CD (Continuous Integration und Continuous Delivery) Tooling zu den Grundlagen zurückkehrt. Da die Schnittstellen des Webs mit statischen Webseiten und Anwendungen einfacher werden, werden die Prozesse, die verwendet werden, um sie auf dem Bildschirm darzustellen, im Build komplexer, um dies zu ermöglichen.

Webentwicklungsfortschritte in der Drupal-Welt

Drupal hat mit seinen ständigen Updates immer versucht, mit den Webentwicklungsfortschritten Schritt zu halten, die um ihn herum stattfinden. Als Open-Source-Software werden immer wieder zahlreiche Nutzerbedürfnisse, die später als Technologie materialisiert werden, von der Community angesprochen, was die Erweiterung von Drupal ziemlich organisch und stabil macht. In den letzten Jahren hat Drupal verschiedene neue Komponenten entwickelt. 

Die nachfolgenden Versionen von Drupal 8  haben versucht, den Anforderungen und Wünschen der Community gerecht zu werden. Die Out-of-the-Box-Funktion von Drupal ermöglichte Versuche mit experimentellen Modulen wie dem Layout Builder (für Drag-and-Drop-Management) und der Medienbibliothek (für die Handhabung enormer Mengen an Medien), die auf der Erstellung einer interaktiven und ansprechenden Benutzeroberfläche basieren und später aufgrund ihrer Leistung und der Bedürfnisse der Nutzerbasis mit Versionsaktualisierungen zu Kernkomponenten gemacht wurden.
 

 

Als Drupal mit der Version 8.8 herauskam, wurde das Workspaces-Modul, das in den vorherigen Versionen testweise lief, in den Kern eingebettet. Es erleichterte die Handhabung mehrerer Workspaces mit Funktionen, die es ermöglichten, Inhalte in einem Zug zu überprüfen und bereitzustellen. Eine native Composer-Unterstützung wurde ebenfalls integriert und ersetzte frühere Abhängigkeiten von Drittanbietern. 
 

 

In den neuesten Updates, Drupal 9.0 und 9.1, hat Drupal sich bemüht, das Upgrade für alle, die die Software verwenden, zu vereinfachen, da etwa die Hälfte der bereits vorhandenen Module keine Änderungen benötigt. Greifen Sie hier auf Ihren vollständigen Leitfaden zu Drupal 9 zu.
 

 

Das geplante Standard-Frontend-Theme für das kommende Drupal 10 wurde als experimentelles Theme in Drupal 9.1 veröffentlicht, wobei der zugrunde liegende Gedanke die Einbeziehung besserer Ideen und die Behebung von Fehlern vor der endgültigen Veröffentlichung ist. So sieht Olivero aus - 

Abgesehen von Olivero sind einige wichtige Pläne für Drupal 10, die derzeit in Form von Initiativen vorliegen, automatisierte Updates, die die Notwendigkeit ersetzen, Ihre Softwarekomponenten manuell zu aktualisieren, eine verbesserte Out-of-the-Box-Funktion und die Einführung von Javascript-Komponenten. 
 

Um mit den Trends Schritt zu halten, hat Drupal auf seine Flexibilität gesetzt, sich an verschiedene technologische Fortschritte der letzten Jahre anzupassen.

Drupal arbeitet nahtlos mit KI und ML zusammen. Um die Benutzerfreundlichkeit zu erhöhen, verfügt Drupal auch über mehrere Module, die die Verwendung von KI auf der Website ermöglichen. Die Kompatibilität von Drupal mit Machine Learning wurde durch die Demo eines Proof-of-Concept-Projekts, das zur Analyse von Nutzerpräferenzen und anschließenden Feinabstimmung mit Unterstützung verschiedener APIs gezeigt wurde, auf der DrupalCon Baltimore 2017 gut demonstriert.
 

 

Drupal hat den Trend erkannt, dass JavaScript-Frameworks in großem Umfang auf Websites eingesetzt werden, und hat daher seiner entkoppelten Architektur viel Bedeutung beigemessen. Die Open-Source-Community von Drupal hat viel an verschiedenen Web-Service-Implementierungen wie GraphQL, JSON:API und REST gearbeitet, um eine effiziente Ausführung von Headless-Architekturen zu ermöglichen. Dies ermöglicht es Ihnen, eine breite Palette von javaScript-Frameworks für das Frontend zu nutzen und eine perfekte entkoppelte Drupal-Architektur zu erstellen.
 

 

Drupal ist Mobile First und legt großen Wert auf Reaktionsfähigkeit und UI.  In der Vergangenheit hat Drupal die Mobile Initiative für die Mobile-First-Entwicklung und die Gerätefreundlichkeit ins Leben gerufen, um die Beteiligung der Community daran zu fördern. Darüber hinaus verbessert das Accelerated Mobile Page Modul die gesamte UX einer Website, wenn von einem mobilen Gerät aus darauf zugegriffen wird.

Um die Agenda weiter voranzutreiben, verwendet Drupal Progressive Web Apps, um das Browsen für den Nutzer komfortabel und ansprechend zu gestalten. Diese Apps werden in der Regel im Hintergrund installiert, nachdem der Nutzer die Erlaubnis dazu beim Browsen erteilt hat. PWAs benötigen keine Dienste aus dem Play Store und werden vom Browser selbst installiert. 

Drupal ist auch sehr praktisch bei der nativen Entwicklung mobiler Anwendungen. Sie können beispielsweise Drupal als Content Store und Flutter als Ihr UI-Toolkit nutzen, um schöne native mobile Apps zu erstellen. Mehr über Drupals Angebot für mobile Apps finden Sie hier.

Die Drupal-Community hat sich auch mit Virtual Reality, Augmented Reality und  Internet der Dinge beschäftigt und Drupals stupende Fähigkeiten demonstriert, gut mit solchen aufkommenden Technologien zusammenzuarbeiten. Vor einiger Zeit baute beispielsweise eine Drupal-Agentur einen Anwendungsprototyp auf Drupal 8, bei dem Nutzer einen Chatbot für den Lebensmitteleinkauf konsultieren konnten, wobei bestimmte gesundheitliche Einschränkungen berücksichtigt wurden. Die Smartphone-Kameras wurden verwendet, um relevante Produktinformationen zu erfassen, und die Chatbots lieferten dem Kunden die notwendigen Details. Das Konzept nutzte also AR und KI zusammen für mehr Benutzerfreundlichkeit und -erfahrung.
 

 

Im Jahr 2018 verwendeten die Organisatoren der DrupalCon Nashville virtuelle Postkarten für die Zulassung der Gäste. Von einem VR-Editor, der mit Drupal als Backend und React als Frontend erstellt wurde, bis hin zur Javascript-API WebVR, die dynamische Inhalte mit Drupal-konformer JSON-API demonstriert, hat Drupal bei den Experimenten mit Virtual Reality schon einiges erreicht.

Drupal kann auch mit Blockchain zusammenarbeiten, um Daten von den Websites großer Unternehmen zu synchronisieren.

Headless Drupal kann auch effektiv sein, um fortschrittliche serverlose Architekturen zu erstellen. Sie können beispielsweise Amazon CloudFront, Lambda@Edge und Headless Drupal nahtlos integrieren, um Nutzern geringste Latenzzeiten und personalisierte Erlebnisse zu bieten.

Schlussfolgerung

Trends in der Webentwicklung sind immer in ständiger Entwicklung und fordern den Rest des Marktes auf, mit ihnen Schritt zu halten. Während dies nur einige prognostizierte Ideen sind, könnten wir in naher Zukunft einige neuere Entwicklungen und Technologien sehen, die die Oberhand gewinnen.