8340  Reviews star_rate star_rate star_rate star_rate star_half

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

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...

Read More
By Request
$2,188 USD
Duration 5 days
Course Code ASPNC-112
Available Formats Classroom

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.

Skills Gained

  • 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

Prerequisites

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

Course Details

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 Ascendient Learning provides

Outline

  • 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
Read Less

Schedule

Upcoming Course Dates

There are currently no scheduled dates for this course. If you are interested in this course, contact us with the form below.

Contact Information

FAQ

Does the course schedule include a Lunchbreak?

Classes typically include a 1-hour lunch break around midday. However, the exact break times and duration can vary depending on the specific class. Your instructor will provide detailed information at the start of the course.

What languages are used to deliver training?

Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.

What does GTR stand for?

GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.

Does Ascendient Learning deliver group training?

Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.

What does vendor-authorized training mean?

As a vendor-authorized training partner, we offer a curriculum that our partners have vetted. We use the same course materials and facilitate the same labs as our vendor-delivered training. These courses are considered the gold standard and, as such, are priced accordingly.

Is the training too basic, or will you go deep into technology?

It depends on your requirements, your role in your company, and your depth of knowledge. The good news about many of our learning paths, you can start from the fundamentals to highly specialized training.

How up-to-date are your courses and support materials?

We continuously work with our vendors to evaluate and refresh course material to reflect the latest training courses and best practices.

Are your instructors seasoned trainers who have deep knowledge of the training topic?

Ascendient Learning instructors have an average of 27 years of practical IT experience and have also served as consultants for an average of 15 years. To stay current, instructors spend at least 25 percent of their time learning new, emerging technologies and courses.

Do you provide hands-on training and exercises in an actual lab environment?

Lab access is dependent on the vendor and the type of training you sign up for. However, many of our top vendors will provide lab access to students to test and practice. The course description will specify lab access.

Will you customize the training for our company’s specific needs and goals?

We will work with you to identify training needs and areas of growth.  We offer a variety of training methods, such as private group training, on-site of your choice, and virtually. We provide courses and certifications that are aligned with your business goals.

How do I get started with certification?

Getting started on a certification pathway depends on your goals and the vendor you choose to get certified in. Many vendors offer entry-level IT certification to advanced IT certification that can boost your career. To get access to certification vouchers and discounts, please contact info@ascendientlearning.com.

Will I get access to content after I complete a course?

You will get access to the PDF of course books and guides, but access to the recording and slides will depend on the vendor and type of training you receive.

How do I request a W9 for Ascendient Learning?

View our filing status and how to request a W9.

Reviews

Great instructor, clear and concise course. Labs were easy to follow and worked perfectly.

Course was great and the instructor had an answer for anything that was asked during the course.

The training was very good to understand the concepts and how to set up things .

Simply great training provider that I can go for updating/acquiring my skill sets.

Great class I learned a great deal from the material. There would seem to a large amount that I need to learn about.