WebAssembly pour les développeurs JavaScript : découvrir WebAssembly en 30 minutes

Подписаться 19 тыс.

Просмотров 4,4 тыс.

50% 1

WebAssembly en français. JavaScript était le seul langage de programmation du Web. Jusqu'à ce que WebAssembly soit reconnu par TOUS les navigateurs modernes. Comment s'annonce l'avenir ? JavaScript et WebAssembly vont-ils s'affronter ou s'associer ? Pour le moment, c'est l'association qui prime. On peut en effet importer un module WebAssembly dans un fichier JavaScript. A partir de là, il est aisé d'utiliser des fonctions mise à disposition par ce module WebAssembly depuis un fichier JavaScript. Une démo dans cette vidéo vous montrera comment faire concrètement.
L'énorme avantage de WebAssembly est de permettre de transformer en module WebAssembly des applications écrite en C, C++, Rust (et dans de plus en plus d'autres langages). En fois compilées en fichier ".wasm", ces applications de traitement d'images, de "computer vision" (via Open CV), de moteur physique peuvent collaborer avec nos APIs du Web préférées. Autrement dit, faire cohabiter le meilleur des apps C/C++/Rust et le meilleur du JavaSript.
Soyez informé des nouvelles formations Code Concept (Front, Back, FullStack) et recevez des coupons de réduction en avant-première :
codeconcept.ck.page/4ea408d1b4
Formations Front, Back et FullStack :
codeconcept.teachable.com/
Soyez informé des nouvelles formations Code Concept (Front, Back, FullStack) et recevez des coupons de réduction en avant-première :
codeconcept.ck.page/4ea408d1b4
Accès rapide :
0:00 WebAssembly dans nos navigateurs
7:45 le meilleur des deux mondes : nos API Web préférées couplées à des modules WebAssembly
8:58 démo : création d'une application JavaScript utilisant un module WebAssembly
17:20 démo : importation d'un module WebAssembly et création d'une instance de module
25:30 démo : interaction avec le DOM
30:15 démo : récapitulatif
33:49 Intérêt de coupler JavaScript et WebAssembly
36:23 quels langages pour créer vos modules WebAssembly : C, C++, Rust ?
Liens cités dans la vidéo :
caniuse.com/wasm
github.com/appcypher/awesome-...
www.construct.net/fr
mbebenita.github.io/WasmExplo...
wasdk.github.io/WasmFiddle/
emscripten.org/

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 22

@didierluthi Год назад

Excellente vidéo, merci pour le partage !

@codeconcept Год назад

Merci Didier :)

@gbc21 2 года назад

merci pour tes partages et découvertes.

@codeconcept 2 года назад

Merci Guillaume :)

@tenchigreed 2 года назад

Joli travail

@codeconcept 2 года назад

Merci bot :p

@R.e.n.e Год назад

Aujourd'hui en rust il y a des crates(bibliothèques) qui permet de faire de web compenent via Web Assembly comme Yew

@codeconcept Год назад

Merci pour l'info :) Ca fait un moment que je n'ai pas consacré de temps à Rust et je n'avais pas vu passer ces crates.

@thepickicool97 2 года назад

Très intéressant en effet ! On peut créer des interface web en webAssembly aussi ?

@codeconcept 2 года назад

Pour ce qui est des interfaces graphiques, en plus de la piste traditionnelle du recours à HTML, on peut probablement utiliser Qt. Sans oublier, comme mentionné dans un autre commentaire, Blazor. J'ai pas encore creusé ces options, car ce qui m'intéressait dans un premier temps c'était de voir comment importer et instancier un module wasm dans un fichier js comme on le fait avec un package npm. Une chose est sûre, c'est qu'en 2021, WA ne peut pas interagir avec le DOM. Sauf peut-être en important dans une applications WA des fonctions telles que createElement(). Mais est-ce que ce serait une bonne pratique ? Je sais pas encore :p Pour l'instant, je creuse la piste qui fait cohabiter WASM et JS Mais j'imagine qu'il va y avoir de plus en plus d'options, y compris via nos habituels framework Front.

@picatchumm64 2 года назад

Pour de petits fichiers WASM on pourrait imaginer copier le contenu "textuel" dans une variable plutôt que de faire un fetch ? (puis faire le arraybuffer)

@codeconcept 2 года назад

Hello Picatchumm, alors là, je n'ai rien vu sur le sujet pendant mon exploration de WA. Il y avait toujours cette phase de compilation pour obtenir un binaire sous forme de fichier avec l'extension ".wasm". Mais je n'en suis qu'au tout début de mon exploration du monde merveilleux de WA coupé à JS :)

@MrNiuxe 10 месяцев назад

Merci pour cette démo ! Bravo pour cette vulgarisation. ça me fait penser à Jython. Je ne vois pas l'intérêt que le web assembly communique avec le dom. Si c'est le cas, il réinventera la roue. Or le JS le fait très bien. Je ne suis pas sûr que ce sera le cas.

@codeconcept 10 месяцев назад

Merci MrNiuxe😀 J'ai un eu mis de côté wasm depuis cette vidéo. Mais maintenant que je me suis mis à Go et que Go permet de compiler en wasm, je vais peut-etre m'y remettre.

@helie654 Месяц назад

Je pense que si mais je vois qu’un domaine : le jeu vidéo web pour les performances

@dev-rachid Год назад

Est-ce possible d'utiliser un fichier Cobol converti en Webassembly pour l'utiliser avec Javascript ? merci pour ton partage👍

@codeconcept Год назад

Merci Rachid :) Je ne connais pas Cobol (hormis le fait que les banques l'utilisent beaucoup :p ). Je suis tombé sur un blog post qui indique qu'on peut compiler du Cobol en WebAssembly : www.fermyon.com/wasm-languages/cobol Ca a l'air d'être Cloudflare qui est derrière un tel projet de Cobol to WASM news.ycombinator.com/item?id=24544628$ github.com/cloudflare/cobweb

@blokche_dev 2 года назад

C'est la promesse de blazor (Microsoft), non ? SPA en mode WASM ?

@codeconcept 2 года назад

Après vérif, c'est bien la promesse de Blazor : devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-now-available/ et plus particulièrement : "Blazor WebAssembly is now the second supported way to host your Blazor components: client-side in the browser using a WebAssembly-based .NET runtime. Blazor WebAssembly includes a proper .NET runtime implemented in WebAssembly, a standardized bytecode for the web. This .NET runtime is downloaded with your Blazor WebAssembly app and enables running normal .NET code directly in the browser. " Donc la réponse courte est : oui ! :)