Maison > interface Web > Tutoriel H5 > Tendances futures du développement HTML5 _Compétences du didacticiel HTML5

Tendances futures du développement HTML5 _Compétences du didacticiel HTML5

WBOY
Libérer: 2016-05-16 15:45:54
original
1526 Les gens l'ont consulté
Qu'est-ce que HTML5 ?
HTML5 au sens étroit
Le prédécesseur du projet HTML5 s'appelait Web Applications 1.0. Il a été proposé par WHATWG en 2004 et accepté par le W3C en 2007, et une nouvelle équipe de travail HTML a été créée. établi. Le 6 mai 2013, la version officielle de HTML 5.1 a été publiée. La spécification définit la cinquième version majeure, la première à réviser le langage de base du World Wide Web : Hypertext Markup Language (HTML). Dans cette version, de nouvelles fonctionnalités sont continuellement introduites pour aider les auteurs d'applications Web dans le but d'améliorer l'interopérabilité des nouveaux éléments.


Le sujet le plus brûlant dans le domaine du développement Web front-end ces dernières années est sans aucun doute HTML5. HTML5 a fondamentalement changé la façon dont les développeurs développent des applications Web. Des navigateurs de bureau aux applications mobiles, ce langage et ce standard sont en train de l'être. a affecté et continuera d’affecter diverses plates-formes d’exploitation.
Dans le domaine mobile, une question dont tout le monde débat sans cesse est de savoir s'il faut développer des applications web ou des applications natives ? Avec le développement du standard HTML5, les différences entre les deux se sont progressivement estompées. Aujourd'hui, les principaux médias se précipitent pour rendre compte des choses liées au HTML5. Alors, quelle est la future tendance de développement du HTML5 ? Permettez-moi de parler de mon point de vue et de certains des points de vue que j'ai entendus et avec lesquels je pense être d'accord.
 1) Mobile first
Avant-hier, appMobi a été sélectionnée comme l'entreprise la plus prometteuse dans ReadWriterWeb2012. En tant que start-up, cette société primée se concentre d'abord. sur les plateformes mobiles Comment rendre HTML 5 facile à utiliser et omniprésent.
Comme le montre l'émergence incessante des applications mobiles aujourd'hui, à l'ère de l'explosion des smartphones et des tablettes, le mobile first est devenu une tendance. Peu importe ce qui est développé, il repose principalement sur le mobile.
Comme mentionné ci-dessus, le problème qui tourmentait auparavant le domaine mobile est de savoir s'il faut développer des applications Web ou des applications natives. De nos jours, on voit certaines grandes entreprises comme le Financial Times supprimer les applications natives iPad de l'App Store et développer des applications web en train d'entrer sur le marché mobile avec HTM L5, qui fonctionne également bien.
De nombreux développeurs de jeux joueront également un rôle important dans les applications Web mobiles. La tendance à donner la priorité aux applications Web mobiles se poursuivra jusqu'à ce que les appareils mobiles dominent le domaine du traitement de l'information. En fait, les utilisateurs ne se soucient pas du tout des outils que vous utilisez pour développer des applications, qu’il s’agisse d’une application Web ou d’une application native, du moment qu’ils sont faciles à utiliser.
 2) Les développeurs de jeux prennent les devants en « mettant en vedette »
En fait, les développeurs de jeux mobiles sont ceux qui bénéficient le plus du HTML5. Ils peuvent utiliser cette plateforme. pour échapper à l'exigence de paiement pour jouer 30% de commission versée à Apple. Dans une certaine mesure, les jeux sont les applications les plus vendues sur les plateformes mobiles et constituent également un facteur important pour inciter les gens à acheter des appareils mobiles.
De nombreux développeurs de jeux sont pilotés par Facebook ou Zynga, et le futur écosystème d'applications Facebook est basé sur HTML5. Bien qu'il soit très difficile de développer des jeux sur la plateforme HTML 5, les développeurs de jeux sont prêts à le faire. C'est également un moyen de conditionner et d'intégrer des jeux d'applications Web dans des applications natives via PhoneGap et le XDK d'appmobi le fait presque - en se basant sur des applications Web et des navigateurs, mais en les empaquetant et en les intégrant dans des applications natives.
 3) Conception réactive et changement automatique de la taille de l'écran
Avant que HTML 5 puisse vraiment changer la plate-forme de développement mobile, une étape importante doit être franchie, et c'est " " "Responsive design" signifie que l'écran peut être automatiquement redimensionné en fonction du contenu.
L'un des meilleurs exemples de design réactif est BostonGlobe.com (regardez la vidéo) lancé cette année. Son écran peut être redimensionné en fonction de n'importe quel contenu. Après avoir visité son développeur Filament Group, j'ai appris que le design réactif n'est pas facile non plus. Certaines conceptions de base doivent être reparties de zéro, comme RespondJS pour la gestion de la médiathèque, et la gestion des images et des publicités de tiers est également un problème ennuyeux.
Si vous voulez faire du bon travail en matière de design réactif, vous devez comprendre la relation de rétroaction entre le contenu et l'écran. ZURB, une société de design réactif de la Silicon Valley, a déclaré qu'en fait, au cours des 16 dernières années, les développeurs. ont réalisé un design réactif. Il s'agit de s'éloigner complètement du « flux » et de se concentrer plutôt sur la façon dont le contenu est traité sur les pages Web et les appareils mobiles. Ce processus est toujours en cours, et HTML 5 le rendra enfin possible.
  4) Accès aux appareils
