Databases · DBC-30

Blazor WebAssembly with MongoDB

18 hours 3 days
Last updated

Blazor WebAssembly with MongoDB is a 18-hour training course by IT Genius Institute. หลักสูตรนี้เนื้อหาจะเป็นการประยุกต์ใช้คำสั่งในการจัดการกับฐานข้อมูล NoSQL ที่ชื่อ MongoDB โดยใช้ภาษา c#.net และการพัฒนา WebAssembly โดยใช้ Blazor…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Blazor WebAssembly with MongoDB หลักสูตรนี้เนื้อหาจะเป็นการประยุกต์ใช้คำสั่งในการจัดการกับฐานข้อมูล NoSQL ที่ชื่อ MongoDB โดยใช้ภาษา c#.net และการพัฒนา WebAssembly โดยใช้ Blazor โดยใช้ฐานข้อมูลเป็น MongoDB

Objectives

  • อาจารย์สนิทวงศ์ กมลภากรณ์

Who this course is for

  • Developer
  • เจ้าหน้าที่ดูแลด้านไอทีของบริษัท

Prerequisites

  • ASP.NET Core MVC

Curriculum

Module 1: Introduction MogoDB and C#.net

  • Why NoSQL and Why MongoDB?
  • MongoDB.Entities
  • MongoDB and LINQ
  • Indexing and Profiling
  • Working Directly with Documents in C#
  • GridFS
  • Aggregation Framework
  • Security and Permissions

Module 2: Introduction Blazor WebAssembly What is Blazor?

  • Blazor Hosting Models
  • What is Blazor Server vs. Blazor WebAssembly?
  • What is WebAssembly?
  • Browser Compatibility
  • Web Assembly vs. JavaScript
  • How does .NET Core / C# run in a web browser?

Module 3: 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

Module 4: 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

Module 5: 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

Module 6: 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

Module 7: 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

Module 8: 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

Module 9: 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

Frequently asked questions

Who is Blazor WebAssembly with MongoDB for, and what background is needed?

Built for Developer · เจ้าหน้าที่ดูแลด้านไอทีของบริษัท Background you should have: ASP.NET Core MVC Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Blazor WebAssembly with MongoDB cost and how long does it run?

THB 10,500 (currently THB 9,450 on promotion). The course runs 18 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

Instructors

Run this course for your whole team

We run this course in-house, tailored to your stack.

Corporate training quote