VT2020-WebAssembly-Fiche - Revision history

Morgan.Crociati: /* Référence */

2020-11-27T15:03:14Z

Référence

← Older revision		Revision as of 15:03, 27 November 2020
Line 126:		Line 126:
	# https://madewithwebassembly.com/		# https://madewithwebassembly.com/
	# https://github.com/mbasso/awesome-wasm		# https://github.com/mbasso/awesome-wasm
			# https://github.com/appcypher/awesome-wasm-langs

	= Veille Technologique 2020 =		= Veille Technologique 2020 =

Morgan.Crociati: /* Historique */

2020-11-27T14:41:23Z

Historique

← Older revision		Revision as of 14:41, 27 November 2020
Line 37:		Line 37:

	= Historique =		= Historique =
	== Guerre des standards ==		=== Guerre des standards ===
	Avant la création du WebAssembly, les grandes entreprises du web (Google, Mozilla, Microsoft, ...) avaient compris que les navigateurs manquaient d'une technologie leur permettant d'avoir de meilleur performance que le Javascript. Cette technologie permettrait de pouvoir faire fonctionner directement depuis un navigateurs des applications lourde, que l'on aurait considéré comme native auparavant.		Avant la création du WebAssembly, les grandes entreprises du web (Google, Mozilla, Microsoft, ...) avaient compris que les navigateurs manquaient d'une technologie leur permettant d'avoir de meilleur performance que le Javascript. Cette technologie permettrait de pouvoir faire fonctionner directement depuis un navigateurs des applications lourde, que l'on aurait considéré comme native auparavant.

Line 53:		Line 53:
	<br clear=all>		<br clear=all>

	== Création du WebAssembly ==		=== Création du WebAssembly ===
	[[File:W3C_Icon.png\|500px\|right\|thumb\| Logo du World Wide Web Consortium]]		[[File:W3C_Icon.png\|500px\|right\|thumb\| Logo du World Wide Web Consortium]]
	Ayant vue le potentiel de asm.js, Mozilla décide d'ouvrir la discussion avec les autres acteurs majeur du web et de créer un standard commun gérer par le World Wide Web Consortium (cf. image ci-dessous).		Ayant vue le potentiel de asm.js, Mozilla décide d'ouvrir la discussion avec les autres acteurs majeur du web et de créer un standard commun gérer par le World Wide Web Consortium (cf. image ci-dessous).
