Do It Yourself – Tutorials – Build your own Music Pad with C#, HTML, and CSS – Blazor WebAssembly tutorial

by | Dec 2, 2020 | 0 comments

Do It Yourself – Tutorials – Build your own Music Pad with C#, HTML, and CSS – Blazor WebAssembly tutorial

by | Dec 2, 2020 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



#Blazor #BlazorWebAssembly #CSharp

In this video, we are going to create a simple music pad controller with Blazor WebAssembly.

SOURCE CODE :
https://github.com/estyval/BlazorMusicPad

COVERED CONCEPTS :

– Components
– Event handling
– CSS isolation
– JavaScript interoperability
– HTML DOM Audio Object

TIMESTAMPS :

00:00 Intro
02:14 Setup
01:04 Create the model
02:59 Create components
04:10 Demo
04:21 Style components
06:52 Demo styled-components
07:07 Handle events
11:22 Final demo
11:28 Outro

MY OTHER VIDEOS ABOUT BLAZOR WEBASSEMBLY :
Blazor WebAssembly tutorial #1 – Introduction: https://youtu.be/36KMKeDDdiE
Blazor WebAssembly tutorial #2 – Components: https://youtu.be/coCm1ME-1A8
Blazor WebAssembly tutorial #3 – Events handling: https://youtu.be/mzaE2IPHseg
Blazor WebAssembly tutorial #4 – Dependency injection: https://youtu.be/DORPLbBjQCA
Blazor WebAssembly tutorial #5 – Deploy to Microsoft Azure: https://youtu.be/utJAijhfzwI

BLAZOR OFFICIAL DOCUMENTATION :
Introduction to ASP.NET Core Blazor: https://docs.microsoft.com/en-us/aspnet/core/blazor/

LET’S CONNECT :

🌍 Website: http://makanda.io
💻 Github: https://github.com/estyval
🕴️ LinkedIn: https://www.linkedin.com/in/patrick-tshibanda-431017135/

If you like the content, like the video and subscribe to the channel.

#Blazor #BlazorWebAssembly #CSharp

source