hi

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
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 1st 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.






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
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 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.