filmov
tv
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)*
📌 .NET Developer Roadmap
🔥 The FREE Blazor Crash Course:
📋 Source Code:
📌 Blazor Playlist:
✅ SUBSCRIBE FOR MORE VIDEOS
🚀 CONNECT & SUPPORT
CREDITS
* Affiliate Link: I earn a small commission at no additional cost
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)*
📌 .NET Developer Roadmap
🔥 The FREE Blazor Crash Course:
📋 Source Code:
📌 Blazor Playlist:
✅ SUBSCRIBE FOR MORE VIDEOS
🚀 CONNECT & SUPPORT
CREDITS
* Affiliate Link: I earn a small commission at no additional cost
0:10:30
CSS Handling | FREE Blazor Crash Course (.NET 5) #5
0:47:01
CSS 101 with Chris Sainty: Carl Franklin's Blazor Train ep 21
1:37:55
The Blazor Power Hour: CSS Tips and Techniques
0:04:13
How to use CSS isolation in Blazor .net 5
![[English] Blazor Series:](https://i.ytimg.com/vi/ADgL4OLPD74/hqdefault.jpg)
0:07:36
[English] Blazor Series: - Scoped CSS
0:02:33
Blazor in 100 Seconds
1:02:44
CSS Techniques for Blazor Developers - Ed Charbeneau - NDC London 2023
0:11:27
CSS isolation in Blazor
1:43:03
Lập Trình ASP.NET Với Blazor - Project Nhà Sách Online - Phần 20 - Coding With Thinh
0:03:38
Applying CSS Styles and Adding Icons to Blazor Components
0:12:42
Modal Dialog Component | FREE Blazor Crash Course (.NET 5) #4
0:32:08
Test-Driving CSS Styles in Blazor
0:09:36
How to use BlazorStyled in Blazor | Dynamic CSS in Blazor
1:33:59
Blazor Power Hour: Front End Tools and CSS
0:10:23
Blazor .NET 5 - CSS Isolation - Understanding DEEP pseudo-element (NEW!)
0:08:29
(S1: EP:08) Blazor adding CSS File and Style in your Page.
0:13:01
Blazor API Handling | FREE Blazor Crash Course (.NET 5) #3
0:00:28
The HARDEST part about programming 🤦♂️ #code #programming #technology #tech #software #developer...
0:09:42
8 Free and Open Source Blazor UI Libraries
0:08:39
The Blazor Puzzle : Puzzle 42 - Impossible CSS
0:28:43
CSS Techniques for Blazor Developers | .NET Conf 2022
0:17:32
Top 5 Free Blazor Resources (plus a couple of extras)
0:10:13
How to Dynamically Render CSS Classes in Blazor
0:00:36
4 Free Stunning Admin Templates that you can download for free right now!
Комментарии