Full Stack Web Programming with Blazor WebAssembly and ASP.NET Core Web API

ASPNC-112 (5 Days)
Request Pricing for Full Stack Web Programming with Blazor WebAssembly and ASP.NET Core Web API

Blazor WebAssembly Training Overview

This Full Stack Web Programming with Blazor WebAssembly and ASP.NET Core Web API training teaches 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.

Location and Pricing

Accelebrate courses are taught as private, customized training for groups of 3 or more at your site. In addition, we offer live, private online training for teams who may be in multiple locations or wish to save on travel costs. To receive a customized proposal and price quote for private on-site or online training, please contact us.

Blazor WebAssembly Training Objectives

All students will learn how to:

  • Understand the Blazor platform
  • Build UIs with components
  • Utilize data binding and event handling
  • Compose components
  • Build Blazor pages and configure routing
  • Deploy a Blazor WebAssembly application to production
  • Consume Server Data via REST APIs and SignalR (WebSockets)
  • Unit test Blazor apps
  • Unit test server-side code

Blazor WebAssembly Training Outline

Expand All | Collapse All | Printer-Friendly

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 WebAssembly Application
  • Project Template
  • Create a New Application
  • Hosting Blazor WebAssembly with a ASP.NET Core MVC Server
  • Configuration
  • Dependency Injection
  • Environments
  • Logging
  • Handling Errors
  • Debugging WebAssembly
Razor Components and Data Binding
  • What is a Component?
  • Creating a Data Model
  • Binding the Data Model to the HTML
  • Passing Arbitrary Attributes
  • Handling Events
  • Manually Trigger State Updates and Re-rendering
Composing Razor Components
  • Decompose a Component into Smaller Components
  • 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
  • Razor Component Libraries
  • Razor Component Design Patterns
    • Parameters are Immutable
    • Lift State Up
    • Managing State in General
Razor Component Forms
  • What is the purpose of Form?
  • Collecting Data using a Form, Input, Select, and TextArea Elements
  • 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
    • Input Text
    • Input TextArea
    • Input Select
    • Input Number
    • Input Checkbox
    • Input Date
  • Applying Validation to the Form
  • Decorating the View Model with Validation Attributes
  • Code Custom Validation Attributes
Razor Component Pages
  • What is the Page model?
  • Differences between Razor Pages and Razor Components
  • Using a Razor Component as a Page
  • Explore the Router Component
  • Configuring Page Routing
  • Route to Components from Multiple Assemblies
  • Using Route Parameters
  • Using the Query String
  • Applying Authorization to a Razor Component Page
  • Using Authorization within the Component Tree
Using Server Data
  • 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
    • 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
  • 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?
  • When is JavaScript needed?
  • Synchronous vs. Asynchronous Calls
  • How to call a JavaScript function from a Component
  • How to call C# code from JavaScript
  • Calling Static Methods
  • Calling Instance Methods
  • Organizing JavaScript Code within a Blazor WebAssembly App
  • Explore JavaScript Ecosystem
    • Client-Side Libraries
    • NPM & Yarn
    • Webpack
    • Useful Libraries
Unit Testing
  • What is Unit Testing?
  • Principles of Unit Testing
    • Defining a Unit
    • Setup/Teardown
    • Testing in Isolation
    • Determining What to Test
    • Code Coverage
    • Test Frameworks
    • Stubs, Mocks and Spies
  • xUnit
    • What is xUnit?
    • Testing Framework
    • Facts vs. Theory
    • Assertions
    • Integration with Visual Studio
  • Razor Components
    • What Should be Tested on a Razor Component?
    • What is bUnit?
    • Using bUnit with xUnit
    • Setup and define components under tests in C# or Razor syntax
    • Verify outcome using semantic HTML comparer
    • Interact with and inspect components
    • Trigger event handlers
    • Provide cascading values
    • Inject services
    • Mock IJsRuntime
    • Perform snapshot testing
  • ASP.NET Core Web API
    • What Should be Tested on a Web API?
    • Testing Controllers
    • Testing APIs
    • Integration Testing of APIs
Conclusion
Request Pricing for Full Stack Web Programming with Blazor WebAssembly and ASP.NET Core Web API

Lecture percentage

50%

Lecture/Demo

Lab percentage

50%

Lab

Course Number:

ASPNC-112

Duration:

5 Days

Prerequisites:

  • C# programming experience
  • HTML, CSS, and JavaScript development experience

Training Materials:

All Blazor training students receive comprehensive courseware.

Software Requirements:

  • Windows 10 or later with at least 8 GB RAM
  • Visual Studio 2019 or later
  • .NET Core 3.1 or later SDK
  • LocalDB or another version of SQL Server
  • Postman application
  • Additional lab files that Accelebrate provides

Contact Us:

Accelebrate’s training classes are available for private groups of 3 or more people at your site or online anywhere worldwide.

Don't settle for a "one size fits all" public class! Have Accelebrate deliver exactly the training you want, privately at your site or online, for less than the cost of a public class.

For pricing and to learn more, please contact us.

Contact Us Train For Us

Have you read our Google reviews?

Toll-free in US/Canada:
877 849 1850
International:
+1 678 648 3113

Fax: +1 404 420 2491

925B Peachtree Street, NE
PMB 378
Atlanta, GA 30309-3918
USA

Subscribe to our Newsletter:

Never miss the latest news and information from Accelebrate:

Microsoft Gold Partner

Please see our complete list of
Microsoft Official Courses

Recent Training Locations

Alabama

Birmingham

Huntsville

Montgomery

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

Los Angeles

Oakland

Orange County

Sacramento

San Diego

San Francisco

San Jose

Colorado

Boulder

Colorado Springs

Denver

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Jacksonville

Miami

Orlando

Tampa

Georgia

Atlanta

Augusta

Savannah

Hawaii

Honolulu

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Cedar Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Frederick

Hagerstown

Massachusetts

Boston

Cambridge

Springfield

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Minneapolis

Saint Paul

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Las Vegas

Reno

New Jersey

Princeton

New Mexico

Albuquerque

New York

Albany

Buffalo

New York City

White Plains

North Carolina

Charlotte

Durham

Raleigh

Ohio

Akron

Canton

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Oklahoma City

Tulsa

Oregon

Portland

Pennsylvania

Philadelphia

Pittsburgh

Rhode Island

Providence

South Carolina

Charleston

Columbia

Greenville

Tennessee

Knoxville

Memphis

Nashville

Texas

Austin

Dallas

El Paso

Houston

San Antonio

Utah

Salt Lake City

Virginia

Alexandria

Arlington

Norfolk

Richmond

Washington

Seattle

Tacoma

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Calgary

Edmonton

British Columbia

Vancouver

Manitoba

Winnipeg

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan

© 2013-2020 Accelebrate, Inc. All Rights Reserved. All trademarks are owned by their respective owners.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.