Blazor Deep Dive - Beginner to Advanced (.NET 8)

Dive deep into Blazor in .NET 8: 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. Blazor 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
1. 23. What is interactivity
2. 24. Use Enhanced Navigation in Blazor SSR for interactivity
3. 25. Use Enhanced form handling in Blazor 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. 30. Three main aspects of interactive components
9. 31. Event Handling (Passing Data)
10. 32. Assignment 4 Highlight current City
11. 33. Assignment 4 Answer
12. 34. Update. state variables with Onchange event
13. 35. Two way data binding
14. 35.5 Interactive EditForm
15. 36. Use @key to improve list-rendering performance
16. 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. 53. Reuse routable component as non-routable component
12. 54. Use if statement to output data conditionally
13. 55. Assignment 7: Display people online
14. 56. Assignment 7: Answer
15. 57. CSS Isolation
16. 58. Cascading Parameter theory
17. 59. Use cascading parameter to pass values down the component tree
18. 60. Cascading Parameter crossing render mode boundary
19. 61. Use templated components to create generic components
20. 62. Typed Templated Component
21. 63. Use html table in our RepeaterComponent
22. 64. Using QuickGrid to display our servers
23. 65. QuickGrid Sorting and Pagination
24. 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. The problem of 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
1. 82. State Management 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 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. 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. 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 Blazor SSR
4. 116. User Registration
5. 117. Login process
6. 118. Authorization process
7. 119. Accessing the authentication ticket
8. 120. Authentication in Server Interactivity per page component
9. 121. Authentication in WebAssembly Interactivity per page component
10. 122. Authentication in Global Server Interactivity
11. 123. Authentication in Blazor Global WebAssembly Interactivity
12. 124. Secure our server side blazor app
13. 125. Policy based authorization
1. 126. What is Pre-Rendering and Why
2. 127. Solution 1 Use OnAfterRender
3. 128. Solution 2 Disable Pre-Rendering
4. 129. Solution 3 Use PersistentComponentState

About this course

$199.00
132 lessons
14.5 hours of video content

Discover your potential, starting today

Enroll today

Blazor Deep Dive - Beginner to Advanced (.NET 8)

Course curriculum

Introduction

Blazor 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 SSR or Server Interactivity

Data Access for WebAssembly Interactivity

Authentication and Authorization

Pre-Rendering in Blazor

About this course

Discover your potential, starting today