Line 72:		Line 72:
	<br clear=all>		<br clear=all>

	== Roadmap ==		=== Roadmap ===
	Même si WebAssembly est maintenant disponible au publique, celui-ci continue son développement avec des mises à jours semi-régulière (plus fréquente que les autres langages natif des navigateurs). Voici une courte roadmap des fonctionnalités qui sont envisagé dans avenir plus ou moins proche:		Même si WebAssembly est maintenant disponible au publique, celui-ci continue son développement avec des mises à jours semi-régulière (plus fréquente que les autres langages natif des navigateurs). Voici une courte roadmap des fonctionnalités qui sont envisagé dans avenir plus ou moins proche:
	[[File:webassembly_post_mvp.png\|frame\|right\| Roadmap post-mvp du WebAssembly visualisé par [https://hacks.mozilla.org/2018/10/webassemblys-post-mvp-future/\| Lin Clark]]]		[[File:webassembly_post_mvp.png\|frame\|right\| Roadmap post-mvp du WebAssembly visualisé par [https://hacks.mozilla.org/2018/10/webassemblys-post-mvp-future/\| Lin Clark]]]

Morgan.Crociati: /* Description */

2020-11-27T14:41:07Z

Description

← Older revision		Revision as of 14:41, 27 November 2020
Line 18:		Line 18:
	La technologie a été créer pour ajouter à l'arsenal des navigateurs une technologie permettant d'avoir performances meilleurs que celle du Javascript, et permettre ainsi aux navigateurs d'avoir accés à des applications hautes performances ou plus sécurisé en utilisant les ressources de l'utilisateur et non pas d'un serveur.		La technologie a été créer pour ajouter à l'arsenal des navigateurs une technologie permettant d'avoir performances meilleurs que celle du Javascript, et permettre ainsi aux navigateurs d'avoir accés à des applications hautes performances ou plus sécurisé en utilisant les ressources de l'utilisateur et non pas d'un serveur.

	== WebAssembly et Javascript ==		=== WebAssembly et Javascript ===
	[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]		[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]
	Le WebAssembly n'a pas pour objectif de venir perturber le Javascript, les deux langages sont complémentaire.		Le WebAssembly n'a pas pour objectif de venir perturber le Javascript, les deux langages sont complémentaire.
Line 26:		Line 26:
	<br clear=all>		<br clear=all>

	== Exemple ==		=== Exemple ===
	On peut soit écrire directement en WebAssembly, même si cela n'est pas le but de la technologie en elle même.		On peut soit écrire directement en WebAssembly, même si cela n'est pas le but de la technologie en elle même.
	Le but est d'écrire dans un autre langage de programmation (C, C++, Rust, ...).		Le but est d'écrire dans un autre langage de programmation (C, C++, Rust, ...).
Line 33:		Line 33:
	<br clear=all>		<br clear=all>

	== Langage officiellement supporté ==		=== Langage officiellement supporté ===
	[[File:Webassembly_official_language.PNG]]		[[File:Webassembly_official_language.PNG]]

Morgan.Crociati: /* Langage supporté */

2020-11-27T14:37:31Z

Langage supporté

← Older revision		Revision as of 14:37, 27 November 2020
Line 33:		Line 33:
	<br clear=all>		<br clear=all>

	== Langage supporté ==		== Langage officiellement supporté ==
	[[File:Webassembly_official_language.PNG]]		[[File:Webassembly_official_language.PNG]]

Morgan.Crociati: /* Langage supporté */

2020-11-27T14:37:01Z

Langage supporté

← Older revision		Revision as of 14:37, 27 November 2020
Line 34:		Line 34:

	== Langage supporté ==		== Langage supporté ==
		⚫	[[File:Webassembly_official_language.PNG]]

⚫	[[File:Webassembly_official_language.PNG~~\|frame~~]]
	Webassembly_official_language.PNG

	= Historique =		= Historique =

Morgan.Crociati: /* Description */

2020-11-27T14:36:49Z

Description

← Older revision		Revision as of 14:36, 27 November 2020
Line 32:		Line 32:
	[[File:webassembly_example_compilation.PNG\|frame\|center\| Exemple compilation de code C, en WebAssembly (.wat à gauche et .wasm à droite)]]		[[File:webassembly_example_compilation.PNG\|frame\|center\| Exemple compilation de code C, en WebAssembly (.wat à gauche et .wasm à droite)]]
	<br clear=all>		<br clear=all>

			== Langage supporté ==

			[[File:Webassembly_official_language.PNG\|frame]]
			Webassembly_official_language.PNG

	= Historique =		= Historique =

Morgan.Crociati at 14:34, 27 November 2020

2020-11-27T14:34:37Z

← Older revision		Revision as of 14:34, 27 November 2020
Line 21:		Line 21:
	[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]		[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]
	Le WebAssembly n'a pas pour objectif de venir perturber le Javascript, les deux langages sont complémentaire.		Le WebAssembly n'a pas pour objectif de venir perturber le Javascript, les deux langages sont complémentaire.
	Cela est particulière vrai car le WebAssembly n'a pas de moyen natif d’interagir avec le DOM.		Cela est particulière vrai car le WebAssembly n'a pas de moyen natif d’interagir avec le DOM et doit donc se reposer sur le Javascript pour interagir avec celui-ci.
	En général ce langage est un compilé "ahead of time" (AOT) contrairement au Javascript qui est compilé "just in time" (JIT).
⚫	On peut soit écrire directement en WebAssembly, même si cela n'est pas le but de la technologie en elle même.
⚫	Le but est d'écrire dans un autre langage de programmation (C, C++, Rust, ...).
⚫	La technologie est encore assez jeune, donc seul un petit ensemble de langage possède un compilateur pour le WebAssembly.


			L'écart de performance entre le Javascript et le WebAssembly vient du faites que le WebAssembly est généralement compilé "ahead of time" tandis que le Javascript est compilé "just in time"..
	<br clear=all>		<br clear=all>

	== Exemple ==		== Exemple ==
		⚫	On peut soit écrire directement en WebAssembly, même si cela n'est pas le but de la technologie en elle même.
		⚫	Le but est d'écrire dans un autre langage de programmation (C, C++, Rust, ...).
		⚫	La technologie est encore assez jeune, donc seul un petit ensemble de langage possède un compilateur pour le WebAssembly.
	[[File:webassembly_example_compilation.PNG\|frame\|center\| Exemple compilation de code C, en WebAssembly (.wat à gauche et .wasm à droite)]]		[[File:webassembly_example_compilation.PNG\|frame\|center\| Exemple compilation de code C, en WebAssembly (.wat à gauche et .wasm à droite)]]
	<br clear=all>		<br clear=all>

Morgan.Crociati: /* WebAssembly et Javascript */

2020-11-27T14:25:45Z

WebAssembly et Javascript

← Older revision		Revision as of 14:25, 27 November 2020
Line 19:		Line 19:

	== WebAssembly et Javascript ==		== WebAssembly et Javascript ==
		⚫	[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]
	Le WebAssembly n'a pas pour objectif de venir perturber le Javascript, les deux langages sont complémentaire.		Le WebAssembly n'a pas pour objectif de venir perturber le Javascript, les deux langages sont complémentaire.
	Cela est particulière vrai car le WebAssembly n'a pas de moyen natif d’interagir avec le DOM.		Cela est particulière vrai car le WebAssembly n'a pas de moyen natif d’interagir avec le DOM.
Line 26:		Line 27:
	La technologie est encore assez jeune, donc seul un petit ensemble de langage possède un compilateur pour le WebAssembly.		La technologie est encore assez jeune, donc seul un petit ensemble de langage possède un compilateur pour le WebAssembly.


⚫	[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]
	<br clear=all>		<br clear=all>

Morgan.Crociati: /* Description */

2020-11-27T14:25:33Z

Description

← Older revision		Revision as of 14:25, 27 November 2020
Line 27:		Line 27:

	[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]		[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]
			<br clear=all>
	javascript_vs_webassembly.png

	== Exemple ==		== Exemple ==

Morgan.Crociati: /* Description */

2020-11-27T14:25:23Z

Description

← Older revision		Revision as of 14:25, 27 November 2020
Line 25:		Line 25:
	Le but est d'écrire dans un autre langage de programmation (C, C++, Rust, ...).		Le but est d'écrire dans un autre langage de programmation (C, C++, Rust, ...).
	La technologie est encore assez jeune, donc seul un petit ensemble de langage possède un compilateur pour le WebAssembly.		La technologie est encore assez jeune, donc seul un petit ensemble de langage possède un compilateur pour le WebAssembly.

			[[File:javascript_vs_webassembly.png\|thumb\|right\| Créé par [https://twitter.com/diekus\| @diekus]]]
			javascript_vs_webassembly.png

	== Exemple ==		== Exemple ==
	[[File:webassembly_example_compilation.PNG\|frame\|~~center\|~~ center\| Exemple compilation de code C, en WebAssembly (.wat à gauche et .wasm à droite)]]		[[File:webassembly_example_compilation.PNG\|frame\|center\| Exemple compilation de code C, en WebAssembly (.wat à gauche et .wasm à droite)]]
	<br clear=all>		<br clear=all>