Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel du HTML5

Utiliser les modules et les API

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
L'ensemble des API couvert par le HTML5 permet de doter vos sites web de fonctionnalités similaires à des applications. Vous n'aurez pas recours à des plug-ins ou à des extensions tierces.
04:37

Transcription

En complément, d'autres api ont fait leur apparition avec html 5, donc faisons le tour de quelqu'uns de ces modules bien que cela soit très limitatif. Donc, autour de html 5, quand même, la première innovation côté api, on va dire, va être que Javascript s'est énormément étendu dans ses capacités au niveau des navigateurs, de manière par défaut. Donnc sans intégrer une librairie quelconque, il est possible de pouvoir manipuler le DOM et travailler de manière native beaucoup plus loin que ce qu'on pouvait le faire par le passé. De plus, il y a un standard qui est utilisé qui fait que l'ensemble des moteurs Javascript utilisés par les navigateurs va plus ou moins couvrir les mêmes fonctionnalités de manière harmonieuse. Il y a quelques manques quelque part, mais on verra qu'il y a des solutions paliatives à ces manques. Alors, les principales api vont être par exemple le webstorage, qui va permettre de pouvoir stocker de l'information sous forme de propriété valeur. Donc, comme une base de données au sein de navigateurs qui pourra être récupérée. Donc, qui va permettre de la navigation non connectée, qui va permettre d'avoir des informations plus volumineuses et plus rapidement accessibles au sein du navigateur. Alors, on peut avoir des informations comme du localstorage aussi, du sessionstorage. Et tout ça va permettre encore une fois, d'améliorer les performances de nos applications. Les webworker, qui vont permettre de pouvoir dispatcher les SR&ED de traitement des flux de chargement de navigateur en plusieurs canaux qui vont donc libérer de la ressource pour pouvoir ne pas réafficher nos pages, lancer des calculs en arrière boutique et ne pas pénaliser la lecture linéaire de nos sites. La géolocalisation, qui va permettre donc, comme son nom l'indique, de pouvoir localiser nos applications et encore mieux servir nos utilisateurs en fonction de leur emplacement, en fonction de leur mobilité éventuelle. L'historique, alors ça, c'est quelque chose qui était complétement paradoxal. C'est à dire qu'on avait le web qui évoluait en technologie d'un côté, qui nous permettait par exemple avec des techno comme Ajax, de pouvoir recharger une simple partie de la page. Mais le navigateur, lui, n'était pas informé que la page avait changé Donc son contenu avait changé, pour lui, il était toujours sur la page d'origine que l'utilisateur naviguait. Et donc, si on voulait venir dans l'historique, on partait de la page. On ne naviguait pas dans cette évolutivité, dans cette mise à jour fréquente de la page. Aujourd'hui, on a des api comme historic, qui va nous permettre de prendre en considération toutes ces évolutions au sein des contenus de nos pages et de notre navigation. Le Drag&Drop, il était quand même assez impressionnant de pas pouvoir glisser/déposer des documents ou de pouvoir, inversement, récupérer des parties du documents de la page web sur le bureau. Et ici, aujourd'hui, on peut complètement glisser/déposer des contenus que l'on soit du navigateur vers le bureau, ou du bureau vers le navigateur. Tout ça est pris en charge de manière native encore une fois, sans avoir à ajouter quelque librairie que ce soit au sein de nos navigateurs. Canvas et SVG qui va nous permettre de pouvoir travailler soit avec du bitmap, de dessiner directement avec une api graphique. Soit de pouvoir travailler et intéragir avec du SVG vectoriel. Donc, de l'illustration vectorielle au sein de nos navigateurs. Et donc, tout cela, encore une fois, sans passer par un pluggin tierce. Et bien entendu, l'audio/vidéo, qui va être lu directement par les navigateurs sans que le classique pluggin flash soit utilisé pour pouvoir lire ces flux. Voilà donc, la liste est encore longue. On pourrait continuer de cette manière-là. On a vu les principales mais je vous invite à vous rapprocher de html5index.org qui va lister l'integralité des api. Alors ici, vous avez des api soit sous forme directement d'api, soit en fonction des catégories dans lesquelles vous allez vouloir les trouver et puis si vous prenez par exemple l'api canvas dont on a parlé ici, ou webworker, vous pouvez directement accéder à toutes les informations, les propriétés, les fonctions, leurs prises en compte au sein des navigateurs. Et puis ici, le dret qui est fabuleux, qui a changé. Donc, on avait un autre site web. Aujourd'hui, c'est passé sur gitup qui va nous permettre ici, pareil, d'avoir un aperçu passé global. D'une part, d'accéder à toutes les recommandations de ces api natives, Et puis de toutes les candidates recommandations, les workindraft. Voilà, si par exemple ici, je suis un fil api au niveau brouillon, qui va me permettre de manipuler depuis mon navigateur les fichier que l'utilisateur va pointer, on accède directement aux recommandations du w3c, à leurs phases de brouillon, etc... Donc, voilà deux sites assez intéressants à venir travailler. html5.org et puis le gitup de dret qui ici, a fait un travail merveilleux de pouvoir lister l'intégralité de ces api.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :29 juin 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !