You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<h1>The comprehensive Blazor Server developer roadmap for 2024</h1>
2
+
<p>With the release of .NET 8, Blazor has introduced a host of new features to explore. At Blazor School, our commitment goes beyond just offering a roadmap; we provide specific tutorials for each step outlined in the roadmap. By staying with Blazor School, we assure you of comprehensive support on your journey to becoming a proficient Blazor .NET 8 developer. Our tutorials are tailored to guide you through each stage, ensuring a thorough understanding and mastery of Blazor development. Your success as a Blazor developer is our priority at Blazor School. If you have any programming-related questions, particularly about Blazor, feel free to connect with other Blazor School members via the <ahref="https://discord.com/invite/HsTu2Emqsd">Blazor School Discord Community</a>. In this introduction, you'll gain insights into:</p>
3
+
<ul>
4
+
<li>Course prerequisites.</li>
5
+
<li>The learning path for Blazor Server in .NET 8.</li>
6
+
<li>Blazor School's course structure.</li>
7
+
</ul>
8
+
<hrclass="my-4" />
9
+
<h1>Course prerequisites</h1>
10
+
<p>To maximize the benefits of our course, it's important to meet the following requirements, as it is designed for individuals with prior web development knowledge:</p>
11
+
<ul>
12
+
<li><strong>C# Proficiency:</strong> Familiarity with the C# programming language is essential for grasping the concepts covered in our course.</li>
13
+
<li><strong>HTML and CSS Skills:</strong> The ability to use HTML and CSS for building web pages is a fundamental requirement. Make sure you are comfortable creating and styling web content with these technologies.</li>
14
+
<li><strong>Basic JavaScript Knowledge:</strong> A foundational understanding of JavaScript is recommended. This knowledge will be beneficial as we explore various aspects of web development.</li>
15
+
</ul>
16
+
<hrclass="my-4" />
17
+
<h1>The learning path for Blazor Server in .NET 8</h1>
18
+
<p>This learning path serves as a foundational guide for beginners, providing insight into essential topics necessary for developing websites using Blazor. While it doesn't encompass every feature of Blazor Server, it offers key knowledge crucial for web development with Blazor. Our comprehensive course covers all the aspects outlined in this learning path and delves into advanced topics beyond its scope.</p>
19
+
<ol>
20
+
<li>
21
+
<strong>Components:</strong>
22
+
<ul>
23
+
<li>Understand how Blazor renders the UI.</li>
24
+
<li>Create components with Blazor.</li>
25
+
<li>Explore communication between components.</li>
26
+
<li>Learn about component lifecycle.</li>
27
+
<li>Define routes and navigate between components.</li>
28
+
</ul>
29
+
</li>
30
+
<li>
31
+
<strong>Directives:</strong>
32
+
<ul>
33
+
<li>Explore various directives in Blazor.</li>
34
+
<li>Utilize directives to add behavior to components, including event handling.</li>
35
+
<li>Understand how directives interact with the component's lifecycle.</li>
36
+
<li>Learn how directives can be used to interact with the DOM.</li>
37
+
</ul>
38
+
</li>
39
+
<li>
40
+
<strong>JavaScript Integration:</strong>:
41
+
<ul>
42
+
<li>Calling JavaScript functions from C# code and vice versa.</li>
43
+
<li>Incorporate existing JavaScript libraries into your Blazor project.</li>
44
+
</ul>
45
+
</li>
46
+
<li>
47
+
<strong>Dependency Injection:</strong>
48
+
<ul>
49
+
<li>Register and inject service classes into components or other services.</li>
50
+
<li>Enhancing maintainability, testability, and code scalability.</li>
51
+
</ul>
52
+
</li>
53
+
<li>
54
+
<strong>Forms:</strong>
55
+
<ul>
56
+
<li>Learn to collect user data effectively using forms.</li>
57
+
</ul>
58
+
</li>
59
+
<li>
60
+
<strong>Integrating Third-Party APIs:</strong>
61
+
<ul>
62
+
<li>Understand the process of making HTTP requests using the <code>HttpClient</code> class.</li>
63
+
<li>Interact with third-party APIs to retrieve or send data.</li>
64
+
</ul>
65
+
</li>
66
+
<li>
67
+
<strong>Authentication and Authorization:</strong>
68
+
<ul>
69
+
<li>Implement user restrictions on business features.</li>
70
+
<li>Enhance website security with authentication and authorization layers.</li>
71
+
</ul>
72
+
</li>
73
+
<li>
74
+
<strong>Browser storage:</strong>
75
+
<ul>
76
+
<li>Understand the differences between browser storage types.</li>
77
+
<li>Learn how to store and retrieve data from the browser.</li>
78
+
</ul>
79
+
</li>
80
+
<li>
81
+
<strong>Error Handling:</strong>
82
+
<ul>
83
+
<li>Learn effective strategies for handling errors and exceptions in a Blazor application.</li>
84
+
<li>Display user-friendly error messages.</li>
85
+
</ul>
86
+
</li>
87
+
<li>
88
+
<strong>Deployment and Hosting:</strong>
89
+
<ul>
90
+
<li>Make your website accessible to users by deploying it on a web server or a cloud service.</li>
91
+
</ul>
92
+
</li>
93
+
</ol>
94
+
<hrclass="my-4" />
95
+
<h1>Blazor School's course structure</h1>
96
+
<p>Our course at Blazor School distinguishes itself from traditional university courses by prioritizing industry standards and continuous updates. This ensures that learners not only gain confidence but can directly apply the acquired knowledge to real-world, industry-level projects. Compared to our .NET 7 course, we've refined our approach, introducing the following key features:</p>
97
+
<ol>
98
+
<li>
99
+
<strong>Requisites:</strong>
100
+
<ul>
101
+
<li>Tutorials are categorized into two distinct types: concept and example. For instance, if you're exploring a concept tutorial, you'll find a link to the corresponding examples and vice versa. This structured approach enhances the learning experience.</li>
102
+
</ul>
103
+
</li>
104
+
<li>
105
+
<strong>Concept Explanation:</strong>
106
+
<ul>
107
+
<li>Clear and concise overviews of the covered concepts are provided. This includes relevant background information and key terms. Visual aids such as screenshots, images, or videos are incorporated to facilitate a deeper understanding of the concept.</li>
108
+
</ul>
109
+
</li>
110
+
<li>
111
+
<strong>Code Sample:</strong>
112
+
<ul>
113
+
<li>Each concept is accompanied by a well-commented and easily understandable code sample. This practical demonstration aids in solidifying your understanding of the concept through hands-on coding.</li>
114
+
</ul>
115
+
</li>
116
+
<li>
117
+
<strong>Fully Working Project Example:</strong>
118
+
<ul>
119
+
<li>A comprehensive, fully functional project example is presented to showcase the practical implementation of the covered concept. This not only offers insight into real-world scenarios but also provides you with the opportunity to experiment with the code and reinforce your learning.</li>
120
+
</ul>
121
+
</li>
122
+
<li>
123
+
<strong>Common Mistakes:</strong>
124
+
<ul>
125
+
<li>An integral section addresses common mistakes associated with implementing the covered concept. By highlighting potential pitfalls, we aim to guide you in avoiding errors and enhancing your overall comprehension of the material.</li>
0 commit comments