{"id":9620,"date":"2025-03-10T12:53:40","date_gmt":"2025-03-10T11:53:40","guid":{"rendered":"https:\/\/republify.se\/?post_type=product&#038;p=9620"},"modified":"2026-01-08T18:57:44","modified_gmt":"2026-01-08T17:57:44","slug":"blazor-bygg-moderna-webbappar-med-c-sharp","status":"publish","type":"product","link":"https:\/\/republify.se\/index.php\/produkt\/blazor-bygg-moderna-webbappar-med-c-sharp\/","title":{"rendered":"Blazor \u2013 Bygg moderna webbappar med C#"},"content":{"rendered":"<div class=\"detail-text\">\n<h3 class=\"detail-text\"><strong>Dag 1: Introduktion till Blazor och Grundl\u00e4ggande Komponenter<\/strong><\/h3>\n<div class=\"detail-text\">\n<div class=\"note-wrapper\">\n<div class=\"row\">\n<div class=\"col-12\">\n<div class=\"note-wrapper__text\">\n<div class=\"note-wrapper\">\n<div class=\"row\">\n<p>M\u00e5l: F\u00f6rst\u00e5 grunderna i Blazor och bygga enkla komponenter.<\/p>\n<p><strong>Vad \u00e4r Blazor?<\/strong><\/p>\n<ul>\n<li>\u00d6versikt av Blazor\u00a0 (Blazor Server vs. Blazor WebAssembly).<\/li>\n<li>F\u00f6rdelar med Blazor j\u00e4mf\u00f6rt med webbramverk.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Projektupps\u00e4ttning och Grunder<\/strong><\/p>\n<ul>\n<li>Installera och konfigurera ett Blazor-projekt i Visual Studio.<\/li>\n<li>Struktur och viktiga filer i ett Blazor-projekt.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Grundl\u00e4ggande Komponenter och Razor-syntax<\/strong><\/p>\n<ul>\n<li>Skapa och anv\u00e4nda komponenter.<\/li>\n<li>Data binding och eventhantering (@bind, onclick).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Dependency Injection och State Management<\/strong><\/p>\n<ul>\n<li>Hur DI fungerar i Blazor.<\/li>\n<li>Enkel delning av data mellan komponenter.<\/li>\n<\/ul>\n<p>\u00d6vning:<br \/>\nBygg en enkel &#8221;To-Do&#8221;-applikation d\u00e4r anv\u00e4ndaren kan l\u00e4gga till och ta bort uppgifter.<\/p>\n<p>&nbsp;<\/p>\n<h3>Dag 2: Datahantering, API-anrop och Enkel Databaskoppling.<\/h3>\n<p>M\u00e5l: Anropa API:er, koppla Blazor till en databas och skapa mer dynamiska komponenter.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Kommunikation mellan komponenter<\/strong><\/p>\n<ul>\n<li>F\u00f6r\u00e4ldra-barn-kommunikation med @Parameter och EventCallback.<\/li>\n<li>Delning av state med tj\u00e4nster.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Anropa och hantera API:er (REST &amp; JSON)<\/strong><\/p>\n<ul>\n<li>Skicka och h\u00e4mta data fr\u00e5n ett Web API med HttpClient.<\/li>\n<li>JSON-serialisering och deserialisering.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Routing och Navigation<\/strong><\/p>\n<ul>\n<li>Implementera routing i Blazor.<\/li>\n<li>Skapa och anv\u00e4nda parametrar i <a href=\"URL:er\">URL:er<\/a>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Formul\u00e4r och Validering<\/strong><\/p>\n<ul>\n<li>Hantera formul\u00e4r med EditForm.<\/li>\n<li>Validering med DataAnnotations.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Enkel Databaskoppling (EF Core + Databas)<\/strong><\/p>\n<ul>\n<li>Installera och konfigurera Entity Framework Core i Blazor.<\/li>\n<li>Skapa en enkel Databas.<\/li>\n<\/ul>\n<p>\u00d6vning:<br \/>\nUt\u00f6ka &#8221;To-Do&#8221;-applikationen s\u00e5 att uppgifterna sparas och h\u00e4mtas fr\u00e5n ett API.<\/p>\n<p>&nbsp;<\/p>\n<h3>Dag 3: Avancerade Funktioner och Prestandaoptimering<\/h3>\n<p>M\u00e5l: F\u00f6rst\u00e5 mer avancerade funktioner och optimera Blazor-applikationer.<\/p>\n<p><strong>Authentication &amp; Authorization<\/strong><\/p>\n<ul>\n<li>Introduktion till identitetshantering i Blazor.<\/li>\n<li>Enkel JWT-baserad autentisering.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Component Lifecycle &amp; Performance Optimization<\/strong><\/p>\n<ul>\n<li>Livscykelmetoder (OnInitialized, OnParametersSet, OnAfterRender).<\/li>\n<li>Lazy loading och optimering av komponentuppdateringar.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>JavaScript Interop<\/strong><\/p>\n<ul>\n<li>Anropa JavaScript-funktioner fr\u00e5n Blazor.<\/li>\n<li>Exempel: Koppla en Blazor-knapp till en JavaScript-modal.<\/li>\n<\/ul>\n<p>\u00d6vning:<br \/>\nL\u00e4gg till autentisering i To-Do-appen och f\u00f6rb\u00e4ttra prestandan med lazy loading.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Sammanfattning och Avslutning<\/strong><\/p>\n<ul>\n<li>Genomg\u00e5ng av kursen och f\u00e5 en bra uppstart.<\/li>\n<li>Diskussion om n\u00e4sta steg.<\/li>\n<li>Fr\u00e5gor och svar.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"detail-text\">\n<h3>Kursen levereras i samarbete med<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-8664 lazyload\" data-src=\"https:\/\/republify.se\/wp-content\/uploads\/2024\/10\/mindroad-300x72.jpg\" alt=\"\" width=\"300\" height=\"72\" data-srcset=\"https:\/\/republify.se\/wp-content\/uploads\/2024\/10\/mindroad-300x72.jpg 300w, https:\/\/republify.se\/wp-content\/uploads\/2024\/10\/mindroad-600x144.jpg 600w, https:\/\/republify.se\/wp-content\/uploads\/2024\/10\/mindroad.jpg 690w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/72;\" \/><\/p>\n<h2><\/h2>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p><strong>Vill du bygga moderna webbapplikationer med Blazor? Denna tredagarskurs riktar sig till utvecklare som vill l\u00e4ra sig att skapa interaktiva och dynamiska webbapplikationer med Blazor. <\/strong><\/p>\n<p>Kursen passar b\u00e5de backend-utvecklare som vill ta steget in i frontend-utveckling och frontend-utvecklare som vill utforska ett alternativ till JavaScript-baserade ramverk.<\/p>\n<p>Oavsett om du \u00e4r ny p\u00e5 Blazor eller har viss erfarenhet och vill f\u00f6rdjupa dina kunskaper f\u00e5r du h\u00e4r en strukturerad och praktisk genomg\u00e5ng av Blazor Server och Blazor WebAssembly, API-integration, databashantering och prestandaoptimering.<\/p>\n","protected":false},"featured_media":9423,"comment_status":"open","ping_status":"closed","template":"","meta":{"wds_primary_product_brand":0,"wds_primary_product_cat":0},"product_brand":[],"product_cat":[41,198,40,39],"product_tag":[],"class_list":{"0":"post-9620","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-net","7":"product_cat-blazor","8":"product_cat-c","9":"product_cat-systemutveckling","11":"first","12":"instock","13":"taxable","14":"shipping-taxable","15":"purchasable","16":"product-type-simple"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/product\/9620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/comments?post=9620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/media\/9423"}],"wp:attachment":[{"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/media?parent=9620"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/product_brand?post=9620"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/product_cat?post=9620"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/republify.se\/index.php\/wp-json\/wp\/v2\/product_tag?post=9620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}