tutorials-blog

Creating a Quick Grid Component in Blazor

03/04/2023: Introduction: Blazor is an open-source web framework for building web applications using .NET and C#. It allows developers to create web applications with a rich user interface using a combination of HTML, CSS, and C#. Blazor provides a powerful set of components that can be used to build complex user interfaces. In this how-to guide, we will explore how to create a Quick Grid component in Blazor that can be used to display data in a grid format. Step 1: Create the Quick Grid To create the Quick Grid component, we need to define a new component in our Blazor application. Add the following...

Getting Started with Blazor XAML

03/04/2023: Introduction: Blazor is an open-source web framework for building web applications using .NET and C#. It allows developers to create web applications with a rich user interface using a combination of HTML, CSS, and C#. One of the features of Blazor is Blazor XAML, which allows developers to use XAML to create the user interface for their Blazor applications. XAML is a declarative markup language used to describe the user interface of applications developed using WPF, UWP, and Xamarin. In this how-to guide, we will explore how to get started with Blazor XAML and create a sample Blazor...

Refreshing a Blazor Page

03/04/2023: Introduction: Blazor is an open-source web framework for building web applications using .NET and C#. It allows developers to create web applications with a rich user interface using a combination of HTML, CSS, and C#. Sometimes, we may need to refresh a Blazor page programmatically, such as after making changes to the data displayed on the page. In this how-to guide, we will explore how to refresh a Blazor page programmatically and provide some use cases for this feature. Step 1: Add the To refresh a Blazor page programmatically, we need to use the Step 2: Inject the Once we have added...

Scanning Barcodes with Blazor ZXing

03/04/2023: Introduction: Blazor is an open-source web framework for building web applications using .NET and C#. It allows developers to create web applications with a rich user interface using a combination of HTML, CSS, and C#. One of the features of Blazor is Blazor Step 1: Set up a new Blazor To get started, we need to set up a new Blazor application. Open Visual Studio and select "Create a new project." In the "Create a new project" window, select "Blazor App In the next window, enter a name for your project, select the location where you want to save your project, and click "Create." In the...

Understanding Blazor Zones

03/04/2023: Introduction: Blazor is an open-source web framework for building web applications using .NET and C#. It allows developers to create web applications with a rich user interface using a combination of HTML, CSS, and C#. Blazor uses a component-based architecture, where each component is responsible for rendering its own UI and managing its own state. In this how-to guide, we will explore Blazor zones, which are a way to group components and manage their rendering and state. Step 1: Add a new To add a new zone to our Blazor application, we can add the following code to a component: php...

Using JavaScript Interop in Blazor Applications

03/04/2023: Introduction: Blazor is an open-source web framework for building web applications using .NET and C#. It allows developers to create web applications with a rich user interface using a combination of HTML, CSS, and C#. Sometimes, we may need to use JavaScript in our Blazor applications to access browser-specific functionality or interact with third-party libraries. In this how-to guide, we will explore how to use JavaScript interop in Blazor applications to call JavaScript functions from C# code. Step 1: Create a JavaScript To use JavaScript interop in a Blazor application, we need to...

Top 5 Pain Points for Blazor Developers

10/06/2022: Blazor Server vs WebAssembly Which approach should be chosen Blazor Server or Blazor WebAssembly? The difference is to do with where much of the code executes, either on the Server side or on the client side. Whilst much of the code would be the same there are some aspects of the code and project structure which are different. Depending upon on what the application does potentially a non-trivial task to swop between the two. Binding Binding is superficially relatively straightforward, however depending upon the elements/component used, the manner in which data is updated may differ! Managing...

C# Language - Moving Forward

31/07/2018: Since the first release of .NET (in 2002) much has changed, both in the .NET Framework and the .NET languages. Notable language features added over the years include support for Generics and Lambdas. In terms of languages usage C# appears to be gaining dominance compared to VB.NET, although resulting in some organisations needing to port to C# as VB.NET developers become more scarce. In recent years there have been smaller, but important additions to the C# languages. The notably C# 6 feature of 'string interpolation' has made creating strings so much easier. Meanwhile C# 7 has added...

ASP.NET Core 2 training course | 5 Reasons why upgrade

12/01/2018: ASP.NET Core 2 is the successor to ASP.NET Core 1 and continues the theme of providing a framework for rapid creation of Web Applications making use of a wide range of features. Clearly ASP.NET Core 2 is similar to ASP.NET Core 1 but with a number of significant developments. First let us review the key features of ASP.NET Core. Model View Controller (MVC) architecture provides a key separation of concerns to help with testing, team working, and maintenance. ASP.NET MVC 1 – 5 provided the MVC architecture but ASP.NET Core adds the modular aspect. Previously an ASP.NET application had...

MVC Training : MVC is now in ASP.NET Core 1.0

05/10/2017: MVC The Model View Controller (MVC) architectural pattern has a long history (together with its variants) and has been used in many languages and is encompassed by a number of frameworks (Smalltalk; PHP Zend Framework; Java Swing; etc.). ASP.NET Core 1 provides Microsoft's latest version of a MVC architecture for Web Applications. The main benefits of MVC revolve around the seperation of concerns, namely, the separation of Models (Data - Domain objects); Views (which the 'user' sees) and Controllers (which respond to user input). Separation of concerns has many benefits including testability;...

BLOG

Filter