Le plus grand obstacle à l'élimination des frontières entre les applications Web et les applications natives est la capacité des navigateurs à accéder aux fonctionnalités de base des appareils mobiles, telles que caméras, contacts et calendriers, accélérateur, etc., en termes d'utilisation de HTML5 pour atteindre cette capacité, appMobi mentionné ci-dessus est considéré comme le leader de l'industrie et a ouvert toutes les API après Thanksgiving. Mozilla a également travaillé dur pour améliorer l'accessibilité des appareils via son navigateur mobile Fennec.
Pour de nombreux développeurs mobiles, l'amélioration de l'accessibilité des appareils est l'innovation la plus excitante du HTML5. Cela signifie que les applications Web peuvent être lancées sur des appareils mobiles sans aucun emballage de style PhoneGap. Bien sûr, les développeurs de jeux sont les plus heureux en raison de certaines fonctionnalités. leur sont bloqués, comme les accélérateurs qui peuvent être intégrés au jeu.
Cela ouvre un autre monde de possibilités, comme une meilleure intégration avec le cloud (ce qui est bénéfique pour les achats intégrés, le push de messages, etc.) et une jouabilité de jeu améliorée. Avec la plateforme HTML5, les développeurs peuvent alors s'appuyer sur. Langage Java, CSS3, HTML et autres langages de programmation.
5) Mise en cache hors ligne
Ce concept est assez nouveau. L'application peut toujours fonctionner comme d'habitude même hors ligne. Elle est considérée comme un côté magique de HTML 5. Le meilleur exemple de mise en cache hors ligne cette année est le lecteur cloud d'Amazon Kindle, qui peut être utilisé. utilisé via Firefox 6 ou supérieur. Chrome 11 ou supérieur, Safari 5 ou supérieur et iOS 4 ou supérieur synchronisent le contenu sur tous les appareils de la série Kindle et peuvent mémoriser tout ce qui se trouve dans la bibliothèque Kindle de l'utilisateur.

De cette manière, Amazon a réalisé l'utilisation hors ligne des applications Web. De nombreux experts affirment que la fin des applications natives est imminente, car l'utilisation des applications Web est devenue simple, fluide et applicable à n'importe quelle plateforme ou sans plateforme. . Bien entendu, les tentacules de Mozilla se sont également étendues ici. En fait, Mozilla souhaite s'impliquer dans tous les domaines dans lesquels HTML 5 peut pénétrer. Vous pouvez en apprendre davantage sur le plan mobile de Mozilla.
 6) Maturité des outils de développement
En août de cette année, Brian Fling a écrit un article de blog intitulé Analyse du développement d'applications Web HTML5 et a proposé plusieurs suggestions de référence pour développeurs engagés dans les applications HTML 5 :
Soyez patient, le projet HTML5 peut prendre plus de temps que le développement de tout autre projet
Faites un budget, ce n'est pas aussi simple que de construire un site web, cela peut vous coûter beaucoup d'argent
Pour trouver le bon développeur, vous devez vous rappeler que cela est très difficile pour de nombreux experts expérimentés, et que votre équipe aura également du mal, alors assurez-vous de trouver la bonne personne et de trouver la bonne direction
Être soi -reliant, il faut savoir que pour développer des projets HTML 5, de nombreux outils doivent être faits maison, et non prêts à l'emploi
Dans le monde technique, le style dogmatique pas à pas ne fonctionnera pas ici, et coûtera beaucoup de fonds inutiles. Dans le domaine mobile, il n'y a pas de bien ou de mal, seulement si cela est adapté ou non.


En termes d'outils, en plus des outils fournis par appMobi, il existe également des frameworks et des IDE fournis par Sencha et Appcelerator pour les développeurs d'applications, bien que ces outils ne soient pas encore matures et ne soient pas aussi bons que. ceux sur Android et iOS Les frameworks et outils de développement sont si simples et puissants, mais au moins ils évoluent et deviendront de plus en plus utiles.
 Résumé
D'autres fonctionnalités de HTML 5, telles que les formulaires et les nouvelles normes, évoluent encore rapidement et, à mesure que les travaux de normalisation progressent, HTML 5 pourrait redevenir HTML. . Les leaders dans le domaine du développement HTML 5 incluent Sencha, Adobe, Appcelerator, appMobi et les trois géants Facebook, Amazon et Google.
Que vous soyez un développeur souhaitant développer une nouvelle application vidéo telle que Brightcover ou un développeur souhaitant développer une nouvelle application audio telle que Soundcloud, qu'il s'agisse d'une application de bureau ou d'une application mobile, HTML 5 est le principal thème de l'innovation.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal