Today, we\u2019re happy to introduce to you the official Blazor Hybrid workshop! With this self-paced workshop you will learn all the basics of building a cross-platform app using Blazor Hybrid.<\/p>\n
You can find all the materials on aka.ms\/blazor-hybrid-workshop<\/a>.<\/p>\n\n During the workshop you will be building a sample app called MonkeyFinder. This app is a simple project that locates monkeys around the world. We start completely from scratch all the way to a complete, functional app.<\/p>\n While following this workshop, you\u2019ll learn:<\/p>\n All about the Blazor Hybrid project structure and which file does what The workshop consists of 6 parts, each part with its own description and starting point project. This way you can easily peek ahead if you\u2019re unsure how to proceed, and you will always have a working, finished example of each section to start the next one with.<\/p>\n If you already know about Blazor Hybrid yourself, then you might be looking for opportunities to teach others, and with this workshop you can!<\/p>\n Feel free to take this repository and use it to run a workshop of your own. We\u2019ve given you the code, slides, descriptions, and extensive instructions for each part.<\/p>\n Depending on how you deliver the content, we estimate this workshop taking 4-6 hours.<\/p>\n Blazor Hybrid is built on top of .NET MAUI, so it makes sense that you maybe want to teach people about that too. The Blazor Hybrid workshop is built with this scenario in mind as well.<\/p>\n You can teach this workshop either as a standalone or together with the existing .NET MAUI workshop<\/a>. The .NET MAUI workshop follows the same general flow and even builds the same sample app \u2013 the MonkeyFinder app!<\/p>\n Combining these two workshops is the perfect way to demonstrate the differences and similarities between building a .NET MAUI app with native vs Blazor Hybrid UI.<\/p>\n Maybe you have some more ideas on what you would like to add to this workshop. Those can be found under the Community Modules<\/strong> folder in the workshop repo. If you have an idea in mind, please open an issue on the repository and let\u2019s talk!<\/p>\n We do kindly ask that you help us keeping your addition up to date.<\/p>\n Gerald also recorded a full 4-hour course<\/a> on his YouTube that will teach you everything that is to know about this workshop.<\/p>\n For this video, Gerald has also partnered with Holopin, a platform that allows you to create and collect digital badges. We know how much our community loves using Holopin during Hacktoberfest, so upon completion of this course, you can claim a badge<\/a> that you can proudly share with the world!<\/p>\n\n Please note that this YouTube video is brought to you by Gerald in his own time and is not endorsed or supported by Microsoft in any way.<\/p>\n Head over to aka.ms\/blazor-hybrid-workshop<\/a> and start coding now!<\/p>\n We hope you will have fun exploring Blazor Hybrid and .NET MAUI while building your very first Blazor Hybrid app.<\/p>\n Below, you can find a number of relevant resources that might be interesting for you to explore in this context as well.<\/p>\n Blazor Hybrid Workshop<\/a> The post Learn to Build Your First Blazor Hybrid App!<\/a> appeared first on .NET Blog<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" Today, we\u2019re happy to introduce to you the official Blazor Hybrid workshop! With this self-paced workshop you will learn all […]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1220","post","type-post","status-publish","format-standard","hentry","category-dotnet"],"_links":{"self":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/posts\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/comments?post=1220"}],"version-history":[{"count":0,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/posts\/1220\/revisions"}],"wp:attachment":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/media?parent=1220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/categories?post=1220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/tags?post=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}What you will learn<\/h2>\n
\nLoading data from a remote source and visualize it in the Monkey Finder app
\nAdd third-party libraries and work with reusable components
\nLeverage platform functionalities such as checking for device connectivity, determining the device location and opening operating systems default applications
\nTheming the app and make sure it looks great with light mode and dark mode
\nMixing and matching Blazor and .NET MAUI native pages and controls
\nMuch more!<\/p>\nAlready familiar with Blazor Hybrid?<\/h2>\n
Blazor Hybrid <3 .NET MAUI<\/h3>\n
Extend this workshop<\/h3>\n
Learn Blazor Hybrid with Gerald!<\/h2>\n
Get started today!<\/h2>\n
Resources<\/h3>\n
\n.NET MAUI Workshop<\/a>
\nBlazor Workshop<\/a>
\nBuilding your first .NET MAUI app<\/a>
\nBuild Web Apps with Blazor<\/a><\/p>\n