Скачать или смотреть CSS Handling | FREE Blazor Crash Course (.NET 5) #5

This video is part of The FREE Blazor Crash Course. In this crash course, we build an actual Blazor WebAssembly application based on .NET 5.

In this video, we will learn about CSS handling for Blazor applications. We will discuss the difference between local and global CSS definitions and how CSS isolation makes the developer's life easier.

This time, we won't implement new components for our FinanceMentor application but will make the existing components look better.

If you followed along as we build the FinanceMentor application, you saw that we already used a lot of CSS in our project. We used Bootstrap to style our Earnings page and implement our modal dialog component in previous videos.

The main benefit of using CSS isolation is that we can use short and descriptive names for our CSS classes and don't have to be afraid of any name clashes across our application or any external CSS definitions like Boostrap.

00:00 About This Course
00:46 How Does CSS Work in Blazor?
01:26 Using Bootstrap CSS Definitions
02:50 How Blazor Loads CSS Files
04:04 CSS Isolation in Blazor
07:15 CSS Preprocessor Support
07:51 Local vs. Global CSS Definitions
08:36 Housekeeping
09:39 Summary
10:00 What's Next?

🔥 C#/.NET Bootcamp: The Fundamentals & more (Code FRIENDS10 for 10% OFF)*
https://claudiobernasconi.ch/dotnet-c...

📌 .NET Developer Roadmap
https://claudiobernasconi.ch/learn-do...

🔥 The FREE Blazor Crash Course:
   • The FREE Blazor Crash Course (.NET 5) | Ge...  

📋 CSS Isolation (Docs): https://docs.microsoft.com/en-us/aspn...

📋 Source Code:
https://github.com/claudiobernasconi/...

📌 Blazor Playlist:
   • Blazor vs. Silverlight: Is Blazor Silverli...  

✅ SUBSCRIBE FOR MORE VIDEOS
Subscribe: 🔔 https://claudiobernasconi.ch/Subscribe

🚀 CONNECT & SUPPORT
Twitter:   / chbernasconic  
Blog: https://claudiobernasconi.ch
Newsletter: https://claudiobernasconi.ch/newsletter

CREDITS
🎵 https://www.bensound.com/

Affiliate Link: I earn a small commission at no additional cost