@page "/BlazorJS"
<h3>BlazorJS</h3>
@code
{
} <li class="nav-item px-3">
<NavLink class="nav-link" href="BlazorJS">
<span class="oi oi-list-rich" aria-hidden="true"></span> BlazorJS
</NavLink>
</li> @page "/BlazorJS"
@inject IJSRuntime JsRuntime
<h3>BlazorJS</h3>
<div class="row">
<button class="btn btn-secondary" @onclick="TestConfirmBox">Test Confirm Button</button>
</div>
<div class="row">
@if (ConfirmResult)
{
<p>Confirmation has been made!</p>
}
else
{
<p>Confirmation Pending!</p>
}
</div>
@code {
string ConfirmMessage = "Are you sure you want to click?";
bool ConfirmResult;
async Task TestConfirmBox()
{
ConfirmResult = await JsRuntime.InvokeAsync<bool>("confirm", ConfirmMessage);
}
} 
dotnet tool install -g Microsoft.Web.LibraryManager.Cli libman init libman install bootstrap --provider unpkg --destination wwwroot/lib/bootstrap libman install jquery --provider unpkg --destination wwwroot/lib/jquery libman install toastr --provider unpkg --destination wwwroot/lib/toastr
<head>
<base href="~/" />
<link rel="stylesheet" href="lib/toastr/build/toastr.min.css" />
</head>
<body>
<script src="lib/jquery/dist/jquery.min.js"></script>
<script src="lib/toastr/build/toastr.min.js"></script>
<script src="_framework/blazor.server.js"></script>
</body> <Project Sdk="Microsoft.NET.Sdk.Web">
<PropertyGroup>
<TargetFramework>net5.0</TargetFramework>
</PropertyGroup>
<Target Name="DebugEnsureLibManEnv" BeforeTargets="BeforeBuild" Condition=" '$(Configuration)' == 'Debug' ">
<!-- Ensure libman is installed -->
<Exec Command="libman --version" ContinueOnError="true">
<Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
</Exec>
<Error Condition="'$(ErrorCode)' != '0'" Text="libman is required to build and run this project. To continue, please run `dotnet tool install -g Microsoft.Web.LibraryManager.Cli`, and then restart your command prompt or IDE." />
<Message Importance="high" Text="Restoring dependencies using 'libman'. This may take several minutes..." />
<Exec WorkingDirectory="$(MSBuildProjectDirectory)" Command="libman restore" />
</Target>
</Project> window.ShowToastr = (type, message) => {
// Toastr don't work with Bootstrap 4.2
toastr.options.toastClass = "toastr"; // https://github.com/CodeSeven/toastr/issues/599
if (type === "success") {
toastr.success(message, "Operation Successful", { timeOut: 20000 });
}
if (type === "error") {
toastr.error(message, "Operation Failed", { timeOut: 20000 });
}
}; <script src="lib/jquery/dist/jquery.min.js"></script>
<script src="lib/toastr/build/toastr.min.js"></script>
<script src="js/common.js"></script>
<script src="_framework/blazor.server.js"></script>
</body> @page "/BlazorJS"
@inject IJSRuntime JsRuntime
<div class="row">
<button class="btn btn-success" @onclick="@(()=>TestSuccess("Success Message"))">Test Toastr Success</button>
<button class="btn btn-danger" @onclick="@(()=>TestFailure("Error Message"))">Test Toastr Failure</button>
</div>
@code {
async Task TestSuccess(string message)
{
await JsRuntime.InvokeVoidAsync("ShowToastr", "success", message);
}
async Task TestFailure(string message)
{
await JsRuntime.InvokeVoidAsync("ShowToastr", "error", message);
}
} 
using System.Threading.Tasks;
using Microsoft.JSInterop;
namespace BlazorServerSample.Utils
{
public static class JSRuntimeExtensions
{
public static ValueTask ToastrSuccess(this IJSRuntime JSRuntime, string message)
{
return JSRuntime.InvokeVoidAsync("ShowToastr", "success", message);
}
public static ValueTask ToastrError(this IJSRuntime JSRuntime, string message)
{
return JSRuntime.InvokeVoidAsync("ShowToastr", "error", message);
}
}
} @using BlazorServerSample.Utils
async Task TestSuccess(string message)
{
//await JsRuntime.InvokeVoidAsync("ShowToastr", "success", message);
await JsRuntime.ToastrSuccess(message);
} @inject IJSRuntime JsRuntime
@code {
// ...
public async Task TestSuccess(string message)
{
await JsRuntime.ToastrSuccess(message);
}
} @page "/ParentComponent"
<ChildComponent
OnClickBtnMethod="ShowMessage"
@ref="ChildComp"
Title="This title is passed as a parameter from the Parent Component">
<ChildContent>
A `Render Fragment` from the parent!
</ChildContent>
<DangerChildContent>
A danger content from the parent!
</DangerChildContent>
</ChildComponent>
<div class="row">
<button class="btn btn-success" @onclick="@(()=>ChildComp.TestSuccess("Done!"))">Show Alert</button>
</div>
@code {
ChildComponent ChildComp;
// ...
} VSCode is now ready to open Docker Containers!
using System;
namespace AOP00
{
class Program
{
static void Main(string[] args)
{
Log.Debug("Program has started.");
//.....
try
{
}
catch (Exception ex)
{
Log.Error(ex);
throw;
}
finally
{
//.....
Log.Debug("Program has ended.");
}
}
}
} public User GetUserById(int id)
{
if (Cache.ExistsFor(id))
{
return Cache[id];
}
else
{
var user = LoadFromDb(id);
Cache.AddFor("User", id, user);
return user;
}
}
Install-Package : Could not connect to the feed specified at 'https://www.nuget.org/api/v2/'. Please verify that the package source
(located in the Package Manager Settings) is valid and ensure your network connectivity.
At line:1 char:1
+ Install-Package EntityFramework
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : NotSpecified: (:) [Install-Package], InvalidOperationException
+ FullyQualifiedErrorId : NuGetCmdletUnhandledException,NuGet.PowerShell.Commands.InstallPackageCommand 
Static analysis of Windows Forms source code
Guided tour of Angular 5.2 source tree
ASP.NET MVC Bundling of Bootstrap Less Source
<!--no binding --> <input name="firstname" ngModel>
<!--one way binding --> <input name="firstname" [ngModel]="firstName">
<!--two way binding --> <input name="firstname" [ngModel]="firstName" (ngModelChange)="firstName=$event">
<!--two way binding --> <input name="firstname" [(ngModel)]="firstName">
> ng g cl Employee/Employee
installing class create src\app\Employee\employee.ts
export class Employee {
constructor(
public firstName: string,
public lastName: string,
public isFullTime: boolean,
public paymentType: string,
public primaryLanguage: string
) {}
} import { Employee } from "app/employee/employee";
export class EmployeeRegisterComponent implements OnInit {
languages = ["Persian", "English", "Spanish", "Other"];
model = new Employee("Vahid", "N", true, "FullTime", "Persian"); <form #form="ngForm" novalidate>
<div class="form-group">
<label>First Name</label>
<input type="text" class="form-control" name="firstName" [(ngModel)]="model.firstName">
</div>
<div class="form-group">
<label>Last Name</label>
<input type="text" class="form-control" name="lastName" [(ngModel)]="model.lastName">
</div> <button class="btn btn-primary" type="submit">Ok</button>
</form>
Model: {{ model | json }}
<br> Angular: {{ form.value | json }}
<br> form.pristine: {{ form.pristine }} 
<div class="checkbox">
<label>
<input type="checkbox" name="is-full-time"
[(ngModel)]="model.isFullTime"> Full Time Employee
</label>
</div> <label>Payment Type</label>
<div class="radio">
<label>
<input type="radio" name="paymentType" value="FullTime" checked
[(ngModel)]="model.paymentType">
Full Time
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="paymentType" value="PartTime"
[(ngModel)]="model.paymentType">
Part Time
</label>
</div> <div class="form-group">
<label>Primary Language</label>
<select class="form-control" name="primaryLanguage" [(ngModel)]="model.primaryLanguage">
<option *ngFor="let lang of languages">
{{ lang }}
</option>
</select>
</div> 
<div class="form-group">
<label>First Name</label>
<input type="text" class="form-control" name="firstName"
[ngModel]="model.firstName"
(ngModelChange)="firstNameToUpperCase($event)">
</div> firstNameToUpperCase(value: string) {
if (value.length > 0)
this.model.firstName = value.charAt(0).toUpperCase() + value.slice(1);
else
this.model.firstName = value;
}