Heim >Web-Frontend >H5-Tutorial >Zukünftige HTML5-Entwicklungstrends _HTML5-Tutorial-Fähigkeiten

Zukünftige HTML5-Entwicklungstrends _HTML5-Tutorial-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:45:541540Durchsuche
Was ist HTML5?
HTML5 im engeren Sinne
Der Vorgänger des HTML5-Entwurfs hieß Web Applications 1.0. Er wurde 2004 von WHATWG vorgeschlagen und 2007 vom W3C angenommen, und ein neues HTML-Arbeitsteam wurde gegründet gegründet. Am 6. Mai 2013 wurde der offizielle Entwurf von HTML 5.1 veröffentlicht. Die Spezifikation definiert die fünfte Hauptversion, die erste, die die Kernsprache des World Wide Web überarbeitet: Hypertext Markup Language (HTML). In dieser Version werden kontinuierlich neue Funktionen eingeführt, um Webanwendungsautoren dabei zu helfen, die Interoperabilität neuer Elemente zu verbessern.


Das heißeste Thema im Bereich der Web-Frontend-Entwicklung der letzten Jahre ist zweifellos HTML5. Es hat die Art und Weise, wie Entwickler Webanwendungen entwickeln, grundlegend verändert hat sich auf verschiedene Betriebsplattformen ausgewirkt und wird dies auch weiterhin tun.
Im mobilen Bereich ist eine Frage, über die jeder endlos debattiert, die Frage, ob Webanwendungen oder native Anwendungen entwickelt werden sollen. Mit der Entwicklung des HTML5-Standards verschwimmen die Unterschiede zwischen den beiden. Heutzutage beeilen sich die großen Medien, über Dinge im Zusammenhang mit HTML5 zu berichten. Lassen Sie mich über meine Ansichten und einige der Ansichten sprechen, die ich gesehen habe und denen ich meiner Meinung nach zustimme.
 1) Mobile first
Vorgestern wurde appMobi als vielversprechendstes Unternehmen im ReadWriterWeb2012 ausgewählt auf mobilen Plattformen Wie man HTML 5 benutzerfreundlich und allgegenwärtig macht.
Wie Sie an der endlosen Verbreitung mobiler Anwendungen sehen können, ist „Mobile First“ im Zeitalter der explosionsartigen Verbreitung von Smartphones und Tablets zu einem Trend geworden, egal was entwickelt wird, es basiert hauptsächlich auf Mobilgeräten.
Wie oben erwähnt, besteht das Problem, das den mobilen Bereich bisher plagt, darin, ob Webanwendungen oder native Anwendungen entwickelt werden sollen. Heutzutage sehen wir, dass einige große Unternehmen wie die Financial Times native iPad-Anwendungen aus dem App Store entfernen und Webanwendungen entwickeln, um mit HTM L5 in den mobilen Markt einzusteigen, was ebenfalls gute Ergebnisse erzielt.
Viele Spieleentwickler werden auch bei mobilen Webanwendungen eine wichtige Rolle spielen. Der Trend, mobilen Webanwendungen den Vorrang zu geben, wird anhalten, bis mobile Geräte den Bereich der Informationsverarbeitung dominieren. Tatsächlich ist es den Benutzern völlig egal, welche Tools Sie zum Entwickeln von Anwendungen verwenden, sei es eine Webanwendung oder eine native Anwendung, solange sie einfach zu verwenden sind.
 2) Spieleentwickler übernehmen die Führung beim „Starring“
Tatsächlich sind es Entwickler mobiler Spiele, die am meisten von HTML5 profitieren. Sie können diese Plattform nutzen um der Pay-to-Play-Anforderung zu entgehen, wird eine Provision von 30 % an Apple gezahlt. Spiele sind gewissermaßen die meistverkauften Anwendungen auf mobilen Plattformen und auch ein wichtiger Faktor, um Menschen zum Kauf mobiler Geräte zu bewegen.
Viele Spieleentwickler werden von Facebook oder Zynga angetrieben, und das zukünftige Facebook-Anwendungsökosystem basiert auf HTML5. Obwohl es sehr schwierig ist, Spiele auf der HTML 5-Plattform zu entwickeln, sind Spieleentwickler dazu bereit. Es ist auch eine Möglichkeit, Webanwendungsspiele über PhoneGap und das XDK von appmobi zu verpacken und in native Anwendungen zu integrieren. Facebook basiert dabei auf Webanwendungen und Browsern, verpackt und integriert sie jedoch in native Anwendungen.
 3) Responsives Design & automatische Änderung der Bildschirmgröße
Bevor HTML 5 die mobile Entwicklungsplattform wirklich verändern kann, muss ein wichtiger Schritt getan werden, und das ist „ “ „Responsive Design“ bedeutet, dass die Größe des Bildschirms automatisch an den Inhalt angepasst werden kann.
Eines der besten Beispiele für responsives Design ist BostonGlobe.com (siehe Video), dessen Bildschirmgröße je nach Inhalt geändert werden kann. Nach einem Besuch bei der Entwicklergruppe Filament Group habe ich erfahren, dass responsives Design auch nicht einfach ist Einige grundlegende Konzeptentwürfe müssen von Grund auf neu erstellt werden, beispielsweise RespondJS für die Verwaltung der Medienbibliothek. Auch der Umgang mit Bildern und Anzeigen von Drittanbietern ist ein lästiges Problem.
Wenn Sie im Responsive Design gute Arbeit leisten wollen, müssen Sie die Feedback-Beziehung zwischen dem Inhalt und dem Bildschirm verstehen, sagte ZURB, ein Responsive-Design-Unternehmen aus dem Silicon Valley, in der Tat, in den letzten 16 Jahren Beim Responsive Design geht es darum, sich komplett vom „Fluss“ zu lösen und sich stattdessen auf die Verarbeitung von Inhalten auf Webseiten und Mobilgeräten zu konzentrieren. Dieser Prozess ist noch im Gange, und HTML 5 wird es endlich ermöglichen.
  4) Gerätezugriff
