globalcode open4education€¦ · renato haddad [email protected] microsoft most valuable...
TRANSCRIPT
![Page 1: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/1.jpg)
Globalcode – Open4education
![Page 2: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/2.jpg)
Globalcode – Open4education
.NET
![Page 3: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/3.jpg)
Globalcode – Open4education
Renato Haddad [email protected]
Microsoft Most Valuable Professional
Escritor, professor de pós graduação,
desenvolvedor .NET, Power BI e
velejador de Kitefoil
Blazorize: UI em apps Blazor
![Page 4: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/4.jpg)
Globalcode – Open4education
Biblioteca de components para Blazor apps
Suporta Bootstrap, Bulma, Material CSS
O que é Blazorise?
![Page 5: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/5.jpg)
Globalcode – Open4education
NUGET
Install-Package Blazorise.Bootstrap
Install-Package Blazorise.Bulma
Install-Package Blazorise.Material
Icon package
Install-Package Blazorise.Icons.FontAwesome
Instalação
![Page 6: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/6.jpg)
Globalcode – Open4education
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384…" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"
integrity="sha384-5sAR7xN1Nv…" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X…+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
integrity="sha384…" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
integrity="sha384-B0UglyR…/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
Referências no HTML
![Page 7: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/7.jpg)
Globalcode – Open4education
@addTagHelper *, Blazorise
@using Blazorise
Using no _ViewImports.cshtml
![Page 8: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/8.jpg)
Globalcode – Open4education
using Blazorise;
using Blazorise.Bootstrap;
using Blazorise.Icons.FontAwesome;
public void ConfigureServices( IServiceCollection services ) {
services .AddBlazorise() // from v0.6.0-preview4
.AddBootstrapProviders()
.AddFontAwesomeIcons();
}
public void Configure( IComponentsApplicationBuilder app ) {
app .UseBootstrapProviders()
.UseFontAwesomeIcons();
app.AddComponent<App>( "app" ); }
Startup.cs
![Page 9: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/9.jpg)
Globalcode – Open4education
<link href="blazorise.css" rel="stylesheet" />
<link href="blazorise.bootstrap.css" rel="stylesheet" />
<link href="blazorise.sidebar.css" rel="stylesheet" />
<link href="blazorise.snackbar.css" rel="stylesheet" />
<script src="blazorise.js"></script>
<script src="blazorise.bootstrap.js"></script>
<script src="blazorise.charts.js"></script>
<script src="blazorise.sidebar.js"></script>
Exemplo
![Page 10: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/10.jpg)
Globalcode – Open4education
Blazorizehttps://blazor.net/community
![Page 11: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/11.jpg)
Globalcode – Open4education
Docs: https://blazor.net
Code: https://github.com/aspnet/blazor
Mono: https://github.com/mono/mono
Community: https://blazor.net/community
Samples, libraries, courses, tooling, etc.
Additional resources
![Page 12: Globalcode Open4education€¦ · Renato Haddad rehaddad@msn.com Microsoft Most Valuable Professional Escritor, professor de pós graduação, desenvolvedor .NET, Power BI e velejador](https://reader034.vdocument.in/reader034/viewer/2022051911/6001198ad440dc41766ec21a/html5/thumbnails/12.jpg)
Globalcode – Open4education
OBRIGADO