Beskrivelse
Thanks to WASM (WebAssembly) it is finally possible to create C# web applications, running exclusively in the browser. Microsoft created Blazor that, together with ASP.NET Core, allows you to write web application, Progressive web apps (PWA), (native) mobile and desktop applications.
Prerequisites
Professional software developer with knowledge of C#. Some knowledge of web technologies like HTML and CSS is helpful.
Outcome At the end of the course the students should be ready to independently start and maintain Blazor projects. Course content
Intro
Why use Blazor?
What is Blazor?
Difference between client-side and server-side Blazor
Getting Started
Installation and Tooling
Project Setup
Project Templates
Main
Templates & Razor
Components
Data Binding
Event Handling
Forms and Input Validation
Component Lifecycle
Layouts
Styling with CSS
State Management
Dependency Injection
Routing
Route Templates
Fallback
Route Parameters
Route Constraints
NavLink Component
URI and Navigation State Helpers
Bindings to Native APIs:
Location / GPS
Media
Handling errors
Debugging
Testing
Hosting & Deploying
Extra
JavaScript Interop (2-way)
Authentication & Authorization ...%%%
...
Localization
Calling WebAPI and using SignalR
Course form
You log in through the link sent to you and our instructor will be ready live with a group of participants
The course is conducted on your own PC, and can be on Mac or Windows laptops
Make sure you have a stable internet connection and Visual Studio Code installed.
Instructor
Rick is a senior consultant and trainer from The Netherlands.He has over 25 years of professional experience while working in small, large and fast growing organisations.His passion is simplicity, wellwritten code and team dynamics.He is specialised in front-end technologies and speaks regularly about these topics at international events. Deltagerprofil
Kurset er rettet mod dig, der er professionel softwareudvikler med kendskab til C#. En vis viden om webteknologier som HTML og CSS er nyttig.
Takket være WASM (WebAssembly) er det endelig muligt at oprette webapplikationer på ethvert sprog. Microsoft har skabt Blazor, som sammen med ASP.NET Core giver dig mulighed for at skrive webapplikationer, Progressive webapps (PWA) og (integrerede) mobil- og desktop-applikationer. Blazor findes i to varianter: Server og Client. Kurset dækker begge varianter både i eksempler og øvelser, da koden generelt er den samme. Kurset afholdes på engelsk.
Få grundlæggende viden om og værktøjer til Blazor
Lær, hvordan du starter dit eget Blazor-projekt
Lær, hvordan du vedligeholder Blazor-projekter på egen hånd
Materiale
Kursusmaterialet vil have mange eksempler på alle de anvendte teknologier. Blazor vil til stadighed være under udvikling, og derfor undervises altid i den nyeste version. Eksempler fra tidligere funktioner vil også være i materialet. Øvelserne er designet til at få dig til at tænke selv, frem for at blive ledt igennem materialet. Det gør det nemmere at huske tingene.
Bemærkning
Kurset kan følges både på Mac- og Windows-maskiner med Visual Studio (kode).
Form ved virtuel afholdelse
Du tilgår kurset via internettet fra din egen computer, stabil forbindelse er vigtig.
Du logger på via det tilsendte link, hvor vores underviser sidder klar til at gennemgå kurset live med en gruppe deltagere
Indhold
Intro
Why use Blazor?
What is Blazor?
Difference between client-side and server-side Blazor
Getting Started
Installation and Tooling
Project Setup
Project Templates
Bootstrap an App
Basic
Razor syntax
- Compile step
- HTML Head content
Components
- Data Binding
- Conditional rendering
- List rendering
- Event Handling
- Styling with CSS
Multiple Components
Custom events
- Custom event args
Support @bind-
Keys
Recursive Components
Dynamically render Components
Forms
Form Controls and
Input Validation
Submit handling
Lifecycle
Component Lifecycle events
Understanding and forcing updates
Dependency Injection
Singleton vs Transient
Services
State Management
Router
Layouts
Routing
- Route Templates
- Fallback
- Route Parameters
- Route Constraints
- NavLink Component
- URI and Navigation State Helpers
DOM & JavaScript
Accessing JavaScript from Blazor
Accessing Blazor from JavaScript
Use native APIs
JavaScript Initializers
Render components from JavaScript
Fetch REST APIs
HTTP:
- Get
- Put
- Push
- Delete
Cascading Values and Parameters
Create and consume values
Multiple values
Callbacks
State management
Templated Components
1 or multiple slots
Default values
Performance
Virtualized list
ShouldRender() lifecycle
Prerender
Security
Authentication
Authorization
Handling UI appropriately
Miscellaneous (Covered alongside other topics)
Error Boundaries
Handling errors
Debugging
Testing
Hosting & Deploying
Serverside vs Clientside
Content is always updated to the latest released Blazor and .NET version.
Optional
Creating a Progressive Web App
