- 113
- 408 847
Just Blazor Programming
United States
Приєднався 6 жов 2021
In this channel, I'll explain Blazor, a new web framework launched by Microsoft, as well as a new way to write web applications. Blazor is a language that blends C# and HTML into a unified language that can run in any browser. Here, we'll take a quick tour, introduction, and tutorial on basic fundamentals for creating your first blazor application, what it does, and how to get started with it.
If you dont want to search through microsoft docs all the time for basic syntax info, then check this out:
GET YOUR FREE BLAZOR CHEAT SHEET HERE!!!: JustBlazor.com
If you dont want to search through microsoft docs all the time for basic syntax info, then check this out:
GET YOUR FREE BLAZOR CHEAT SHEET HERE!!!: JustBlazor.com
Is Blazor Being NEGLECTED?! (In 2023)
GET YOUR FREE BLAZOR CHEAT SHEET HERE!!!: JustBlazor.com/
Is Blazor being neglected?!! By MICROSOFT? How will this impact you as a Blazor developer or new developer? Lets find out whats been happening to Blazor in 2023.
00:00 Intro
00:50 Blazor Performance in 2023
01:28 Most Important Statistic?
02:45 Why I stick with Blazor
03:57 Microsoft's Pies and Lawsuits and such
04:30 Microsoft and Activision Blizzard
05:50 Blazor's Full Potential
That weird horse clip-
Video by Gifing.com: www.pexels.com/video/people-with-pony-mask-eating-phony-paper-money-4883924/
Is Blazor being neglected?!! By MICROSOFT? How will this impact you as a Blazor developer or new developer? Lets find out whats been happening to Blazor in 2023.
00:00 Intro
00:50 Blazor Performance in 2023
01:28 Most Important Statistic?
02:45 Why I stick with Blazor
03:57 Microsoft's Pies and Lawsuits and such
04:30 Microsoft and Activision Blizzard
05:50 Blazor's Full Potential
That weird horse clip-
Video by Gifing.com: www.pexels.com/video/people-with-pony-mask-eating-phony-paper-money-4883924/
Переглядів: 2 358
Відео
Will .NET 8 Fix Blazor's BIGGEST Problems?
Переглядів 2,9 тис.Рік тому
In todays video we go over a bit of the .NET 8 preview 3 and even look at a small demo on some things they fixed. So will we be getting Blazor United? Is it gonna be complete by November? What about other things like authentication? Or even smaller things like bugs and such? What will this bring for Blazor? GET YOUR FREE BLAZOR CHEAT SHEET HERE!!!: JustBlazor.com/ 00:00 Intro 11:21 Voice Crack ...
Future Predictions: Blazor United's #1 PROBLEM (.NET 7)
Переглядів 1,5 тис.Рік тому
This video is gonna go over what i believe will be the number one problem that Blazor United might encounter. Right now we dont have access to it, at the time this video goes up, but im just speculating what could be an issue that will arise when you try combining the two hosting models, Blazor Server, and Blazor WebAssembly. GET YOUR FREE BLAZOR CHEAT SHEET HERE!!!: JustBlazor.com/
The Best Javascript Library in 2023 ( Pivot From Blazor)
Переглядів 2 тис.Рік тому
Its time to just admit it, Blazor is a bust, bow down to the Javascript hegemony. And today we will discuss one of the best JS languages that there is for 2023 using facts and logic and just a little bit of creative statistical engineering. 00:00 Intro 01:30 Its JQUERY 05:39 Jquery is the future calculations facts and logic 06:29 Jquee 06:59 Jobs for Jquery Music Credit goes to LUOVA: ua-cam.co...
Whats Wrong With Blazor Adoption
Переглядів 4,6 тис.Рік тому
Today we talk about a very specific issue with Blazor, namely the adoption rate for Blazor. Its been 5 years since its been made public and yet it seems to barely make a dent into the web app space, why is that? Is this a bad sign or is it just not its time? Is it unfair to compare a framework that comes out in this day and age compared to 10 years ago? Find out. GET YOUR FREE BLAZOR CHEAT SHEE...
How To Use MudBlazor Tables (Pagination, Sorting, Filtering, Server Side Data)
Переглядів 11 тис.Рік тому
Today we will be going over how MudBlazor handles its tables. There are two different tables, one being a more familiar and simple aptly named SimpleTable, while the other one is far more useful and probably the one you want to know about MudTable, that brings with it the ability to filter, sort, paginate and serve data from the server. GET YOUR FREE BLAZOR CHEAT SHEET HERE!!!: JustBlazor.com/ ...
How To Use Forms In MudBlazor (MudForm & EditForm)
Переглядів 10 тис.Рік тому
How To Use Forms In MudBlazor (MudForm & EditForm)
Why Every .NET Developer Should Learn Blazor
Переглядів 1,6 тис.Рік тому
Why Every .NET Developer Should Learn Blazor
How To Drag And Drop W/ MudBlazor (NO Javascript)
Переглядів 4,7 тис.Рік тому
How To Drag And Drop W/ MudBlazor (NO Javascript)
Add Animations To Blazor In 10 Minutes Or Less
Переглядів 6 тис.Рік тому
Add Animations To Blazor In 10 Minutes Or Less
SIMPLEST How To Create Blazor Animations
Переглядів 3,5 тис.Рік тому
SIMPLEST How To Create Blazor Animations
Blazorise: A Good MudBlazor Alternative? (Showcase)
Переглядів 3,9 тис.Рік тому
Blazorise: A Good MudBlazor Alternative? (Showcase)
Blazor Basic: Navigation Lock (.Net 7)
Переглядів 1,6 тис.Рік тому
Blazor Basic: Navigation Lock (.Net 7)
Before You Download .NET 7 For Blazor...
Переглядів 1,6 тис.Рік тому
Before You Download .NET 7 For Blazor...
The Winner In The Twitter/Meta Drama is Microsoft
Переглядів 3192 роки тому
The Winner In The Twitter/Meta Drama is Microsoft
Before You Download THAT Blazor Package...
Переглядів 1,2 тис.2 роки тому
Before You Download THAT Blazor Package...
What Is In A Blazor WASM Project? (Deep Dive For Beginners)
Переглядів 1 тис.2 роки тому
What Is In A Blazor WASM Project? (Deep Dive For Beginners)
Blazor WASM Prerender Tutorial (Intial Load Workaround)
Переглядів 2,5 тис.2 роки тому
Blazor WASM Prerender Tutorial (Intial Load Workaround)
Is Blazor Hard To Learn? (For Beginners)
Переглядів 1,3 тис.2 роки тому
Is Blazor Hard To Learn? (For Beginners)
Did .NET 6 FIX Blazor? (.Net 6 Blazor Review And ANNOUNCEMENT!!)
Переглядів 1,2 тис.2 роки тому
Did .NET 6 FIX Blazor? (.Net 6 Blazor Review And ANNOUNCEMENT!!)
Blazor Vs Angular (Not Even Close To Everything You Need To Know)
Переглядів 4 тис.2 роки тому
Blazor Vs Angular (Not Even Close To Everything You Need To Know)
Does Just Blazor Programming Have A Future? (Yes, and its cause of YOU!!!)
Переглядів 1,2 тис.2 роки тому
Does Just Blazor Programming Have A Future? (Yes, and its cause of YOU!!!)
Beginner's Blazor State Management Tutorial (Part 2)
Переглядів 2,7 тис.2 роки тому
Beginner's Blazor State Management Tutorial (Part 2)
Beginner's Blazor State Management Tutorial (Part 1)
Переглядів 6 тис.2 роки тому
Beginner's Blazor State Management Tutorial (Part 1)
The TRUTH about Blazor Jobs (In 2022)
Переглядів 1,8 тис.2 роки тому
The TRUTH about Blazor Jobs (In 2022)
Full Blazor Basics Tutorial (Complete Blazor Basics Series)
Переглядів 3,5 тис.2 роки тому
Full Blazor Basics Tutorial (Complete Blazor Basics Series)
Who is the user that cares about page refreshes. I’ve never talked to a normal person that even knew what I was talking about.
How about Razor (Page loading) + JQuery or fetch API - Use Razor for dynamic layouts with reusable components or partial pages and use REST calls for making UI updates. Same can be done with MVC if you don't like code file per UI page model. Probably people would like 2-way binding for the UI when we use JQuery or Fetch API because we loose model binding with no refresh of page. Interestingly I think Knockout JS kind of frameworks is simple and easy for it compared to React or Angular.
last video one year ago . . . what happen? blazor not good anymore?
Fantastic video! Thanks a bunch.
Thank you very much you don't even know how grateful I am. I was searching how to do isolation styles in .razor.css files with mudblazor but couldn't find enything even with AI. I was searching for couple of hours and finally I only needed to add div tag and ::deep to classes in .razor.css files.
I tried to learn both react, angular and Blazor as a beginner. Blazor learning experience was the best.
Basically, useless video which just recaps official MS docs. Obvious information which we can get ourselves from the methods names instead of actual real life examples of the methods use.
Thankyou
The main issue with this solution, is that it doesn't allow column level filtering on the server side. It only works if you use the generic search field.
Where'd you disappear dude
What's wrong with the raw html date picker?
They may seem simple, but when you want a child component to update the value, it gets a bit more complex.
Thank you for explaining SetParameter method. Id don't know it didn't have access to the state of the component!
Hello everyone, I'm wondering how to use the OnSubmit event in MudForm. Specifically, I want to submit the form when I press the Enter key. I've checked the documentation, but there's no mention of this functionality. Any solution would be greatly appreciated.
excellent content!
I ve been struggling so much trying to understand why a simple form post would refresh the whole screen... Until I just realized it is the way Razor Server works. That got me into Ajax and handling those calls client side to update state in the browser avoiding the page reload. I am a backend developer and did not have much experience with frontend, still I have to say that Razor is very fast and simple for small projects, mostly one pagers, when you understand the core concepts of how it works.
FullSrackHero the most underrated NetCore API and Blazor Webassembly starter kit. We are using it as our production grade systems plus MAUI as client.
I want to be able to Navigate by the input id of the browser.? So I want to give a URL like /Home/1 amd act on the Id =1 . How to get the 1 of the url ?
Thanks a ton you made this super simple!!
My appSettings.json "DefaultConnection" is much shorter: ""DefaultConnection": "DataSource=app.db;Cache=Shared"" Why is this? and how do I solve this?
Thank you From Syria Arab Republic But how to add Roles in This Template
maybe public class ProfileState : Profile
What happened to this guy?
Heads up to anyone getting a Delegate error on the OnClick event like I did when I tried following the steps in the video to create a MudBlazor Server project.... I tried creating the project as the MudBlazor Installation page suggested: Ie: dotnet new mudblazor --host wasm --name MyApplication ...but had problems with the --host part of the command. To create the project I used: dotnet new mudblazor --interactivity Server --name MudProject
Very good videos, Is there an easy way to print the muddatagrid?
Maui is shit! It’s racking up a bad wrap. How can a code base from a tech giant be shitty. Who forced them to release. It’s easier t learn develop with flutter than setup a maui project
Спасибо.
I can't even get that far. I always get "The decryption operation failed, see inner exception." when it tries to create :(
Your video is about how to add drag and drop in JAVASCRIPT not in Blazor. Forget JS when use Blazor. I made it in C# without any JS code.
@justblazorprogramming You repeatedly say in the video and the comments that the source code is not available. This is not true. Yes the package you install via nuget is a .dll and without decompiling it you cannot see the code. However, the code is available from their github, in the folder src/MudBlazor. All the code for the components is in the component folder. You can edit the code, and just include the source with @using instead of the nuget package, create your own .dll or nuget package, or create an extension to mudblazor
Hope I'm not forgetting any other errors in the video, but other than that this tutorial is great, excellent resource for beginners! Hope you can edit that part of the video
Ah I did forget something. The MudBlazor packages you referred to in the video, they are all official, they are just meant for different things. You downloaded MudBlazor.Template, which includes the MudBlazor package(the component library amongst other things) and also templates to start a new project, like the one you used. Both packages should use the same version of MudBlazor
I believe there was another package that included different themes...or was it a theme editor...idk but it's on the mudblazor site if you want more info
tengo el siguiente caso al utilizar el componente de MudSelect con cleses para cargar elementos seleccionados con strin funciona bien pero con clase no he podido alguien me puede ayudar relaciono ejemplo @page "/PuebaUsuarioPopup" @using System.Linq <MudSelect ToStringFunc="@(e => e.Nombre.Trim())" MultiSelection="true" Value="value" SelectedValues="options" T="ClienteComboDTO" Label="Seleccione" AdornmentIcon="@Icons.Material.Filled.Search" AnchorOrigin="Origin.BottomCenter" TextUpdateSuppression="true"> @foreach (var state in states) { if (options.Any(o => o.IdCliente == state.IdCliente)) { <MudSelectItem T="ClienteComboDTO" Value="@state" Selected="true" >@state.Nombre</MudSelectItem> } else { <MudSelectItem T="ClienteComboDTO" Value="@state">@state.Nombre</MudSelectItem> } } </MudSelect> <MudFab ButtonType="ButtonType.Reset" Style="margin-bottom:5px " StartIcon="@Icons.Material.Sharp.Clear" Label="Cancelar" Color="Color.Secondary" OnClick="Cancel" Size="Size.Small" /> @code { private ClienteComboDTO value { get; set; } = new(); private IEnumerable<ClienteComboDTO> options { get; set; } = []; private IEnumerable<ClienteComboDTO> states = new List<ClienteComboDTO> { new ClienteComboDTO { IdCliente = 1, Nombre = "Cliente 1" }, new ClienteComboDTO { IdCliente = 2, Nombre = "Cliente 2" }, new ClienteComboDTO { IdCliente = 3, Nombre = "Cliente 3" }, new ClienteComboDTO { IdCliente = 4, Nombre = "Cliente 4" } }; protected override void OnInitialized() { options = new List<ClienteComboDTO> { new ClienteComboDTO { IdCliente = 1, Nombre = "Cliente 1" } }; StateHasChanged(); } private void Cancel() { var s = states; } public class ClienteComboDTO { public int IdCliente { get; set; } public string? Nombre { get; set; } } }
What fonts are you using in visual studio for text editor and fir environment?😊
Yup, blazor is indeed trash.
Dude good video and explanation. But please be more articulate because i speed up ur videos I cannot understand you.
Спасибо. Лучшие видео про Blazor
Отличный учебный урок. Спасибо.
I think Fluent UI is considerable
Hello, I really enjoyed your video and want to use this simple authentification for my first Blazor-Project. There's a problem though: If you register, you can simply click on "Click here to confirm your account" on the page that appears after you registered and then you will be able to access all authorized pages via the self-confirmed E-Mail. I specifically chose your simple approach of authentification so I can create a save authorized website where users can only be confirmed via access to my SQL-Server and database. Is there a simple way to disable the possibility of self-confirming by clicking on "Click here to confirm your account"? Thanks in advance <3
Fun fact: You can also use synchronous javascript ((IJSInProcessRuntime)JS).InvokeVoid("nameOfFunction"); instead of asynchronous await JS.InvokeVoidAsync("nameOfFunction");
Great video! Very helpful to know there is at least a tacky workaround.
registered my email but didnt get the cheat sheet ,
i always see barebone web pages beeing made with blazor. Can we even input images, nice UI , videos, 3D elements like modern pages or is it not possible ?
Got stuck directly. Mudblazor templates was not installed only mudblazor webapp. The project looks totally different from yours so I had to stop and now I have to try to redo it all. Or see if I can find a video where it looks the same. Just realised the templates are not installed anymore, it's instead the webapp. So I can't follow along with you, but I'll test it.
Solution: In Routes.razor in the top add this: @rendermode InteractiveServer that solves the issues with the drawer that exists in .NET8
Im getting addicted to Blazor, but I am really struggling with their nav out of the box. It seems that it doesnt play nicely with the JSRuntime Interop and I cant get pure Bootstrap classes to work for dropdown buttons, and when tried with the blazor method using cshtml it has undersired behavior in mobile render where clicking on the dropdown button first closes the enitre navbar and got to click the menu button again which reveals the sub items. Ive been hacking away at a solution with just using bootstrap and my own logic in MainLayout.razor but I cant seem to get @body to render at the top of the page when using the sidebar in desktop mode. if i can sort that I believe thats the way to go. I may have to look at the Mud, but at the same time i am perfectly happy with using Bootstrap
Also: Blazor is better than React because it has far less (or zero) dependency on Node packages. The amount of time I’ve lost in dependcy hell because of “npm update” failing is mind blowing. I’ve always thought it was stupid to have npm and Nuget in the same assembly… Also JavaScript was good when people actually used it to script. Then Node came along and made JS do all of the things that PHP used to… I guess people thought JS was better looking than PHP code but when you’re making entire modules out of it inside a .NET solution it just looks a mess
Javascript is one of the worst script language that ever made.
HAha this did not age well.
Why ?
I guess he is done with the channel
Plz let me know when U can write all of the functionality in Blazor
Hypermedia baby, Razor Pages with HTMX rocks! 😎
Glad you like it. I use it too, exclusively for freelancing and for companies who allow it.
Is this channel still active?!?