Mô tả

Embark on a Comprehensive Journey with Blazor in .NET 8

Welcome to a transformative learning experience designed for developers eager to explore the full spectrum of ASP.NET Core Blazor, the innovative web framework that empowers you to build interactive applications using .NET 8. This course is a deep dive into the world of Blazor, where you’ll learn to harness the power of both server-side rendering and WebAssembly to create dynamic user experiences.

Course Overview:

  • Introduction to Blazor: Begin with the basics, understanding what Blazor is and the choices it offers for interactivity. Familiarize yourself with the project structure and get organized with our course resources.

  • Blazor Server-Side Rendering (SSR): Delve into the nuances of Blazor SSR, learning about components, Razor syntax, and static resources. Tackle assignments that challenge you to create and manipulate data repositories and components.

  • Interactivity: Discover the core of Blazor’s interactivity in both Blazor Server and Blazor WebAssembly, learning how to handle events, manage state variables, and implement two-way data binding. Explore the use of @key and virtualization for performance optimization.

  • Component Architecture: Take a deep dive into non-routable and routable components, understanding their parameters, lifecycle, and how to create reusable and generic components. Learn about CSS isolation and cascading parameters to style and manage your app effectively.

  • Advanced Topics: Master advanced concepts like pre-rendering, routing, navigation, and state management. Learn how to maintain states across components and implement the observer pattern for dynamic applications.

  • Data Access and Management: Gain proficiency in data access patterns for both server-side and WebAssembly applications. Learn to integrate Entity Framework Core with Blazor for server-side data management, and understand how to interact with Web APIs for client-side data access. Set up a Firebase Realtime Database and manage CRUD operations in WebAssembly.

  • Authentication and Authorization: Secure your applications by understanding the authentication process in ASP.NET Core. Learn to register, log in, and authorize users, and secure your server-side Blazor app.

  • Practical Projects: Apply your knowledge with two course projects—a Server Management project and a To-Do List App. These projects will solidify your understanding and give you practical experience in Blazor development.

Why Choose This Course?

  • Deep-Dive Experience: Starting with the fundamentals, this course is designed to support beginners every step of the way. Yet, it doesn’t stop there. We delve deep into Blazor, equipping you with an intimate understanding of the framework by the course’s conclusion.

  • Expertly Curated Content: Each module is carefully crafted to build upon the previous one, ensuring a seamless learning curve.

  • Hands-On Learning: With numerous assignments and practical projects, you’ll not just learn but apply your knowledge in real-world scenarios.


By the end of this course, you’ll have a robust portfolio of projects, a deep understanding of Blazor, and the skills to confidently build modern web applications. Join us on this journey to become a Blazor expert in .NET 8!


Who is this course for?

  • This course is for anyone who wants to learn how to develop web applications with ASP.NET Core Blazor using .NET 8. You should have some basic knowledge of C# and HTML, but no prior experience with ASP.NET Core Blazor is required.

  • If you already have experience working with Blazor previously but feeling overwhelmed by the changes introduced in .NET 8, this course is also perfect for helping you catching up.

So, what are you waiting for? Enroll now and start your journey to become an ASP.NET Core Blazor developer!




Bạn sẽ học được gì

Basic Blazor concepts and project structures

Choices of Interactivities

Basics of razor components

Razor syntax

Blazor Static Server-side Rendering (Blazor SSR)

Form submission and validations

Navigations

Stream Rendering

Enhanced Navigation

Event handling

Two way data binding

Virtualizaiton

Component Parameters

Cascading Parameters

Templated components

QuickGrid

Component life cycle events

Static vs Interactive Routing

Different ways for State Management

Working with WebAssembly

Data Access for Server side Blazor with Entity Framework Core

Data Access with Web API for WebAssembly

Authentication and Authorization with ASPNET Core

Pre-Rendering in Blazor

Yêu cầu

  • Basic HTML
  • Intermediate C#
  • Good understanding of OOP, esp. the usage of interface (although Dependency Injection is thoroughly covered in this course)
  • It is best if you have a little bit experience with ASP Dot Net Core. But don't worry too much, I will help you with that too.

Nội dung khoá học

15 sections

Introduction

4 lectures
1. What is Blazor
05:44
2. Choices of Interactivity
08:31
3. Blazor SSR Project Structure
13:09
Source Code
00:10

Blazor SSR

20 lectures
4. Two Types of Components
08:30
5. Razor Syntax Implicit Razor Expression
06:41
6. Razor syntax Explicit Razor Expression
04:37
7. Create a static data repository
02:39
8. Razor Syntax Output list with looping
05:31
9. Assignment 1: Output city buttons list
01:41
10. Assignment 1: Answer
04:37
11. Working with Static Resources
05:27
12. Assignment 2: Create a routable component
01:03
13. Assignment 2: Answer
04:05
14. Route Parameters & Route Constraints
07:42
15. Use OnParametersSet to receive parameter value
06:05
16. Use Form and Input components to display and collect data
07:49
17. Form submission and model binding
13:39
18. Form Validations
08:40
19. Navigation with NavigationManager & Dependency Injection
14:06
20. Assignment 3: Add Server
00:55
21. Assignment 3: Answer
07:04
22. Use EditForm to delete data
09:26
22.5 Stream Rendering
04:18

Add Server Interactivity

