Web Age Solutions Inc
Providing Technology Training and Mentoring For Modern Technology Adoption
Web Age Aniversary Logo
US Inquiries / 1.877.517.6540
Canadian Inquiries / 1.877.812.8887
Course #:WA3064

Progressive Web Application Development using Entity Framework Core and Blazor Training

If you’ve been keeping up with the latest developments in the .NET world over the past year or two, you’ve probably heard the word Blazor mentioned once or twice. Blazor is a new client-side UI framework from the ASP.NET team. Its big selling point is the ability to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript—something a lot of developers have been dreaming of.

Blazor is meant to replace JavaScript for front-end development by using C#. Therefore, this will appeal to shops that use C# for development i.e. any clients we taught C# to or that we know uses C#.

This course provides training on creating modern Progressive Web Applications using Blazor. Progressive Web Apps (PWA) create an app-like experience in a browser, i.e. a website that acts and feels like a native desktop/mobile app. PWA apps can utilize features, such as Offline apps, IndexedDB, Web Storage, and Push Notifications. Blazor is an open-source framework from Microsoft and it is used for developing Single Page Applications. It is similar to other JavaScript frameworks and libraries, such as Angular, React, Vue.js, and Polymer Web Components. Blazor uses WebAssembly to execute C# code in the browser which means the front- and back-end of the web application can the same language!

This course will provide students with an understanding of the principles of using Blazor components & templated components, service and dependency injection, layout, and routing. Students will also learn how to enable the progressive web apps functionality in existing and new Blazor applications by creating service workers to support push notifications and access storage using Web Storage API and IndexedDB.

Read More: What’s behind the hype about Blazor?

Objectives

In this training, attendees will learn how to:

• Install and use the Entity Framework package to work with databases on the server-side

• Install packages required to develop the client-side Blazor applications

• Use components, service & dependency injection, layout, and routing

• Enable the Progressive Web Apps features in an application by creating service workers

• Use the Progressive Web Apps features, such as push notifications and storage with IndexedDB

Prerequisites

Attendees should have familiarity with .NET and C#. Basic knowledge of JavaScript is useful but not necessary.

Duration

Three days

Proven Results

"The Instructor was very knowledegable and patient with the students. He was able to use the training technology efficiently to highlight the screen and bring attention to examples he was conveying. During labs, The Instructor was also able to quickly identify solutions to issues that students were having. Keep up the good work!"

"The Instructor was great in explaining the technology. The tools he used were very helpful in being able to follow with more complicated concepts."

"The Instructor answered questions very well, even though some of them were out of scope. He knew the material in and out, and was not worried of talking about material outside of it, even pointing us to useful resources."

"The Instructor did a great job explaining complicated concepts in a simple manner and the labs and reference material was very well presented."

"The course material was very easy to follow and the the labs did a good job demonstrating the concepts being taught."

 

Outline of Progressive Web Application Development using Entity Framework Core and Blazor Training

Chapter 1. Introduction to Blazor, Entity Framework Core, and Progressive Web Apps

What is Microsoft Blazor

What is Entity Framework Core

What is Progressive Web Apps (PWAs)

Relationship between C#, LINQ, Entity Framework Core, JavaScript, HTML, and Razor.

Comparing Blazor to Angular and React.

Chapter 2. Installing the Packages and Working with Git

Blazor

Entity Framework Core

ODP.NET for Oracle

Working with Git on Azure DevOps Services

Chapter 3. Getting Started with Entity Framework Core

Entity Framework Core Overview

Installing Entity Framework Core

Modelling using Code First

Modelling using Database First

Using Fluent API

Chapter 4. Querying and Saving Data with Entity Framework Core

Basic Queries with LINQ

Calling Stored Procedures

Using Include and Then Include

Controlling the Tracking Behaviour

Saving changes

Performing Bulk Insert

Implementing Transactions

Chapter 5. Getting Started with Blazor

Creating a Blazor Hello World Application

Understanding the Razor fundamentals

Chapter 6. Working with Blazor Components

Working with Components in Blazor

Using C# in Components

Parameterize Components

Understanding Component Life Cycle

Binding - One-way data binding

Binding - Two-way data binding

Binding - Event binding

Chapter 7. Advanced Blazor Component Concepts

Render Raw HTML

Render Child Content

Using RenderFragment

Using RenderTreeBuilder

Using @key and @attribute

Chapter 8. Layout and Routing

Creating a Master Layout

Implementing Routing

Using URL Helpers

Chapter 9. Forms and Validation

Using EditForm

Implementing Form Validation

Using @ref

Routing

Chapter 10. Dependency Injection & JSInterop

Understanding Dependency Injection (DI)

DI with Default Service

DI with Custom Service

Call a JavaScript Function

Call C# from JavaScript

Chapter 11. Debugging & Deployment

Debugging a Blazor Application

Deploying a Blazor Application

Upgrading a Blazor Application

Chapter 12. Securing a Blazor Application

Blazor Authentication

Using ASP.NET Core Identity and JWT

Chapter 13. Best Practices

Project Structure

Optimizing the Startup Time

Optimizing Rendering Performance

Optimizing the Application Download Size

Chapter 14. Progressive Web Apps (PWAs) Overview

Understanding the features of a progressive web app

Getting started with a Blazor PWA

When to create offline apps

Using Service Workers

Customizing the application appearance

Adding Push Notifications

Controlling Caching

 

We regularly offer classes in these and other cities. Atlanta, Austin, Baltimore, Calgary, Chicago, Cleveland, Dallas, Denver, Detroit, Houston, Jacksonville, Miami, Montreal, New York City, Orlando, Ottawa, Philadelphia, Phoenix, Pittsburgh, Seattle, Toronto, Vancouver, Washington DC.
US Inquiries / 1.877.517.6540
Canadian Inquiries / 1.877.812.8887