Tutorial – Building a Kanban Style Todo App (code included)

… What better way to start learning a new technology than with a tutorial that includes all the sample code? When you finish, or fork, the tutorial you will end up with an application like this: Steven Giesel recently published a 5-part series documenting his experience building a Kanban-style Todo-app using Uno Platform for the first time. Follow along as he takes you through Uno Platform set-up, his thoughts on the platform, and finally a hands-on demonstration of creating a Todo app Kanban-style that runs in your browser, desktop, or mobile! For those of you who are new to Uno Platform, or looking to start using the platform, it allows for building Mobile, Desktop, and WebAssembly apps with C# and XAML and there has never been a better time to get started. We’ve spent a significant portion of our recent releases (Uno Platform 4.0 and 4.1)  improving performance and features, and the tools now available to you to create amazing apps are paving new opportunities Part One – Introduction and Environment set up As a first-time user, Steven gets down to the basics of Uno Platform and covers the differences between the platform and .NET MAUI. With a basic understanding of the

Uno Platform Weekly Live Coding

Among our many features and initiatives, one that we want to highlight to our community is our weekly live-coding session that happens every Tuesday. Uno Platform Live Coding sessions are hosted by Uno Platform CTO Jérôme Laban and for roughly 60 minutes, Jérôme whiteboards and codes live side projects with Uno Platform, demonstrates new features, and troubleshoots different issues and bugs that arise. The Live coding sessions allow Uno Platform users to witness the thought process of a senior software engineer solving a problem and how it is then implemented into code. Users can join live and ask questions at any time and clarify concepts they may be unsure of. If you have any topic requests, questions that you want to be answered, feel free to reach out to @jlaban. Make sure you sign up for notification when Jérôme goes live on his Twitch channel – (re)starting next week March 8th, when he is back from vacation. Even heroes deserve to take a break! About Uno Platform For those new to Uno Platform – it allows for creation of pixel-perfect, single-source C# and XAML apps which run natively on Windows, iOS, Android, macOS, Linux and Web via WebAssembly. Uno Platform

A Deep Dive Into Uno Extensions

Our Uno Platform 4.0 release brought with it a lot of updates and fixes to the platform but most importantly it also allowed us to unveil a series of productivity tooling and extensions that drastically help bring your app to market faster. One of those tools introduced was Uno Extensions, simply put, it allows you get started without having to write code from scratch, getting you to a fully functional project in minutes and saving you months of development time. Microsoft has extracted a host of capabilities outside of ASP.NET and made them available through Microsoft Extensions – covering hosting, logging, configuration, etc. In turn, Uno Platform Extensions are based on those Microsoft Extensions. To get a better understanding of Uno Extensions and how you can utilize them in your workflow, MVP and Uno Contributor Nick Randolph gave us a glimpse of Uno Extensions in action during his UnoConf 2021 session. Listen as he walks you through creating a host and registering services to more complex extensions like using the navigation extensions to navigate between pages views and the application. This session previews only a few of the available extensions but there are additional Uno extensions that we haven’t covered

Adaptive Styling, Layouts & Controls (Part 3)

References, Tools, Frameworks & Operating System used. Items Links Windows 10 or 11 Download Windows 10 ( Visual Studio 2019 or 2022 Visual Studio: IDE and Code Editor for Software Developers and Teams ( Uno Platform Project Template Uno Platform Solution Templates – Visual Studio Marketplace Mac OS macOS Monterey – New Features – Apple Uno Platform Documentation Uno Platform documentation UWP Documentation Windows Controls and patterns – Windows app development – Windows apps | Microsoft Docs In the previous articles of this series, I looked into data persistence, back up and restoration across devices using SQLite as a database on one drive as a backup and restoration facilitator. This article will be more UI focused. It will discuss ways you can visualize the invoice and client data using adaptive styling on UI elements and layouts. I’ll be addressing two key areas in UX development: 1. Styling 2. Layouts & Controls 1. STYLING This is a blueprint that defines design standards for a collection of UI elements and interactions. In the demo Uno Platform application, I made use of ThemeResource and Merged Dictionaries to create styles for individual UI elements, dark and light themes. In the Microsoft XAML space, ThemeResource

Syncing Local Database with OneDrive Personal (Part 2)

References, Tools, Frameworks & Operating System used. S/No Items Links 1. Windows 10 or 11 Download Windows 10 ( 2. Visual Studio 2019 or 2022 Visual Studio: IDE and Code Editor for Software Developers and Teams ( 3. Visual Studio Code Visual Studio: IDE and Code Editor for Software Developers and Teams ( 4. Uno Platform Project Template Uno Platform Solution Templates – Visual Studio Marketplace 5. Microsoft Graph .NET SDK NuGet Gallery | Microsoft.Graph 4.10.0 6. Microsoft Identity Client Package NNuGet Gallery | Microsoft.Identity.Client 4.38.0 7. Mac OS macOS Monterey – New Features – Apple 8. Azure Portal AAD App registrations App Reg- Microsoft Azure   In part one of this series, I explained how to create a local data store using SQLite .NET and populating the database with fake data using Bogus.NET. In this article, I will be going through the steps need to securely sync the database created in the previous article with OneDrive using the Microsoft Graph’s Files.ReadWrite.AppFolder permission. The simplest way to make access OneDrive in an Uno Platform app is to use the Microsoft Graph.NET SDK and the Microsoft Identity .NET package. To use these packages and the classes and functions, you need to

SQLite .NET, OneDrive & Uno Platform (Part 1)

  References, Tools, Frameworks & Operating System used. Items Links Windows 10 or 11 Download Windows 10 ( Visual Studio 2019 or 2022 Visual Studio: IDE and Code Editor for Software Developers and Teams ( Visual Studio Code Visual Studio: IDE and Code Editor for Software Developers and Teams ( Uno Platform Project Template Uno Platform Solution Templates – Visual Studio Marketplace SQLite .NET NuGet Package NuGet Gallery | SQLiteNetExtensions 2.1.0 Bogus .NET NuGet Package NuGet Gallery | Bogus 33.1.1 SQLite Explorer extension for Visual Studio Code SQLite – Visual Studio Marketplace Data persistence is a critical part of any software system (except when you’re trying not to be found 😉). it’s storage locations and types are of critical importance primarily because these factors into the speed of accessing transforming and visualizing of data. In the space of mobile and desktop applications, local store data is of prime importance because this delivers the feature of data persistence however, a problem arises when you want to share your data across several devices think accessing the number of due invoices from your phone when the data is stored on your laptop. This gives rise to a need for portability and syncing of

Deploying Uno Platform Applications to Azure

On the Web, Uno Platform WebAssembly applications are all client-side, Static Web Apps. In this session from UnoConf 2021, Andres explores how to set up a hosting service designed for Static Web Apps and Uno Platform. As such it can be hosted in Azure with all the best Azure has to offer. Azure style Web Apps is a service that allows hosting static content on Azure by connecting a core repository like GitHub or Azure DevOps and automatically builds and deploys your applications based on code changes. In Azure, there are lot of features to make deploying and configuring your app seamless, including free SSL certificates that renew automatically, custom domains, a seamless security model, and free built-in authentication and routing. A secondary benefit of the Static Web Apps is the fact that your static content is globally distributed making it very close to your final user so that when they access your application, the application loads fast. Watch Andres Pineda’s full UnoConf talk for a more in depth look at deploying Uno Applications to Azure.   RESOURCES Additionally Gerard Gallant, an Uno Platform guest author and senior software developer has also written an article providing a Step-by-Step Walkthrough to

Best Practices for Testing Uno Platform Applications

Today Automated tests are no longer an afterthought, they’re an integral part of the development lifecycle. In this session, we share what you need to do to ensure your Uno Platform applications can be ready from the get-go for both automated unit and UI tests. As a very brief introduction, UI testing is made possible through something called Uno.UITests which is built specifically for Uno platform apps and the cornerstone of testing Uno platform applications. The first question that comes to our mind for automatic testing is why I should even bother to automate my Uno platform application tests? The truth is that tested applications not only ensure quality software is delivered to the customers, but it also reduces the time spent fixing obscure bugs. Additionally automatic tests help guarantee that your business logic produces the results you’re expecting and can enable you to catch difficult to reproduce issues and this is especially important to catch things that can break after new updates. There are a lot of different kinds of automatic testing but for Uno applications we want to focus on a particular kind of automatic testing called UI testing that focuses on the visual aspects of your app

Styling Beautiful Uno Platform Applications

Whether you’re looking to restyle a single control or an entire application, Uno Platform and WinUI’s styling engine gives you complete control down to the very last pixel while still giving you the native functionality on any platform. In this session from UnoConf 2021, Steve shares with you how you can start building beautiful Uno applications using the powerful styling capabilities from the platform as well as ready to ship themes that can transform your app with just a click of a button and a few lines of XAML. Our Styling Uno Platform Applications talk will first give you a look at the use of lookless control and how styling works on the Uno Platform. What tools are available to you to change the look of your app and what it means to be able to deliver pixel perfect applications while still maintaining the native richness of whichever platform you’re targeting. Finally, a deeper dive into the themes and styling in general will teach you firsthand how to customize these themes to match your own branding as well as give you the ability to build your own theme from scratch with some of the collections of styles, brushes, and resources