16 lectures
23. What is interactivity
05:28
24. Use Enhanced Navigation in Blazor SSR for interactivity
05:40
25. Use Enhanced form handling in Blazor SSR for interactivity
13:44
26. What is Server Interactivity
08:28
27. Enable Server Interactivity how to make a component interactive
08:30
28. Interactivity Location
06:30
29. Server Interactivity in Visual Studio project template
03:54
30. Three main aspects of interactive components
05:06
31. Event Handling (Passing Data)
10:52
32. Assignment 4: Highlight current City
01:13
33. Assignment: 4 Answer
03:14
34. Update. state variables with Onchange event
09:46
35. Two way data binding
06:51
35.5 Interactive EditForm
03:52
36. Use @key to improve list-rendering performance
05:26
37. Use Virtualization to improve list-rendering performance
08:27

Course Project (Part 1): To-Do List App Basics

5 lectures
38. Requirement of To do list app
04:51
39. Display a list of tasks use case
10:09
40. Add Task use case
07:19
41. Input task name use case
03:55
42. Mark task as completed use case
11:22

Non-Routable Razor Component Deep-Dive

24 lectures
43. Thinking in Components
04:42
44. Extract the ServerList Component
07:23
45. Use Component Parameters to communicate from parent to child components
08:36
46. Assignment 5: Extract the Server Component
01:55
47. Assignment 5: Answer
05:44
48. Extract city components
07:52
49. Use EventCallback to pass info from child to parent components
11:11
50. Assignment 6: Componentize the search bar
01:27
51. Assignment 6: Answer
07:19
52. Reference a child component
06:53
53. Reuse routable component as non-routable component
04:30
54. Use if statement to output data conditionally
04:59
55. Assignment 7: Display people online
01:00
56. Assignment 7: Answer
03:30
57. CSS Isolation
09:46
58. Cascading Parameter theory
02:18
59. Use cascading parameter to pass values down the component tree
06:43
60. Cascading Parameter crossing render mode boundary
06:07
61. Use templated components to create generic components
08:18
62. Typed Templated Component
06:49
63. Use html table in our RepeaterComponent
04:25
64. Using QuickGrid to display our servers
12:10
65. QuickGrid Sorting and Pagination
04:23
66. Use arbitrary attributes to provide flexibility
05:37

Course Project (Part 2): Componentize our To-Do List App

2 lectures
67. Componentize the List of Items
05:22
68. Componentize the to do item
03:16

Component Lifecycle Deep-Dive

9 lectures
69. Component Lifecycle Overview
08:35
70. Component lifecycle events sequence Part 1
09:21
71. Component lifecycle events sequence Part 2
05:13
72. The problem of component initialization
05:02
Trouble with Pre-Rendering
00:13
73. The problem with OnParameterSet
05:28
74. When does a component render
09:43
75. The problem of ShouldRender
04:08
76. Thread Safety & SynchronizationContext for Server Interactivity
14:14

Routing and Navigation Deep-Dive

5 lectures
77. Static vs Interactive Routing
09:35
78. Use NavigationLock to prevent navigation
09:38
79. Multiple Page Directives
07:06
80. Optional Parameters
07:35
81. Query Strings
04:03

State Management Deep-Dive

7 lectures
82. State Mangament Overview
04:38
83. Use URL to pass info across routable components
11:07
84. Use browser storage to maintain states
13:18
85. Use DI container to maintain states
08:57
86. Use Observer Pattern to access states across component trees
04:25
87. Implement state store with Observer pattern
15:08
88. Dispose Subscribers
04:21

WebAssembly Interactivity

8 lectures
89. WebAssembly Interactivity Locations
02:52
90. Create a new project with WebAssembly Interactivity
07:41
91. Mix Render Modes
06:04
92. Life cycle events in WebAssembly Interactivity
04:39
94. Browser Storage & Javascript InterOp
17:53
96. Use DI container to maintain states for WASM components
06:49
97. Debug WebAssembly Components
09:17
98. Other Differences
00:44

Data Access for SSR or Server Interactivity

6 lectures
99. Overview of accessing DB from SSR or Server Interactivity
01:13
100. Add NuGet Packages for using EF Core
04:42
101. Create DBContext
05:11
102. Configure connection strings and run migration
11:39
103. Implement the ServersEFCoreRespository
11:04
104. Use the plugin based repository
14:37

Data Access for Blazor with WebAssembly Interactivity

8 lectures
105. Access DB from WebAssembly
03:27
106. How Web API works
06:04
107. Prepared Server Management CRUD code in WebAssembly
03:57
108. Setup Firebase Realtime Database
03:27
109. Use Postman to access the Web API endpoints
09:03
110. Invoke API in C#
15:26
111. Prepare Body in HttpRequest
06:34
112. Implement the Api Repository
04:28

Authentication and Authorization

13 lectures
113. Overview - How athentication works in Blazor
07:17
114. All authentication scenarios
02:11
115. Authentication in Blazor SSR
11:07
116. User Registration
04:23
117. Login process
03:59
118. Authorization process
04:01
119. Accessing the authentication ticket
08:23
120. Authentication in Server Interactivity per page component
04:18
121. Authentication in WebAssembly Interactivity per page component
04:00
122. Authentication in Global Server Interactivity
05:04
123. Authentication in Blazor Global WebAssembly Interactivity
08:44
124. Secure our server side Blazor app
05:28
125. Policy based authorization
06:36

Pre-Rendering in Blazor

4 lectures
126. What is Pre-Rendering and Why
09:38
127. Solution 1: Use OnAfterRender
06:47
128. Solution 2: Disable Pre-Rendering
08:21
129. Solution 3: Use PersistentComponentState
08:38

BONUS SECTION

1 lectures
Bonus Lecture
00:12

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.