Modern Web UI with Blazor WebAssembly | INT169A

Ғылым және технология

Modern web development is here with Blazor! Be productive building beautiful interactive UI with .NET and C# that runs on any device via WebAssembly. PWAs, authentication, debugging, +more.
Microsoft Learn -- docs.microsoft.com/learn/?WT....
Microsoft Docs -- docs.microsoft.com/?WT.mc_id=...
Continued Learning Video -- channel9.msdn.com/Events/Buil...
Read the blog -- devblogs.microsoft.com/aspnet...
Get started with Blazor -- www.blazor.net?WT.mc_id=Build2020_presentation_additionalresources
Related Sessions
BOD104 -- mybuild.microsoft.com/session...
Microsoft Build 2020

Пікірлер: 70

  • @shiweiw
    @shiweiw4 жыл бұрын

    Thank you - Microsoft, finally I don't have to switch my brain out anymore with so many petite libraries and terminologies. I am good at C# and HTML/CSS and that is all I want to do. Thank you to bring this technology which can standardize the industries

  • @champi-metal

    @champi-metal

    4 жыл бұрын

    Would you mind telling me how long does it usually take to be productive in C#? (I've been writing js for 3 years)

  • @anthoniG

    @anthoniG

    4 жыл бұрын

    @@champi-metal Depends on your background. For example do you know other languages besides JS? Do you know object orientated programming? If yes, then I'd say quickly, maybe 3-6 months, ish. If no the tag another 9mnths approx. HTH

  • @anthoniG

    @anthoniG

    4 жыл бұрын

    Good times ahead. I've got a large project coming up and I was going to use fallback JS front & Net Core back. Might just go full Net Core; developing on linux lol. Crazy stuff

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    Daniel Sarmiento I have been coding 40 years. Once you become an expert at one (takes about 4 -5 years) you can pick up any language as expert in about 9 months to a year. if you do JQuery JavaScript you will find a lot of language constructs similar. The big thing will be learning frameworks and connection for dB. If you do database. Learn LINQ and understand Lambda. You will find it useful for a lot of data access regardless of data storage types.

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    Andrey Shafar I wish I could down vote that.

  • @kunga
    @kunga4 жыл бұрын

    Awesome! I'm hyped for Blazor WebAssembly. 😍

  • @bdafeesh
    @bdafeesh4 жыл бұрын

    Exciting! I'll definitely be checking this out :)

  • @jasper2virtual
    @jasper2virtual4 жыл бұрын

    The sound is too low

  • @585ghz
    @585ghz4 жыл бұрын

    The hype is real!! I liked python, but this alternative c# + frontend without js is impressive! Congratulations MS

  • @darkogele
    @darkogele4 жыл бұрын

    Amazing The hype is real :D

  • @thethomasproject
    @thethomasproject4 жыл бұрын

    Very very cool!

  • @2005Azm
    @2005Azm4 жыл бұрын

    Wonderful !

  • @InteractiveDNA
    @InteractiveDNA3 жыл бұрын

    Nice!

  • @Godrose
    @Godrose4 жыл бұрын

    Developer tools don't display "file://" category. What could be the issue?

  • @johnniegilkerson4724
    @johnniegilkerson47244 жыл бұрын

    Please explain what you did @8:11 in the video, did you open the dev tools in the blazor app running on the browser, or open dev tools on another tab?

  • @dougb70
    @dougb704 жыл бұрын

    24:08 - not getting access to the OS YET. It needs to happen eventually. But obviously in a code signed way.

  • @bdafeesh
    @bdafeesh4 жыл бұрын

    Athough Sockets are not supported in Webassembly, can I open Websockets inside C#?

  • @CodeEvolution
    @CodeEvolution4 жыл бұрын

    Need more/better guidance around how to configure the browser and VS for debugging. I'm trying to get through the setup steps and it's not working as expected.

  • @sujitraul1097
    @sujitraul10974 жыл бұрын

    Sir what about the performance , I can see the loading.. for long for this simple app.

  • @kafran

    @kafran

    3 жыл бұрын

    Actually the way an webassembly app runs is quite different. He should have opened the network inspector to show what is going on at the back stage.

  • @zekadnoureddine6018
    @zekadnoureddine60184 жыл бұрын

    How to print report rdlc in blazor

  • @MihaiMoisei
    @MihaiMoisei4 жыл бұрын

    Merging Blazor wasm component with Fluid framework is the future

  • @jonnielsen1366
    @jonnielsen13664 жыл бұрын

    Given that I have an existing project that is running ASP.NET Core 3.1 MVC with Razor views and sections of Angular served through Razor views.. How do I integrate Blazor Webassembly to such a project? Ideally I'd like to plug in some blazor webassembly SPA's for different sections of my project, but it's unlikely we are able to refactor the entire project at once. If I add a Blazor Webassembly project from the template, then I suddenly have two projects with each their own wwwroot.

  • @HermanWillems

    @HermanWillems

    4 жыл бұрын

    I think u want to get rid of Angular and use Blazor Webassembly right? Even though its production ready. I wouldnt move yet. U can do a branch and test it out... but the performance is.... bad. Because they need to get rid of the Runtime layer which slows everything down.

  • @ivanb8662
    @ivanb86623 жыл бұрын

    Why no hot-reload how in react js?

  • @mahmoudalshaheen
    @mahmoudalshaheen4 жыл бұрын

    Interesting

  • @karlgrittner6334
    @karlgrittner63344 жыл бұрын

    Is the car app available on github ?

  • @borislavnikolov1078

    @borislavnikolov1078

    4 жыл бұрын

    Yea, search for CarChecker it is the first result of SteveSandersonMS's repo.

  • @charlesbaldo
    @charlesbaldo4 жыл бұрын

    Go with this even if it is not as fast as you want now. WebAssembly is being improved all the time, soon it will have same performance as JS

  • @HermanWillems

    @HermanWillems

    4 жыл бұрын

    This is bullshit. Webassembly is not to blame here. Because with Rust language u can have super fast performance on the front-end. Ok? Its because they need to run the C# Runtime on top of webassembly and then the bytecode compiled from C#. So you have another aditional layer which slows everything down. Please dont blame Webassembly... blame the runtime. When you use C++ or Rust it generates PURE webassembly without runtime. And its super fast. Blame this product. Not webassembly.

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    Herman Willems Please work on your comprehension and profane language. This is not a political site where you troll, it’s a site where professional programmers go. I am 100% for webassembly and want people to go with it. It executes fast, it’s a large load, especially with debug symbols it’s 11 mb release is 2mb. Angular is about 200k. I have been doing it since pre release back to November. I just finished my first professional project. I have found areas where it can use improvement over MVC. WASM really the first industry product that offers a system other than JS. It’s a great product and I want to see Microsoft keep working on it. I spent a year learning silverlight and they abandoned it. I don’t want to see this happen with Blazor.

  • @HermanWillems

    @HermanWillems

    4 жыл бұрын

    It's oke that you dislike facts. Nice angular is 200k, but there are solutions out there that use webassembly without runtime. And literally have ZERO k overhead. With way faster runtime speed, because it doesn't have the .NET runtime overhead. I am not political in any sense. PURE technical. If you are really interested in the fastest solution for both back-end and front-end i point you towards Rust language, where they have back-end frameworks, and front-end frameworks which are in the top10 fastest front-end frameworks. If you program the front-end without framework it's close to the fastest possible to get with web-assembly.

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    @@HermanWillems I like facts, what gives you that Idea? Your English may be off. Its Okay or just OK, "oke" goes in front of "dokie" in USA I am familiar with Rust and wish it well. I thought Rust made a mistake when they didn't refer to their components as "Buckets" Then you could have had "Rust Buckets". Ha Ha Ha. Write lots and lots of code, its good for you.

  • @HermanWillems

    @HermanWillems

    3 жыл бұрын

    @@charlesbaldo You really don't understand how this Blazor Webassembly works do you? It's a dirty hack. The .NET runtime is compiled with C++ to webassembly. That runtime then runs the C# bytecode in a inefficient way. Programming 40 years, and you don't understand how it works under the hood? C# -> Webassembly does NOT exist.

  • @JuandyLiem
    @JuandyLiem4 жыл бұрын

    Assuming that this progressive web app runs on a phone, is there a way for it to access the phone features like taking pictures, scanning qr codes, and access files ?

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    Juandy Liem In due time. You can do file streams transfers and web api now

  • @pampula9327
    @pampula93274 жыл бұрын

    Sounds amazing but this load time and performance looks like it needs to be worked on...

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    Milos Karaklajic For sure, but we need to stick with it for them to optimize. I spent a year learning silverlight and they abandoned because people weren’t using it.

  • @dennycrane2938

    @dennycrane2938

    3 жыл бұрын

    Not sure what was going on with him, but it doesn't take that long to load in reality. Maybe had to do with the debugger

  • @fredhair
    @fredhair4 жыл бұрын

    So to run in the browser my browser must download the .net runtime in order to execute the IL. Do the modern browsers cache the runtime forever? I'm extreme interested in this technology but I am concerned about performance. C wasm can run very fast as can JS running directly in the browser however Ive seen some old benchmarks (pre release admittedly) and they were worryingly bad.. is this something that has been addressed or is likely to be?

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    fredhair Web assembly has been adopted by Chrome, Firefox Opera and obvious IE. it will cache. Personally I like the server version with signalR communicating

  • @lionelarucy4735

    @lionelarucy4735

    4 жыл бұрын

    @@charlesbaldo Yeah, going with the server version for now.

  • @charlesbaldo

    @charlesbaldo

    4 жыл бұрын

    Lionel Arucy There is an excellent tutorial by Kudvenkat. kzread.info/head/PL6n9fhu94yhVowClAs8-6nYnfsOTma14P He does a project that has a server project a web assembly and a web api. But the server version offers everything the only difference is the hosting model. Personally I am excited about it and hope it makes it. It is MVVM, has excellent dependency injection for SPA It reminds me of the old webforms on steroids

  • @lionelarucy4735

    @lionelarucy4735

    4 жыл бұрын

    Charles thanks, checking it out

  • @nmarks

    @nmarks

    4 жыл бұрын

    @@charlesbaldo Hi, I've been watching Venkat's Blazor videos (to #12 so far). His solution has three projects: (1) A .Net Standard Class Library Project (Employee, Departments, Gender) (see video 6) (2) A Blazor Server Project (see video 6) (3) A ASP.net REST API (see video 11) In video 6 Venkat avoids the Blazor Web Assembly project option because at the time it was in preview. Do you know if Venkat adds a WebAssembly project later in the series?

  • @scottlee600
    @scottlee6004 жыл бұрын

    The horribly slow performance of this is wildly unimpressive to me.

  • @askroller

    @askroller

    4 жыл бұрын

    Maybe it's because of browser that was used to demonstrate work?

  • @HermanWillems

    @HermanWillems

    4 жыл бұрын

    Yeah i read also alot about the slow performance when u actually use alot of data..... its nice for a small todo app or hello world. Why they dont take blazor webassembly in the front end benchmarks? I think because they will be last..... something to do with the GC. the funny thing is. Rust Webassembly runs like at the top 10 fastest front end implementations. Thats probably because they dont need to worry about a GC or any "runtime" on top of webassembly.

  • @Esico6
    @Esico63 жыл бұрын

    We find blazor will take another year to get mature. If it will ever.

  • @dotnetdevni
    @dotnetdevni4 жыл бұрын

    Is the number plate example on GitHub

  • @sdobbi7611

    @sdobbi7611

    4 жыл бұрын

    github.com/SteveSandersonMS/CarChecker

  • @SuperEvenSteven
    @SuperEvenSteven4 жыл бұрын

    The PWA looked very slow in general., The UI also did not look modern. To sell this a solid 60fps UI is a must.

  • @HermanWillems

    @HermanWillems

    4 жыл бұрын

    Will never be the case if they need to drag a whole C# runtime on top of Webassembly. If u worry so much about performance. Why are u writing C#????? There are better solutions out there which are performance leaders... You dont write C# if u want performance ok.

  • @ahmad.mozaffar
    @ahmad.mozaffar4 жыл бұрын

    Thanks for everything, I enjoy every moment I spend in front of my PC typing Blazor Code this is what i have done yesterday github.com/aksoftware98/BlazorOutlookCalendar/

  • @wjvelasquez
    @wjvelasquez4 жыл бұрын

    Audio in this video is too poor. Is low and bad quality

  • @nmarks

    @nmarks

    4 жыл бұрын

    Was recorded during lockdown.

  • @binarysolution6685
    @binarysolution66854 жыл бұрын

    Blazor for me it wasn't secure , because you can steal code library from "xxx .com/_framework/blazor.boot.json" to download dll file , this made me very sad

  • @dbassett74
    @dbassett744 жыл бұрын

    WAY too slow

  • @DanielNistrean
    @DanielNistrean4 жыл бұрын

    LET ME TELL YOU SOMETHING: Blazor has major performance problems because it needs to download the entire .DLL library in the browser. So, for now, all this WebAssembly Blazor talk is BS, it's only good for small websites, learn javascript ES6+, Blazor FOR NOW is not production-ready IMHO. P.S. Now, I want Blazor to succeed so maybe it's possible somehow to download some .DLL async, but I doubt it's possible and .DLL files are big.

  • @HermanWillems

    @HermanWillems

    4 жыл бұрын

    Funny.. with Rust programming language we have front-end frameworks that also use webassembly but are actuallly extremely fast. Compiles rust straight to webassembly code. No runtime, No garbage collector. There is a reason why everybody programming Rust loves it. So instead of learning ES6+ invest time learning Rust. You can write Rust in the backend and front end at the same time. :) no need for javascript. Just Rust, HTML and CSS. Total access to all browser api's in Rust. And Rust performance on backend is on par with C and C++ and on the front end faster than angular,vuejs and ReactJS. Its literally a WIN-WIN scenario.

  • @enetstudio4176
    @enetstudio41763 жыл бұрын

    Are you interested in getting help and private lessons via email in exchange for a small donation to a charitable organization ? You may find my email address in the stackoverflow site under the profile for the "enet" user.

Келесі