Blazor certification training - Dot Net Tricks
- 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