L'essentiel du HTML5

Explorer l'univers du HTML5

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Le HTML5 ne se limite pas à l'ajout de quelques balises, bien au contraire. Le HTML5 va plus loin en proposant un environnement de travail complètement repensé, en perpétuelle évolution, et un aspect modulaire quasi infini.
05:50

Transcription

Donc en regardant sur ce site, sur le w3c avec l'état actuel du html, on s'aperçoit que html, quelque part, c'est un ensemble de technologies qui vont regroupées sous cette appelation et on peut voir ici les diverses évolutions. On peut s'apercevoir que par exemple, dans la rubriques html 5, on a aussi bien des aussi bien de css. On voit qu'on a le html 5, certes, mais on a toutes une série de technologies qui sont développées en parallèles et qui vont venir appuyer l'integralité de ce mouvement, on va dire. Donc ici, si je cache ou j'affiche les détails, ça me permet d'avoir une liste plus succinte ici, Je vais prendre par exemple, le RDFA Lite. Qu'est ce que c'est que la RDFA ? Le RDFA, ça va être un standard qui va nous permettre de pouvoir modéliser les métadonnées que l'ont intégrer au sein de document html. Alors, il y a polémique entre plusieurs utilisations. On pourra avoir le microdata, le RDFA, le microformat, ect... Donc, on verra ça dans une étape dédiée. Mais ici, sur la partie standard, donc la partie recommandée par w3c, il s'agit du RDFA. Alors comment fonctionnent ces sites-là ? Vous avez ici dans la partie haute de la technologie abordée, un lien qui est très intéressant, qui est donc la version précédente et surtout la dernière version publiée. Alors, vous voyez ici, je suis au 17 mars 2015. Et si je prends la dernière version publiée, on est bien entendu sur la même. On pourrait être dans des données différentes, en fonction donc des travaux qui un peu en train de bouger, en train d'évoluer. Quand on va feuilleter ce type de documents, on va avoir toutes les informations nécessaires, une super tables des matières qui va nous permettre de pouvoir venir justement creuser, comprendre de l'intérieur l'utilisation et la manière recommandée d'utiliser la technologie. Alors, vous voyez ici, on parlait tout à l'heure de métadonnées et c'est métadonnées vont pouvoir faire partie de plusieurs dictionnaires, comme par exemple le Dup & Core pour dc, qui est distribué sur une adresse synthétique ou que purl.org/dc/terms/ ou en fait, des groupes de travail tierces vont pouvoir avancer de manière progressive sur la définition de certains dictionnaires avant de pouvoir les faire valider et les intégrer directement à schema.org ou à d'autres types de crémeries, qui peuvent fournir ce genre de dictionnaires. Alors, si on regarde ce qui englobe cet univers html 5, et bien on vient de voir que c'est quelque chose de modulaire et évolutif. Donc, on va continuellement et perpetuellement évoluer. Tout en restant sous la banière de html 5. On va, certes, avoir tout un support d'attribus et de balises, qui sont venus à être un peu la partie visible de l'iceberg et qui nous ont dit : ça y est, on a de nouvelles balises section side, article, footer. On a des balises vidéo, on a des audios mais ce n'est que la partie émergée de l'iceberg, les balises et les attribus. On va avoir toute une nouvelle de gestion des formulaires. Aujourd'hui, les sites web sont devenus des applications, et ces applications sont consultées depuis des appareils mobiles, des appareils portables. Et on ne peut pas avoir accès à un clavier un peu développé comme on pourrait l'avoir sur une machine. Donc, quand j'ai un numéro de téléphone à saisir, j'ai plutôt envie d'avoir simplement un clavier numérique et puis de valider un numéro de téléphone. D'avoir un peigne qui va atteindre un numéro de téléphone. Si c'est une adresse mail, j'aimerais bien avoir la touche .com, qui me permet d'aller plus vite avec une seule pression, de pouvoir directement taper .com et ne pas avoir à faire le point, majuscule, com, etc... Donc ce qui est un peu long. Donc les formulaires ont complétement été intégrés avec des systèmes de validation aussi. On verra ça dans des étapes dédiées. On parlait juste avant de l'audio vidéo natif. Mais ça va au-delà de la balise, ça va dans le fait que maintenant, les navigateurs n'ont plus besoin d'une tierce application pour pouvoir lire de la vidéo. L'api, imbriquée directement dans le navigateur, permet de lire des flux vidéo, des flux audio directement, et on n'a même pas besoin de créer de balises. On peut créer tout ça avec du Javascritp natif, intégré, sans ajouter de pluggin à nos navigateurs. On parlait des métadonnées aussi, qui vont pouvoir venir rendre nos documents encore plus sémantiques parce qu'on a pu voir l'arrivée des balises side, article, footer, header, qui ont un sens sémantique et plus que structurel. Donc, c'est très bien mais on a besoin de décrire encore plus loin. Ceci est un nom, un prénom, un numéro de téléphone, mais de surplus, un cellulaire ou un fax, vous voyez, de pouvoir distinguer toutes ces informations-là. et là, on a besoin de dictionnaires et de métadonnées pour pouvoir enrichir tout ça. Le Javascript, il ne se passait un développement d'application à l'époque de html 4 sans qu'on ait besoin d'utiliser une librairie. Aujourd'hui, on va utiliser, dans cette formation d'ailleurs, que du Javascript interpréte par l'integralité des navigateurs de manière native. Alors après, on pourra ajouter des librairies Javascript pour aller plus vite comme jQuery, Underscore ou Angular, par exemple, mais pour des types de développement spécifiques. On va bien entendu, aujourd'hui, pousser les limites de ce Javascript de manière native au sein des navigateurs. CanvasSVG, on peut dessiner directement dans nos navigateurs grâce à la balise canvas. On peut intégrer du vectoriel avec SVG. Donc, ce sont des possibilités d'extensions qu'on n'avait pas à l'époque de html 4. Donc tout ça, ça se regroupe sous des formes d'api, et aujourd'hui html 5 va avoir toute une floppée d'api, une artillerie qui va venir intégrer de manière native, nos navigateurs et qui va nous permettre de pousser encore plus loin le développement de nos applications avec du Drag&Drop, par exemple. Mais aussi des gestions de fichier, comme la File Api ou les Webworker, etc... Donc, on verra qu'il y a énormément d'api sous le capot, qui vont venir de manière native, renforcer les capacités de nos navigateurs. Et enfin, bien entendu, et ce n'est pas pour conclure, mais n'oublions pas css3, qui va intégrer, de la même manière que html 5 est évolutif, cette évolutivité en nous apportant de plus en plus de transitions, de gestion 3D, de gestion d'espaces visuels sans conflits internaviguateurs puisqu'il s'agit là de standards et que donc, tous les navigateurs, tous les lecteurs html sont capables de le comprendre.

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 !