Dieser Artikel teilt Ihnen hauptsächlich die Analyse technischer Trends mit, die Webentwickler im Jahr 2018 kennen müssen. Als Webentwickler sollten Sie stets ein Gespür für die Technologie bewahren, unabhängig davon, ob Sie im Front-End oder im Backend arbeiten. Die Popularität der Technologie braucht eine gewisse Zeit. Welche webbezogenen Technologien könnten 2018 zum neuen Favoriten der Webentwicklung werden? Im Folgenden finden Sie eine Liste von Technologien, die in der Branche praktiziert wurden und im Allgemeinen optimistisch sind oder von großen Unternehmen empfohlen werden.
„Progressive Web Apps“ ermöglicht Ihnen beim Besuch einer Website das gleiche Erlebnis wie der Besuch einer lokalen APP. Diese Technologie wurde ursprünglich 2015 von Google vorgeschlagen. Progressive Web App vereint die Vorteile von Web und lokaler APP. Wie eine Progressive Web App aussieht, können Sie in PWA Rocks sehen.
Einer der größten Vorteile der Progressive Web App ist ihre Zuverlässigkeit. Im Hintergrund wurden „Service Worker“ hinzugefügt, die ein schnelles Laden, Offline-Laden oder die Verwendung bei extrem schlechter Netzwerkumgebung, synchrone Aktualisierungen usw. ermöglichen können. Es wird „Progressiv“ genannt, weil es auf Geräten, einschließlich, aber nicht beschränkt auf PC-Desktops, mobile Endgeräte, Tablets und alle neuen Geräte der Zukunft, reaktionsfähig ausgeführt werden kann. Da der Servicemitarbeiter im Hintergrund Netzwerkanforderungen abfangen und sicherstellen kann, dass das Übertragungsprotokoll der Progressive Web App „HTTPS“ ist, kann dies die Sicherheit der Anwendung gewährleisten.
Alibaba ist das weltweit größte Online-B2B-Unternehmen und bedient mehr als 200 Länder. Bei der Entwicklung einer Website wird die Benutzererfahrung der wichtigste Gesichtspunkt sein. Die Website von Alibaba sollte sich gleichzeitig auf die Entwicklung von „mobilem Web“ und „mobiler App“ konzentrieren, um den Bedürfnissen der Kunden nach mobilem Erlebnis gerecht zu werden. Es wurde jedoch erkannt, dass dies nicht der beste Weg zur Maximierung der Benutzererfahrung war. Die Web- und APP-Entwicklung erforderte doppelt so viele Ressourcen, nur um die gleichen Anforderungen auf der mobilen Seite zu erfüllen. Gleichzeitig ist das Web stark in das Internet integriert und kann nicht offline genutzt werden; der App-Entwicklungszyklus ist lang und erfordert häufige Updates durch die Benutzer. Daher hat sich auch die Website von Alibaba für PWAs entschieden und 76 % der Website wurden auf PWAs umgestellt. Wenn Sie daran interessiert sind, Alibaba PWAs auszuprobieren, können Sie die offizielle Website von Alibaba in Chrome auf Ihrem Mobiltelefon aufrufen, um Händler-Push-Erinnerungen, eine Startschnittstelle zur Anwendungsanpassung usw. zu unterstützen. Es ist wirklich das gleiche Erlebnis wie eine lokale APP im Browser.
Derzeit konzentrieren sich immer mehr Websites auf die Einfachheit und Geschwindigkeit des Surfens, und wir werden auch immer mehr Single-Page-Websites sehen. Unter der sogenannten Single-Page-Webanwendung versteht man eine Website, die nur eine HTML-Seite und eine lange Bildlaufleiste enthält. Werfen wir einen Blick auf eine Single-Page-Webanwendung „Magic Interactive Resume“:
Single-Page-Webanwendungen haben viele Vorteile: Alle Inhalte sind vorhanden Auf einer Webseite können Sie den Fluss von Website-Informationen steuern, während Benutzer die Website linear durchsuchen. Mit dieser Art der Steuerung können Sie den Benutzer durch eine Reise führen, während die Bildlaufleiste scrollt. Gleichzeitig ermöglicht dies den Besuchern die Teilnahme über einen einheitlichen Eingang. Sie können eine Geschichte erzählen, einen Standpunkt darlegen oder ein Erlebnis simulieren.
Single-Page-Webanwendungen streben nach Einfachheit und Effizienz, unterstützen mobile Endgeräte, verfügen über eine benutzerfreundliche Oberfläche und sind recht bequem zu konvertieren. Für E-Commerce-Anwendungen ist es jedoch nicht geeignet.
Heutzutage wird der Bereich der Content-Management-Systeme (Content-Management-Systeme) von dynamischen Websites dominiert. Allerdings waren die ersten Websites, die im Internet auftauchten, statisch. Mit Hilfe statischer Website-Generatoren sind jetzt statische Websites zurück, was einen hybriden Ansatz zur Webentwicklung darstellt. Jekyll ist einer der beliebtesten statischen Website-Generatoren auf dem Markt.
Ein statischer Website-Generator oder eine statische Website-Engine verwendet dynamische Inhalte und Daten als Eingabe und gibt bereitstellbare statische Dateien (HTML, CSS, JavaScript) aus. Serverseitige Sprachen und Datenbanken sind nicht beteiligt. Solche statischen Websites sind schneller, zuverlässiger, kostengünstiger oder sogar kostenlos und einfach bereitzustellen und zu verwalten. Da die Website keine serverseitigen Sprachen und Datenbanken verwendet, ist die Website auch sicherer.
Jekyll, Hugo, GitBook und Pelican sind mittlerweile die beliebtesten statischen Blog-Generatoren. Sie können auch StaticGen besuchen, um weitere Open-Source-Generatoren für statische Websites zu entdecken.
Möglicherweise haben Sie auf einigen avantgardistischen Websites oder Apps Effekte wie Hintergrundanimationen, Seitenübergangsanimationen, Bildlaufanimationen oder animierte Tabellen gesehen Motion-Benutzeroberfläche. Schauen wir uns zunächst ein Beispiel für ein cooles Effekt-Visitenkarten-App-Design von Tubik an.
Motion UI war ursprünglich ein Abhängigkeitspaket, das in der Zurb Foundation APP enthalten war, als diese im Dezember 2014 veröffentlicht wurde, um flexible CSS-Umschaltung und Animationseffekte zu erstellen. Im Jahr 2016 fügte das Zurb-Team einige neue Funktionen hinzu und veröffentlichte es offiziell als unabhängige Bibliothek. Die neueste Version des Motion UI-CSS-Stils ist mit allen JS kompatibel und ermöglicht eine nahtlose Integration von Animationen in das Web.
Das Hinzufügen von Motion-UI-Elementen zu Ihrer Website kann die Benutzerbeteiligung und -nutzung erheblich steigern. Besuchen Sie UI Movement, eine Website, die Ihnen hilft, die Verwendung von Motion UI zu erlernen.
Wenn Sie Instant-Messaging-Tools verwendet haben, sollten Sie mit Chatbots gechattet haben. Allein „Facebook Messager“ verfügt über mehr als 10.000 Chatbots. ChatBot ist ein Dienst, der Anwendungsinteraktionen über Konversationsschnittstellen ermöglicht (z. B. die Instant-Messaging-App WeChat). Dieser Service kann Ihnen dabei helfen, online einzukaufen, Uber-Fahrten zu bestellen, Neuigkeiten zu bewerben oder Ratschläge für das Leben zu geben. Das ist Poncho, ein Wettervorhersage-Chatbot.
Chatbots haben einen enormen geschäftlichen Wert und Potenzial. Über dieses Chatbot-Portal können Sie eine Vielzahl von Diensten in Anspruch nehmen. Mit dem Aufkommen künstlicher Intelligenz können Chatbots die Arbeitsweise eines Unternehmens stark verändern. Die ausländischen Unternehmen Octane AI und Drift haben dies erkannt und begonnen, Plattformen in diesem Bereich zu entwickeln.
Das WeChat Mini-Programm wurde im September 2017 offiziell gestartet. Es handelt sich um eine Anwendung, die nicht heruntergeladen und installiert werden muss. Sie verwirklicht den Traum, Anwendungen „in Reichweite“ zu haben. Benutzer können die Anwendung durch Scannen oder Suchen öffnen. Sehen wir uns zunächst die historischen Änderungen der Anwendungen an:
WeChat-Applet erschien in diesem Verlauf:
PC-Desktop-Programm C/S-Organisation
PC-Browser-Programm B/S-Struktur
Mobile APP C/S-Struktur
Mobile H5 Mini-Programm B/S-Struktur Chatbot?
B/S-Struktur im IOT-Zeitalter?
Fast klein Funktionen der Programme: Keine Installation erforderlich, sofort einsatzbereit, kein Zugang, Triggerpunktauslösung. Im Wesentlichen handelt es sich nur um ein H5-Programm, das in WeChat ausgeführt wird (das die Betriebsplattform und die Serviceplattform integriert). Die Migration von der „CS“- zur „BS“-Struktur ist lediglich eine Wiederholung des Pfads PC-Ära.
Werden die Versuche von Miniprogrammen, sich der IOT-Ära (Internet der Dinge) zu stellen, im Jahr 2018 erfolgreich sein? Es bleibt abzuwarten, ob der groß angelegte ChatBot der westlichen Welt oder Chinas WeChat-Applet in der nächsten IOC-Ära erfolgreich eingesetzt werden können.
Verwandte Empfehlungen:
Empfohlene Artikel über Technologietrends
JavaScript-bezogene Technologietrends, die 2017 einen Blick wert sind
Eine kurze Diskussion zum Kerndesign für WEB-Entwickler