This is a Blazor WebAssembly full course step by step in 4+ hours. Following contents have been presented in details.

Course Contents
(0:00:00) Introduction:
1. What is Blazor WebAssembly?
2. Blazor WebAssembly and Blazor Server.
3. Blazor WebAssembly's architecture and it's functionality.
4. A comparison between JS based single page applications (SPA) and Blazor WebAssembly apps.

(00:03:09) Blazor WebAssembly Project Structure:
1. Project structure and it's file contents.
2. Connected Services.
3. lauchSettings.json file.
4. Pages folder and it's contents.
5. Shared folder and it's contents.
6. Web root "wwwroot" folder.
7. _imports file.
8. App.razor component.
9. Program.cs file and MainLayout component.

(0:18:23) Blazor WebAssembly Razor Components:
1. What are the Blazor WebAssembly components?
2. Directives and directive attributes, and data binding in Blazor components.
3. Route template and route template parameters.
4. Some methods should not used in Blazor components (avoid threadblocking calls).
5. How to get data from a static JSON data source in Blazor components.

(0:39:06) Configuration File in Blazor WebAssembly:
1. Add configuration file, appsettings.json, to the web root folder.
2. Read config value from the configuration file.
3. Call external API in the Blazor WebAssembly component.
4. Read config value from the Progarm.cs and add it to the Configuration collection.

(0:57:19) Twoway Data Bindings in Blazor WebAssembly:
1. Twoway data binding: property and event data bindings.
2. External API call in Blazor WebAssembly.

(1:18:00) Templated Components:
1. Templated components in Blazor WebAssembly.
2. Create an album page by using a templated component.

(1:42:39) Call JavaScript Functions in Blazor WebAssembly:
1. Import JavaScript based AJAX API and related JavaScript file in the Index.html page.
2. How to call JavaScript based API/JavaScript functions in Blazor WebAssembly.
3. Create a 3D PieChart Blazor component using JavaScript Based API.

(1:54:01) Custom Service/Dependency Injection in Blazor WebAssembly:
1. Created a IUserService interface.
2. Then, the service method has been implemented.
3. The service has been registered and added to the services collection.
4. Service lifetime in the Blazor apps.
5. How to consume a service in Blazor WebAssembly?

(2:09:01) Blazor WebAssembly Request and Routing:
1. How to manage request routing in Blazor apps.
2. Blazor components support multiple route templates.
3. Route parameters and optional route parameters.
4. Route constraints with example.
5. Route parameters and invariant culture matching.

(2:23:01) Consume Razor Components From A Razor Class Libraries (RCL):
1. How to Create a Razor class library (RCL) project?
2. Create a component, in the RCL project, and display some data on it.
3. Create a new Blazor WebAssembly app project containing a "Test" component, and reference the RCL project.
4. Import the RCL project in the "Test" component in the Blazor WebAssembly app project, and consume the component from the RCL.

(02:38:29) Blazor WebAssembly EventCallback (Event Callback) :
1. Create a child component.
2. Create a parent component and call the child component in it.
3. The parent component sets the child component's "EventCallback" (OnClickCallback) to its method.

(2:47:22) Builtin EditForm Component in Blazor WebAssembly:
1. Created component by using the builtin EditForm component.
2. Add annotation validation attributes.
3. Then, validate and submit the EditForm in Blazor WebAssembly.

(3:10:42) Share Application State By Using Cascading Value Component:
1. Create an example pagination component.
2. Create a "Display Comments" component and consume the pagination component above.
3. Then, implement sharing application state functionality by using the "CascadingValue" component in Blazor apps.

(3:41:42) Blazor WebAssembly Pagination Component:
1. Create an example pagination component.
2. Then consumes the pagination component.

(4:00:06) Share State/Data Between Components in Blazor WebAssembly:
1. Create a "ShareStateService" and register it in Blazor WebAssembly.
2. Then, share data across the application by using the Share State Service.

(4:22:26) File Uploads in Blazor WebAssembly:
1. Create a Blazor WebAssembly Hosted App.
2. Create an “UploadedFile” object in the Shared Project.
3. Create a “FileUpload” controller in the Sever project.
4. Create a “FileUploading” razor component in the Client project.
5. Finally, run the application and test file uploading component.