Das größte Hindernis bei der Beseitigung der Grenzen zwischen Webanwendungen und nativen Anwendungen ist die Fähigkeit von Browsern, auf grundlegende Funktionen mobiler Geräte zuzugreifen, wie z Kameras, Kontakte und Kalender, Beschleuniger usw. Im Hinblick auf die Verwendung von HTML5 zur Erreichung dieser Funktion gilt appMobi, das oben erwähnt wurde, als Branchenführer und hat nach Thanksgiving alle APIs als Open Source bereitgestellt. Mozilla hat auch hart daran gearbeitet, die Gerätezugänglichkeit über seinen mobilen Browser Fennec zu verbessern.
Für viele mobile Entwickler ist die Verbesserung der Gerätezugänglichkeit die aufregendste Neuerung von HTML5. Dies bedeutet, dass Webanwendungen ohne PhoneGap-ähnliche Verpackung gestartet werden können, weil bestimmte Funktionen vorhanden sind ihnen gesperrt sind, etwa Beschleuniger, die in das Spiel integriert werden können.
Dies eröffnet eine weitere Welt voller Möglichkeiten, wie z. B. eine bessere Integration mit der Cloud (was für In-App-Käufe, Nachrichten-Push usw. von Vorteil ist) und eine verbesserte Spielbarkeit des Spiels. Auf die HTML5-Plattform können sich Entwickler dann verlassen Java-Sprache, CSS3, HTML und andere Programmiersprachen.
5) Offline-Caching
Dieses Konzept ist recht neu. Die App kann auch offline weiterhin wie gewohnt funktionieren. Es gilt als eine magische Seite von HTML 5. Das beste Beispiel für Offline-Caching ist in diesem Jahr der Cloud-Reader von Amazon Kindle Wird über Firefox 6 oder höher, Chrome 11 oder höher, Safari 5 oder höher und iOS 4 oder höher verwendet. Synchronisieren Sie Inhalte mit allen Geräten der Kindle-Serie und können Sie sich alles in der Kindle-Bibliothek des Benutzers merken.

Auf diese Weise hat Amazon die Offline-Nutzung von Webanwendungen erkannt. Viele Experten behaupten, dass das Ende nativer Anwendungen naht, weil die Verwendung von Webanwendungen einfach, reibungslos und auf jeder Plattform oder ohne Plattform anwendbar ist . Natürlich haben sich auch hier die Tentakel von Mozilla ausgeweitet. Tatsächlich möchte Mozilla in jedem Bereich tätig werden, in den HTML 5 eindringen kann. Mehr erfahren Sie aus Mozillas mobiler Blaupause.
 6) Reife der Entwicklungstools
Im August dieses Jahres schrieb Brian Fling einen Blogbeitrag mit dem Titel „Analyse der HTML5-Webanwendungsentwicklung“ und machte mehrere Referenzvorschläge für Entwickler, die an HTML 5-Anwendungen arbeiten:
Seien Sie geduldig, das HTML5-Projekt kann länger dauern als die Entwicklung jedes anderen Projekts
Machen Sie ein Budget, es ist nicht so einfach wie das Erstellen einer Website, es kann Sie viel Geld kosten
Um den richtigen Entwickler zu finden, müssen Sie bedenken, dass dies für viele erfahrene Experten sehr schwierig ist und Ihr Team es auch schwierig finden wird. Stellen Sie also sicher, dass Sie die richtige Person finden und die richtige Richtung finden.
Selbst sein -Abhängig, Sie müssen wissen, dass für die Entwicklung von HTML 5-Projekten viele Tools hausgemacht und nicht vorgefertigt sein müssen
In der technischen Welt wird der schrittweise dogmatische Stil hier nicht funktionieren und viel kosten Im mobilen Bereich gibt es kein Richtig oder Falsch, sondern nur, ob es geeignet ist oder nicht. Alles konzentriert sich auf die Benutzererfahrung.


In Bezug auf Tools gibt es zusätzlich zu den von appMobi bereitgestellten Tools auch Frameworks und IDEs, die von Sencha und Appcelerator für Anwendungsentwickler bereitgestellt werden. Diese Tools sind jedoch derzeit noch nicht ausgereift und nicht so gut wie Die Entwickler-Frameworks und -Tools für Android und iOS sind so einfach und leistungsstark, aber sie entwickeln sich zumindest weiter und werden immer nützlicher.
 Zusammenfassung
Andere Funktionen von HTML 5, wie Formulare und neue Standards, entwickeln sich immer noch rasant weiter, und im Zuge der Standardisierungsarbeiten wird HTML 5 möglicherweise wieder in HTML umgewandelt . Zu den führenden Unternehmen im Bereich der HTML-5-Entwicklung zählen Sencha, Adobe, Appcelerator, appMobi und die drei Giganten Facebook, Amazon und Google.
Egal, ob Sie ein Entwickler sind, der eine neue Videoanwendung wie Brightcover entwickeln möchte, oder ein Entwickler, der eine neue Audioanwendung wie Soundcloud entwickeln möchte, ob es sich um eine Desktop-Anwendung oder eine mobile Anwendung handelt, HTML 5 ist das Wichtigste Thema Innovation.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn