Blazor Deep Dive - Beginner to Advanced in .NET 10

Dive deep into Blazor in .NET 10: Build interactive web apps with ease. Learn architecture, optimization, and real-world projects. Transform ideas into reality!

Buy $199.00

Course curriculum

1. Introduction
2. 1. What is Blazor
3. 2. Choices of Interactivity
4. 3. Static SSR Project Structure
5. Source Code
1. 4. Two Types of Components
2. 5. Razor Syntax Implicit Razor Expression
3. 6. Razor syntax Explicit Razor Expression
4. 7. Create a static data repository
5. 8. Razor Syntax Output list with looping
6. 9. Assignment 1: Output city buttons list
7. 10. Assignment 1 Answer
8. 11. Working with Static Resources
9. 12. Assignment 2: Create a routable component
10. 13. Assignment 2: Answer
11. 14. Route Parameters & Route Contraints
12. 15. Use OnParametersSet to receive parameter value
13. 16. Use Form and Input components to display and collect data
14. 17. Form submission and model binding
15. 18. Form Validations
16. 19. Navigation with NavigationManager & Dependency Injection
17. 20. Assignment 3: Add Server
18. 21. Assignment 3: Answer
19. 22. Use EditForm to delete data
20. 22.5 Stream Rendering
21. 22.10 Static Assets Fingerprinting
1. 23. What is interactivity
2. 24. Use Enhanced Navigation in Static SSR for interactivity
3. 25. Use Enhanced form handling in Static SSR for interactivity
4. 26. What is Server Interactivity
5. 27. Enable Server Interactivity how to make a component interactive
6. 28. Interactivity Location
7. 29. Server Interactivity in Visual Studio project template
8. 29.5 Exclude Page from Using Interactive Render Mode
9. 30. Three main aspects of interactive components
10. 31. Event Handling (Passing Data)
11. 32. Assignment 4 Highlight current City
12. 33. Assignment 4 Answer
13. 34. Update. state variables with Onchange event
14. 35. Two way data binding
15. 35.5 Interactive EditForm
16. 36. Use @key to improve list-rendering performance
17. 37. Use Virtualization to improve list-rendering performance
1. 38. Requirement of To do list app
2. 39. Display a list of tasks use case
3. 40. Add Task use case
4. 41. Input task name use case
5. 42. Mark task as completed use case
1. 43. Thinking in Components
2. 44. Extract the ServerList Component
3. 45. Use Component Parameters to communicate from parent to child components
4. 46. Assignment 5: Extract the Server Component
5. 47. Assignment 5: Answer
6. 48. Extract city components
7. 49. Use EventCallback to pass info from child to parent components
8. 50. Assignment 6: Componentize the search bar
9. 51. Assignment 6: Answer
10. 52. Reference a child component
11. 52.5 Use StateHasChanged to Re-render a Component
12. 53. Reuse routable component as non-routable component
13. 54. Use if statement to output data conditionally
14. 55. Assignment 7: Display people online
15. 56. Assignment 7: Answer
16. 57. CSS Isolation
17. 58. Cascading Parameter theory
18. 59. Use cascading parameter to pass values down the component tree
19. 60. NET10 Cascading Parameter crossing render mode boundary
20. 61. Use templated components to create generic components
21. 62. Typed Templated Component
22. 63. Use html table in our RepeaterComponent
23. 64. Using QuickGrid to display our servers
24. 65. QuickGrid Sorting and Pagination
25. 65.10 Use bind after modifier to filter QuickGrid
26. 66. Use arbitrary attributes to provide flexibility
1. 67. Componentize the List of Items
2. 68. Componentize the to do item
1. 69. Component Lifecycle Overview
2. 70. Component lifecycle events sequence Part 1
3. 71. Component lifecycle events sequence Part 2
4. 72. The problem of component initialization
5. Trouble with Pre-Rendering
6. 73. The problem with OnParameterSet
7. 74. When does a component render
8. 75. Complex Parameter Type and ShouldRender
9. 76. Thread Safety _ SynchronizationContext for Server Interactivity
1. 77. Static vs Interactive Routing
2. 78. Use NavigationLock to prevent navigation
3. 79. Multiple Page Directives
4. 80. Optional Parameters
5. 81. Query Strings
6. 81.10 NotFound In NavigationManager
1. 82. State Mangament Overview
2. 83. Use URL to pass info across routable components
3. 84. Use browser storage to maintain states
4. 85. Use DI container to maintain states
5. 86. Use Observer Pattern to access states across component trees
6. 87. Implement state store with Observer pattern
7. 88. Dispose Subscribers
1. 89. WebAssembly Interactivity Locations
2. 90. Create a new project with WebAssembly Interactivity
3. 91. Mix Render Modes
4. 92. Life cycle events in WebAssembly Interactivity
5. 94. Browser Storage _ Javascript InterOp
6. 96. Use DI container to maintain states for WASM components
7. 97. Debug WebAssembly Components
8. 98. Other Differences
1. 99. Overview of accessing DB from Static SSR or Server Interactivity
2. 100.Add NuGet Packages for using EF Core
3. 101. Create DBContext
4. 102. Configure connection strings and run migration
5. 103. Implement the ServersEFCoreRespository
6. 104. Use the plugin based repository
1. 105. Access DB from WebAssembly
2. 106. How Web API works
3. 107. NET 10 Prepared Server Management CRUD code in WebAssembly
4. 108. Setup Firebase Realtime Database
5. 109. Use Postman to access the Web API endpoints
6. 110. NET 10 Invoke API in C-
7. 111. Prepare Body in HttpRequest
8. 112. Implement the Api Repository
1. 113. Overview - How athentication works in Blazor .NET 8
2. 114. All authentication scenarios
3. 115. Authentication in Static SSR
4. 116. User Registration
5. 116. User Registration
6. 117. Login process
7. 118. Authorization process
8. 119. Accessing the authentication ticket
9. 120. Authentication in Server Interactivity per page component
10. 121.Authentication in WebAssembly Interactivity per page component
11. 122. Authentication in Global Server Interactivity
12. 123.10 Authentication in Blazor Global WebAssembly Interactivity
13. 124. Secure our server side blazor app
14. 125. Policy based authorization
1. 126. What is Pre-Rendering and Why
2. 127. Solution 1 Use OnAfterRender
3. 128. Solution 2 - Use RenderInfo.IsInteractive
4. 129. Solution 3 Disable Pre-Rendering
5. 130. 10 Solution 4 Use PersistentState

About this course

$199.00
139 lessons
16 hours of video content

Discover your potential, starting today

Enroll today

Blazor Deep Dive - Beginner to Advanced in .NET 10

Course curriculum

Introduction

Static SSR

Add Server Interactivity

Course Project: To-Do app (Part 1)

Non-Routable Component Deep-Dive

Course Project: To-Do app (Part 2)

Component Lifecycle Deep-Dive

Routing and Navigation Deep-Dive

State Management Deep-Dive

WebAssembly Interactivity

Data Access for Static SSR or Server Interactivity

Data Access for WebAssembly Interactivity

Authentication and Authorization

Pre-Rendering in Blazor

About this course

Discover your potential, starting today