Open at Microsoft - FluentUI.Blazor

Open at Microsoft

Il y a quelques jours, Vincent et moi avont eu la chance d’être invité sur Open at Microsoft.

Open at Microsoft est une émission hebdomadaire destinée aux passionnés de logiciels libres. Elle met en avant des invités qui partagent leurs points de vue sur un projet open-source. Grâce à Frank et Pablo nous avons eu la possibilité d’enregistrer 3 capsules vidéos sur FluentUI Blazor.

• Vincent: Getting started with the Fluent UI Blazor library
• Vincent: Exploring the Fluent UI Blazor components
• Denis: Advanced scenario with FluentUI-Blazor

1. Démarrer avec la bibliothèque Fluent UI Blazor

Dans cet épisode, nous expliquerons l’origine de la bibliothèque FluentUI Blazor. Nous parlerons de FAST, de Web Components, de Fluent Design, et plus encore…

• 00:00 - Introduction
• 00:30 - Qu’est-ce que c’est ?
• 06:22 - Comment commencer

2. Explorer les composants Fluent UI Blazor

Dans cet épisode, nous explorons le large éventail de composants que nous proposons. Grâce à notre site de démonstration et de documentation, nous présentons nos catégories de mise en page, de formulaire/entrée et autres. Nous démontrons que toutes les sources de démonstration peuvent être facilement téléchargées et nous mettons en évidence certains paramètres du site que vous pouvez expérimenter. Enfin, nous examinons de plus près la mise en œuvre de notre site de démonstration.

• 00:00 - Introduction
• 00:50 - Démonstration avec Visual Studio
• 06:40 - Regarder les échantillons de composants
• 08:48 - Comment contribuer

3. Scénario avancé avec FluentUI-Blazor

Dans cet épisode, nous utiliserons la bibliothèque FluentUI Blazor pour découvrir les composants généralement utilisés. Nous allons créer une page Registre contenant une boîte de dialogue modale de confirmation.

• 00:00 - Introduction
• 01:24 - Comment obtenir de belles icônes
• 04:21 - Découvrez le composant Dialogues
• 10:00 - Voici comment vous pouvez commencer

Ressources

• Demo and documentation (current): https://www.fluentui-blazor.net
• Demo and documentation (vNext): https://preview.fluentui-blazor.net
• NuGet packages: https://aka.ms/fluent-blazor-libs

Divers

• FAST: The adaptive interface system for modern web experiences
  Interfaces built with FAST adapt to your design system and can be used with any modern UI Framework by leveraging industry standard Web Components.
• Fluent 2 Design System
  Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms.
• Fluent 1 Design System
  This is where the current Web Components and Blazor components are designed on
• Fluent UI Web Components Overview
  Overview of Fluent UI Web Components
• The Fluent UI Web Components
  Playground to try out all available Fluent UI Web Components

Feedback

Si vous trouvez quelque chose qui sort de l’ordinaire, faites-le nous savoir dans le repo sur GitHub, ou Twitter / X.