2. Page
1
Blazor: Full-stack Web Development Certification Training
About the Course
This course provides an in-depth overview of Blazor Server and Blazor WebAssembly for building interactive client-side
web applications with .NET. It begins by explaining the benefits of using Blazor Server. The course proceeds to teach the
student how to implement and secure a single-page web application using Blazor Server.
The Blazor WebAssembly section will teach you how to build UI apps using the same component-based patterns
popularized by libraries such as Angular and React, but with C#. Attendees also learn server-side coding using ASP.NET
Core Web APIs and SignalR to provide data for their Blazor WebAssembly applications.
Course objectives
At the completion of this course, attendees will be able to;
• Understand the Blazor platform
• Build UIs with components
• Utilize data binding and event handling
• Compose components
• Deploy a Blazor WebAssembly application to production
• Consume Server Data via REST APIs and SignalR (WebSockets)
• Build a Single Page Application (SPA)
• Understand debugging on both the server and the client
• Call existing JavaScript libraries
• Store data on the browser
• Update data on SQL Server
• Share Razor Components between projects
• Learn to build end-to-end application using Blazor.
• Use Blazor Best Practices to build enterprise-grade application.
• Application Deployment on IIS and Cloud.
Who can do this course?
All .NET Beginner(s)/Professional(s) who are keen to develop modern, light weight and cloud-based web applications
should go for this course.
Pre-requisites
Anyone who wants to learn Blazor should have a basic knowledge of C# and HTML.
Tools/IDE
Visual Studio 2019, VS Code, SQL Server 2016 or Higher, Postman

3. Page
2
Course Curriculum
Module 1
Introduction
• What is Blazor?
• Blazor Hosting Models
• Blazor Server vs. Blazor WebAssembly
• What is WebAssembly?
• Browser Compatibility
• WebAssembly vs. JavaScript
• How does .NET Core / C# run in a web browser?
Blazor Server
• Understanding Project Structure
• Routing
• Default Layout
• Nested Layouts
• Navigation
• Components
• Razor Syntax
Module 2
Blazor Server: Razor Components
• Component Parameters
• Event Handling
• Lifecyle Methods
• Templated Components
• @key Directive
• Attribute Splatting
• Composing Components
• Passing Data Between Components
Module 3
Blazor Server: Forms and Validations
• Form Overview
• EditForm Component
• Standard Input Components
• Data Binding
• Data Validation
• Data Annotations
• Validation Components
• Custom Validation
• Custom Input Components

4. Page
3
Module 4
Blazor WebAssembly
• Understanding Project Template
• Configuration
• Dependency Injection
• Environments
• Logging
• Handling Errors
• Debugging WebAssembly
Blazor WebAssembly: Razor Components
• What is a Component?
• Creating a Data Model
• Binding the Data Model to the HTML
• Handling Events
• Manually Trigger State Updates and Re-rendering
• Decompose a Component into Smaller Components
Module 5
Blazor WebAssembly: Data Binding and Data Passing
• One-Way Data Binding
• Two-Way Data Binding
• Pass Data from a Parent Component to a Child Component using Parameters
• Pass Data from a Child Component to a Parent Component using Event Callbacks
• Use Keys to Optimize Performance
• Use Refs to Access DOM Elements
Module 6
Blazor WebAssembly: Forms and Validations
• Explore Form Element Two-Data Binding
• Build Forms with the Blazor Edit Form Razor Component
• Explore the Concept of the Edit Context
• Use the Specialized Edit Form Controls
• Applying Validation to the Form
• Decorating the View Model with Validation Attributes
• Code Custom Validation Attributes
Module 7
Blazor and Web API
• ASP.NET Core MVC Web API
• What is ASP.NET Core MVC?
• What is a REST API?
• What is an API Controller?
• Injecting the Http Client

5. Page
4
• Exploring the Http Client
• Calling a REST API from a Blazor Component using the HttpClient
• Build a REST API with ASP.NET Core MVC
• Implementing Authentication and Authorization
Module 8
SignalR
• What is SignalR?
• What are Web Sockets?
• Understand Two-Way Data Flow with SignalR
• Use SignalR to communicate between Razor Components and ASP.NET Core server
Interacting with JavaScript
• What is the JavaScript Interop?
• Synchronous vs. Asynchronous Calls
• How to call a JavaScript function from a Component?
• How to call C# code from JavaScript?
• Organizing JavaScript Code within a Blazor WebAssembly App
Module 9 (Project Development)
Discussing Project Architecture
• Understanding Application layers
• Discussing Application Entities Properties
• Discussing Relationship among Application Entities
Developing Project
• Designing Application Architecture
• Developing DAL layer using Entity Framework Core
Implementing Design Pattern
• Developing BAL layer
• Repository Design Pattern
• Dependency Injection
Module 10 (Project Development)
Login and Securing App
• Implementing Login Workflow
• Implementing Authorization using Authorization
• Passing Logged in User Info Across the App
Category and Product Listing
• Category CRUD Operations
• Product CRUD Operations
Securing ASP.NET Web API
• Understanding Token based Security

6. Page
5
• Implementing Token based Security
• Customizing principal
• Implementing Authorization
Module 11 (Project Development)
Blazor Best Practices
• Important Nuget Packages
• Tips to optimize application performance
Bundling & Minification
• Understanding Bundling & Minification
• Minimize number of static files requests
Error Logging
• Understanding Error Logging Options
• Configuring Error logging provider
• Tracing Error log
Deployment
• Deployment on IIS
• Deployment on Cloud
Contact Us
• For more information about the course, visit: www.dotnettricks.com/training/masters-program/aspnet-core
• Feel free to call us at +91 9999 123 503 or email us at info@dotnettricks.com