Blazor hosting module_First Blazor Application

     When we create our blazor application using visual studio 2019 then we don’t see blazor WebAssembly App template because it is still in under preview, but still we can install it by using the following command. We can execute this command either from the Package Manager Console in Visual Studio or from the command prompt.Following is the Google link to see the latest version of Blazor web assembly

            https://www.nuget.org/packages/Microsoft.AspNetCore.Blazor.Templates

E    execute the following command to install the Blazor WebAssembly App template

WebAssembly hosting model benefits

The Blazor WebAssembly hosting model offers several benefits:

Ø  There's no .NET server-side dependency means server connection not required.

Ø  Client resources and capabilities are used.

Ø  Workload is from the server to the client.

Ø  For hosting the application we don’t need any host app even we can host on our host(for example, serving the app from azure or a CDN).

There are downsides to Blazor WebAssembly hosting:

Ø  The app is restricted to the capabilities of the browser.

Ø  Capable client hardware and software (for example, WebAssembly support) is required.

Ø  Download size is larger, and the very 1^st request apps take longer time to load.

Blazor Server hosting model benefits :

The Blazor Server hosting model offers several benefits:

Ø  Download size is smaller than a Blazor WebAssembly the app, and the application loads much faster.

Ø  The app takes full advantage of server capabilities.

Ø  .NET Core on the server is used to run the app, so existing .NET tooling, such as debugging, works as expected.

Ø  Blazor Server apps work with browsers that don't support WebAssembly. There are downsides to Blazor Server hosting:

Ø  Higher latency usually exists because of the roundtrip of server.

Ø  There's no offline support. If the client connection fails, the app stops working.

Ø  Scalability is challenging for apps with many users.

Ø  An ASP.NET Core server is required to serve the app.

Blazor Tutorials

1. What is Blazor and Setup for Blazor
2. First Application in Blazor

What is Blazor and Setup for Blazor

Blazor Introduction

1.   In current days we create a web application using server-side as well as client-side programming knowledge.

2.   For server-side development, we use language like, C#, PHP, Java, etc, and for the client-side development, we use language like, Angular, react, etc, so for making a successful web application we have to learn both sides programming languages.

3.   To overcome this problem Blazor came in the market , where write C# on the server-side as well as client-side hence it is a more interesting aspect of development.

4.   Blazor is developed by the Microsoft, and it’s a framework for creating a client-side web user interface using a dot net.

5.   Blazor comes at top of asp.net core and it has all the new features of web development.

6.   Blazor doesn’t need any plug-in unlike flash and silver light, it works on all the browsers.        

How browser understand C# and execute the code

1.   As we know browser understand only JavaScript, then how browser execute C# code in the browser and the answer is with using WebAssembly.

2.   Basically, we can run any type of code with using Web Assembly, similar way Blazor can run C# code on the browser using Web Assembly, and executing code with web Assembly is secure like other client-side application.

Setup for Blazor development

For developing a Blazor application we need the following things to install in our machine.

1. Dot net core SDK 3.1 or later

    Url to download:- https://dotnet.microsoft.com/download/

 2. Visual studio 2019

              or

       Visual studio code

             or

       Dot net core CLI

     Url to download:- https://visualstudio.microsoft.com/downloads/

Following is the command For checking the version.

                     dotnet --list-sdks

For creating a Blazor application we should have knowledge on the following languages

•       C#

•       HTML

•       CSS

Angular 8 -installation requirements and Setup Development Environment

Setup : Development environment

Following Environment should be installed on the system before start working on Angular 8

v  Node.Js : Node.js is an open-source, cross-platform javascript run time environment.

         Go to – https://nodejs.org

v  Npm: npm is a node.js package manager for JavaScript , it is automatically installed when we install Node.js.

v  Typescript : Go to Node.js command prompt  and install Typescript using command Command:- npm install  -g Typescript

v   Angular CLI (command line interface ) – It is a tool which allows us to create a project using the command line argument

                Command :- npm install –g @angular/cli

Useful command for angular 8

v  Node Version :- Node -v

v  NPM version :- npm -v

v  Angular Version :- ng –v

       Note:-  if ng –v doesn't work then use ng v

v  Install Typescript :- npm install -g Typescript

v  Install Angular CLI:- npm install –g angular/CLI

        Note:- instead of CLI we can use version number as well

v  Create Angular application:- ng new projectname

v  Compile angular application: ng serve

v  Compile and run the angular application: ng serve o

For more please follow my YouTube channel.

Angular 8 Tutorials

1. Angular 8 Introduction With Versioning Details
2. Angular 8 -installation requirements and Setup Development Environment

Angular 8 Introduction With Versioning Details

What is Angular

1. Angular is a very popular framework maintained  and developed by Google.
2. Angular is an open-source front-end development platform used for building mobile and desktop web applications.
3. Angular is a platform and framework for building client applications in HTML and Typescript. Angular is Itself is written in Typescript.
4. Angular-8 was released in May 28,2019.
5. Front end/Client-side JavaScript Framework.

What you should know before starting working on Angular 8

You much have basic knowledge on the following technologies.

1. HTML, DOM(Document object model), CSS

2. JavaScript

3. Typescript

4. basic knowledge on oops

5. No previous Angular knowledge required.

Angular Versions

   Google has released 7 versions of angular.

1. Angular Js – 2010
2. Angular 2 – 2016
3. Angular 4 – 2017
4. Angular 5 -  November  2017
5. Angular 6 – March 2018,
6. Angular 7 – Oct  2018
7. Angular 8 – May 2019

Angular Release Versioning

   Angular Release versioning have 3 parts

1. Major
2. Minor
3. Patch

For example, if the version is 2.5.6, it means 2 is the major and 5 is the minor version and 6 is the patch.

Generally for a major release is 3months and for minor, the release is 1 month and for a patch, we give every week.

 For more please follow my YouTube channel.