Formation WebAssembly

Programme de notre Formation WebAssembly

Introduction à WebAssembly

• Qu’est-ce que WebAssembly ?
• Quels sont les problèmes qu’il permet de résoudre ?
• Comment fonctionne-t-il ?
• Structure d’un module WebAssembly
• Format texte de WebAssembly
• Comment le WebAssembly est-il sécurisé ?
• Quels langages puis-je utiliser pour créer un module WebAssembly ?
• Où puis-je utiliser mon module ?

WebAssembly Performance

• WebAssemmbly vs. JavaScript Performance
• Installation d’Emscripten toolkit (emcc)

Support du navigateur WebAssembly

• Support du navigateur actuel
• Roadmaps des navigateurs pour le support de WebAssembly
• Support de Parralel WASM/JavaScript (Pollyfill)

Module WebAssembly

• Créer son premier module
• La boîte à outils Emscripten
• Modules d’assemblage Web
• Options de sortie Emscripten
• Compiler du C ou du C++ avec Emscripten et utiliser le modèle HTML
• Générer le code de plomberie JavaScript par Emscripten
• Faire en sorte que Emscripten ne génère que le fichier WebAssembly
• Détection des caractéristiques : Comment tester si WebAssembly est disponible
• Utilisation de C ou C++ pour créer un module avec la plomberie Emscripten
• Utilisation de C ou C++ pour créer un module sans Emscripten
• Exemples de cas d’utilisation réels

Création de votre premier module WebAssembly

• La boîte à outils Emscripten
• Modules d’assemblage Web

Liaison dynamique : Mise en oeuvre

• Liaison dynamique : Avantages et inconvénients
• Options de liaison dynamique
• Examen des liens dynamiques
• Création des modules WebAssembly
• Ajustement de la page web

Threading : Web workers & pthreads

• Avantages des web workers
• Considérations relatives à l’utilisation des web workers
• Préchargement (prefetching) d’un module WebAssembly à l’aide d’un web worker
• Utilisation des pthreads

Modules WebAssembly dans Node.js

• Validation côté serveur (server-side)
• Travailler avec des modules construits en Emscripten
• Utilisation de l’API JavaScript de WebAssembly

Débogage & tests

• Format texte
• Créer la logique de base du jeu en utilisant le format texte WebAssembly
• Génération d’un module WebAssembly à partir du format texte
• Le module généré par Emscripten
• Création des fichiers HTML et JavaScript
• Visualisation des résultats

Personnalisation du Debug

• Ajuster le HTML
• Affichage du nombre d’essais
• Augmenter le nombre de tentatives
• Mise à jour de l’écran de synthèse
• Installer le cadre de test JavaScript
• Création et exécution des tests

Fonctions : ccall, cwrap, direct, Emscripten macros

• ccall, cwrap, Direct function calls
• Passage : Passing an array to a module
• emscripten_run_script macros
• EM_JS macros
• EM_ASM macros

Les modules de WebAssembly

• Déclaration des modules
• Exportations
• Index et méthode de démarrage
• Mémoire linéaire
• Insertion de code
• Information de débogage
• Intégration avec ECMAScript (ES6)
• Compiler C ou C++ avec Emscripten
• Création d’un modèle HTML
• Interop avec JavaScript
• Appeler vers JavaScript
• Appeler le module depuis JavaScript

Compilation et arbre syntaxiques abstraits (AST)

• Pourquoi les AST ?
• Syntaxe et analyse sémantique
• Propriétés et annotations
• AST Design
• Types de variables
• Composants Left et Right
• Identificateurs
• Modèles de conception utiles
• Sérialisation binaire des AST

Format texte de WebAssembly

• Affichage de la source sur un module WebAssembly
• Compilation d’S-Expression et assemblage en ligne
• Débogage de l’intégration des symboles
• Profilage

Création d’application à partir de zéro

• Conception d’une application
• Exigences via le serveur
• Interagir avec les services du serveur

Modules avancés de WebAssembly

• Intégration avec Node.JS
• Options de Threads
• Utilisation des WebWorkers
• Utilisation des PThreads
• Caractéristiques à venir