Course Code: advancedblazor
Duration: 21 hours
Prerequisites:
  • Understanding of C#
  • Knowledge of Blazor and JavaScript
  • Experience with .NET framework

Audience

  • Web Developers
Overview:

Blazor is an open-source web framework written in C# that enables developers to create interactive web user interfaces and applications using C#. Entity Framework (EF) Core is an object-database mapper for .NET that provides developers with an automated mechanism for accessing and storing data in databases.

This instructor-led, live training (online or onsite) is aimed at web developers who wish to learn how to use Progressive Web Application (PWA) development features to create an app-like experience in a website using Entity Framework (EF) Core and Blazor.

By the end of this training, participants will be able to:

  • Use the EF package to work with databases.
  • Use Blazor components, services, dependency injection, layout, and routing.
  • Create service workers to enable PWA features in an application.
  • Utilize push notifications and other PWA features.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
Course Outline:

Introduction

  • Overview of Entity Framework (EF) Core
  • Overview of Progressive Web App (PWA)

Entity Framework (EF) Core

  • Installing EF Core
  • Modeling using code first
  • Modeling using database first
  • Using fluent API

Querying and Saving Data with EF Core

  • Basic queries using LINQ
  • Calling stored procedures
  • Controlling the tracking behavior
  • Saving changes
  • Bulk insert
  • Transactions

Blazor Components

  • Understanding the Razor fundamentals
  • Working with components in Blazor
  • Using C# in components
  • Parameterized components
  • Component life cycle
  • One-way data binding
  • Two-way binding
  • Event binding

Advanced Blazor Component Concepts

  • Rendering raw HTML
  • Rendering a child content
  • Using RenderFragment
  • Using RenderTreeBuilder
  • Using @key and @attribute

Routing and Layout

  • Creating a master layout
  • Routing
  • Using URL helpers

Forms and Validation

  • Using EditForm
  • Form validation
  • Using @ref

Dependency Injection (DI) and JSInterop

  • Understanding DI
  • DI with default service
  • DI with custom service
  • Calling a JavaScript function
  • Calling C# from JavaScript

Debugging and Deploying

  • Debugging a Blazor app
  • Deploying a Blazor app
  • Upgrading a Blazor app

Security

  • Blazor authentication
  • Using ASP.NET core identity and JWT

Progressive Web Application (PWA) Development

  • Overview of PWA
  • Understanding the features of PWA
  • Blazor PWA
  • Creating offline applications
  • Using service workers
  • Customizing the application
  • Caching
  • Adding push notifications

Summary and Next Steps

Sites Published:

United Arab Emirates - Advanced Blazor

Qatar - Advanced Blazor

Egypt - Advanced Blazor

Saudi Arabia - Advanced Blazor

South Africa - Advanced Blazor

Brasil - Advanced Blazor

Canada - Advanced Blazor

中国 - Advanced Blazor

香港 - Advanced Blazor

澳門 - Advanced Blazor

台灣 - Advanced Blazor

USA - Advanced Blazor

Österreich - Advanced Blazor

Schweiz - Advanced Blazor

Deutschland - Advanced Blazor

Czech Republic - Advanced Blazor

Denmark - Advanced Blazor

Estonia - Advanced Blazor

Finland - Advanced Blazor

Greece - Advanced Blazor

Magyarország - Advanced Blazor

Ireland - Advanced Blazor

Luxembourg - Advanced Blazor

Latvia - Advanced Blazor

España - Advanced Blazor

Italia - Advanced Blazor

Lithuania - Advanced Blazor

Nederland - Advanced Blazor

Norway - Advanced Blazor

Portugal - Advanced Blazor

România - Advanced Blazor

Sverige - Advanced Blazor

Türkiye - Advanced Blazor

Malta - Advanced Blazor

Belgique - Advanced Blazor

France - Advanced Blazor

日本 - Advanced Blazor

Australia - Advanced Blazor

Malaysia - Advanced Blazor

New Zealand - Advanced Blazor

Philippines - Advanced Blazor

Singapore - Advanced Blazor

Thailand - Advanced Blazor

Vietnam - Advanced Blazor

India - Advanced Blazor

Argentina - Advanced Blazor

Chile - Advanced Blazor

Costa Rica - Advanced Blazor

Ecuador - Advanced Blazor

Guatemala - Advanced Blazor

Colombia - Advanced Blazor

México - Advanced Blazor

Panama - Advanced Blazor

Peru - Advanced Blazor

Uruguay - Advanced Blazor

Venezuela - Advanced Blazor

Polska - Advanced Blazor

United Kingdom - Advanced Blazor

South Korea - Advanced Blazor

Pakistan - Advanced Blazor

Sri Lanka - Advanced Blazor

Bulgaria - Advanced Blazor

Bolivia - Advanced Blazor

Indonesia - Advanced Blazor

Kazakhstan - Advanced Blazor

Moldova - Advanced Blazor

Morocco - Advanced Blazor

Tunisia - Advanced Blazor

Kuwait - Advanced Blazor

Oman - Advanced Blazor

Slovakia - Advanced Blazor

Kenya - Advanced Blazor

Nigeria - Advanced Blazor

Botswana - Advanced Blazor

Slovenia - Advanced Blazor

Croatia - Advanced Blazor

Serbia - Advanced Blazor

Bhutan - Advanced Blazor

Nepal - Advanced Blazor

Uzbekistan - Advanced Blazor