Web Application with Rust and Web Assembly

In this video, I'll show you how to build a simple web application using Rust and WebAssembly. We'll be creating a Tax Calculator that runs right in your web browser. Let's dive in! 🌐✨
📋 Video Outline:
00:00 - Introduction to WebAssembly
02:30 - Setting Up the Project
05:15 - Writing the Rust Code
08:45 - Building the Project with wasm-pack
10:30 - Setting Up the Web Environment
14:00 - Serving the Project
📚 Summary:
Introduction to WebAssembly 📖
What is WebAssembly?
How it works with Rust and JavaScript.
Setting Up the Project 🛠️
Creating a new Rust project.
Configuring it for WebAssembly.
Writing the Rust Code 📝
Implementing the tax calculation logic in Rust.
Building the Project 🏗️
Using wasm-pack to build the project.
Setting Up the Web Environment 🌐
Creating an HTML file to load the WebAssembly module.
Providing a user interface.
Serving the Project 🚀
Using a simple HTTP server to serve the project.
Testing it in a web browser.
🔗 Links and Resources:
Rust: www.rust-lang.org/
wasm-bindgen: rustwasm.github.io/wasm-bindgen/
wasm-pack: rustwasm.github.io/wasm-pack/
🛠️ Tools Needed:
Rust installed on your system.
wasm-pack installed.
A simple HTTP server (e.g., http-server).
📥 Download the Source Code:
github.com/BekBrace/rust-weba...
🌟 Don't Forget to Like, Comment, and Subscribe! 🌟
If you enjoyed this video or found it helpful, please give it a thumbs up and consider subscribing to my channel for more tutorials. If you have any questions or suggestions, drop them in the comments below. Thanks for watching!
🔖 Hashtags:
#Rust #WebAssembly #Wasm #Programming #WebDevelopment #TaxCalculator #CodingTutorial

[@mitaskeledzija6269]

Hey Bek, just wanted to tell you I joined your channel and using your tutorials. It's amazing. Thank you! Could you make maybe also some advanced stuff like a CRUD app using Rust and WASM or similar, like full app. Thank you ❤

[@BekBrace]

Dear Mita Skeledžija, Thank you very much for being a valuable member of the channel.
Your request will be the first tutorial on the channel after the summer holidays 🙂🙏

[@mitaskeledzija6269]

@@BekBrace much love man! ❤️

[@volodyslove]

Looks great!😁

[@BekBrace]

Cheers 🍻

[@EduardKaresli]

I managed to run the tutorial as you intended it, the index.html tag referenced the "./tax.js" file and that one imported stuff from "./pkg/tax_wasm.js";
I also had an error because I referenced the button with the wrong ID ("calculate" instead of "calculateButton") and it worked after that.
That was a very nice tutorial, I hate reading docs because it takes literally forever, so these kinds of tuts just get quickly to the point.
Thanks man!

[@BekBrace]

@@EduardKaresli Glad that was useful to you, friend 🙂

[@risingmojofilter]

Love this. As a long-time web developer, this looks like a great way to get into lower-level compiled languages while still working primarily in the domain I know and love. Going to have to learn some Rust, but this is exactly what I need to take my JS chess engine to the next level!

[@BekBrace]

Awesome 😎👍

[@riigel]

can you do a tutorial for Dioxus?

[@BekBrace]

Yes 👍

[@xsdash]

waiting

[@BekBrace]

Thank you 😊

[@nvictorme]

Thanks for the tutorial. Please, next time don’t spend so much time in your implementation details, those are irrelevant. For example: calculate tax implementation.

[@BekBrace]

Thank you for watching

[@mobalaaa]

What a self entitled popcorn!!! Bro, it's irrelevant for you but relevant for others

[@nvictorme]

@@mobalaaa you misunderstood. It’s constructive criticism. The title suggests an advanced topic; therefore, spending so much time explaining basic concepts like conditionals or CSS is, in fact, irrelevant.

[@mobalaaa]

@@nvictorme ok I misunderstood, my bad bro