- 13 Sections
- 67 Lessons
- 90 Days
Expand all sectionsCollapse all sections
- Module 1: Introduction to WebAssembly6
- Module 2: Setting Up the Development Environment6
- Module 3: Working with Rust and Wasm-Bindgen5
- Module 4: Building the Sample Project — Image Filter Web App9
- 4.1Hand-On Lab: Building a WebAssembly-Powered Image Editor (Overview & Setup)
- 4.2Lesson: Wasm Overview Project Directory Structure
- 4.3Lesson: Load & Display Images on Canvas (JS)
- 4.4Lesson: Implement Filters in Rust (Wasm)
- 4.5Lesson: Wire Up JS ↔ Wasm (Apply Filters)
- 4.6Lesson: Performance Check & Benchmarks
- 4.7Lesson: Add PWA Offline Support (Manifest + Service Worker)
- 4.8Lesson: Deploy & Polish (Netlify/Vercel/GitHub Pages)
- 4.9Quiz: Project Image Filter Web App20 Questions
- Module 5: Memory Management & Performance Optimization6
- 5.1Lesson: Understanding Linear Memory
- 5.2Lesson: Optimizing Data Transfer Between JavaScript and Wasm
- 5.3Lesson: Optimizing JS ↔ Wasm Communication
- 5.4Lesson: Using Shared Memory and SIMD Instructions
- 5.5Hands-On Lab: Optimizing the Image Filter Module (SIMD) and Comparing FPS
- 5.6Quiz: Memory Management And Performance Optimization20 Questions
- Module 6: Advanced Integration Patterns6
- 6.1Lesson: Integrating WebAssembly into Modern Frameworks
- 6.2Lesson: Combining Wasm with Web Workers for Concurrency
- 6.3Lesson: Using Wasm with WebGPU or WebGL for Rendering
- 6.4Lesson: Interacting with the Web from Rust
- 6.5Hands-On Lab: Adding Live Camera Feed And Applying Wasm Filters
- 6.6Quiz: Advanced Integration Patterns20 Questions
- Module 7: Debugging, Testing & Deployment6
- 7.1Lesson: Using Browser DevTools to Inspect Wasm Modules
- 7.2Lesson: Writing Tests in Rust for Wasm Code
- 7.3Lesson: Profiling and Preventing Memory Leaks in Wasm
- 7.4Lesson: Packaging & Deploying on Netlify / Vercel
- 7.5Hands-On Lab: Automating Wasm Builds and Deployment
- 7.6Quiz: Debugging, Testing & Deployment20 Questions
- Module 8: Real-World Use Cases of WebAssembly6
- 8.1Lesson: Running Machine Learning Models with WebAssembly
- 8.2Lesson: Audio Synthesis & Music Visualizers
- 8.3Lesson: Accelerating 3D Simulations with WebAssembly
- 8.4Lesson: Running Python in the Browser (Pyodide)
- 8.5Lesson: Game Engines And WebAssembly (Unity, Godot)
- 8.6Quiz: Real World Use Cases Of WebAssembly20 Questions
- Bonus: Exploring Linear Memory And Manual Data Handling4
- Workshop: Using AI Models with WebAssembly17
- 10.1Overview, Learning Objectives And Technical Requirements
- 10.2Why AI + Wasm
- 10.3Hands-On Activity: Wasm Lab Simulator
- 10.4Assignment: What Types of AI Computations Benefit Most from Wasm?3 Days
- 10.5Assignment: Why is Wasm Faster for Tight Loops and Math-Heavy Operations?3 Days
- 10.6Building a Tiny AI Model
- 10.7Hands-On Activity: Run the Model in the Browser
- 10.8Assignment: Trade-offs Between Model Size and Performance in Browser-Based AI3 Days
- 10.9Running AI Inference in the Browser
- 10.10Hands-On Activity: Add Performance Logging
- 10.11Assignment: Benefits and Limitations of Client-Side AI Inference with WebAssembly3 Days
- 10.12Integrating with Custom Wasm Code
- 10.13Assignment: Modify, recompile, and benchmark3 Days
- 10.14Visualization and Optimization
- 10.15Hand-On Activity: Visualize and Optimize
- 10.16Deployment
- 10.17Hand-On Activity: App – “AI Color Predictor”
- Mini Project: Physics Simulation - Ball collision simulation using Wasm7
- Knowledge Stack2
- Final Assessment1