Angular 2 is written in and all the samples and documentation are written in TypeScript. Thus, TypeScript is my next language of choice. This should be pretty straight forward, as the hard part is OOP, which we C# programmers are already comfortable with.
public IPdfReportData CreatePdfReport(string title)
{
if (title=="" || title==null)
{
title = "گذارش";
}
return new PdfReport().DocumentPreferences(doc =>
{
doc.RunDirection(PdfRunDirection.RightToLeft);
doc.Orientation(PageOrientation.Portrait);
doc.PageSize(PdfPageSize.A4);
doc.DocumentMetadata(new DocumentMetadata { Author = "Vahid", Application = "PdfRpt", Keywords = "Test", Subject = "Test Rpt", Title = "Test" });
})
.DefaultFonts(fonts =>
{
fonts.Path(AppPath.ApplicationPath + "\\fonts\\BNazanin.ttf",
Environment.GetEnvironmentVariable("SystemRoot") + "\\fonts\\verdana.ttf");
})
.PagesFooter(footer =>
{
footer.DefaultFooter(printDate: DateTime.Now.ToString("MM/dd/yyyy"));
})
.PagesHeader(header =>
{
header.DefaultHeader(defaultHeader =>
{
// defaultHeader.ImagePath(AppPath.ApplicationPath + "\\Images\\01.png");
defaultHeader.Message(title);
});
})
.MainTableTemplate(template =>
{
template.BasicTemplate(BasicTemplate.SilverTemplate);
})
.MainTablePreferences(table =>
{
table.ColumnsWidthsType(TableColumnWidthType.Relative);
})
.MainTableDataSource(dataSource =>
{
Cash.Models.ApplicationDbContext db = new Models.ApplicationDbContext();
var listOfRows = db.Users.Join(
db.CheckOuts, u => u.Id, c => c.ApplicationUserID,
(u, c) => new { u.FName, u.Lname, u.NationalCode, c.Creditor, c.Debtor, c.Decsription }
).Where(x => x.Creditor != 0).ToList();
dataSource.AnonymousTypeList(listOfRows);
})
.MainTableSummarySettings(summary =>
{
summary.OverallSummarySettings("جمع کل");
summary.PreviousPageSummarySettings("نقل از صفحه قبل");
summary.PageSummarySettings("جمع صفحه");
})
.MainTableAdHocColumnsConventions(adHocColumns =>
{
//We want sum of the int columns
adHocColumns.AddTypeAggregateFunction(
typeof(Int64),
new AggregateProvider(AggregateFunction.Sum)
{
DisplayFormatFormula = obj => obj == null ? string.Empty : string.Format("{0:n0}", obj)
});
adHocColumns.AddTypeAggregateFunction(
typeof(Decimal),
new AggregateProvider(AggregateFunction.Sum)
{
DisplayFormatFormula = obj => obj == null ? string.Empty : string.Format("{0:n0}", obj)
});
//We want to dispaly all of the dateTimes as ShamsiDateTime
adHocColumns.AddTypeDisplayFormatFormula(
typeof(DateTime),
data => { return PersianDate.ToPersianDateTime((DateTime)data); }
);
adHocColumns.ShowRowNumberColumn(true);
adHocColumns.RowNumberColumnCaption("ردیف");
})
.MainTableEvents(events =>
{
events.DataSourceIsEmpty(message: "هیچ اطلاعاتی موجود نیست");
})
.Export(export =>
{
export.ToExcel();
export.ToXml();
})
.Generate(data => data.AsPdfFile(AppPath.ApplicationPath + "\\Pdf\\AdHocColumnsSampleRpt.pdf"));
} 
import React, { useReducer } from "react";
const initialState = { rValue: true };
type State = { rValue: boolean; };
type Action = { type: string; };
function reducer(state: State, action: Action) {
switch (action.type) {
case "one":
return { rValue: true };
case "two":
return { rValue: false };
default:
return state;
}
}
export const ReducerButtons = () => {
const [state, dispatch] = useReducer(reducer, initialState);
return (
<div>
{state?.rValue && <h1>Visible</h1>}
<button onClick={() => dispatch({ type: "one" })}>Action One</button>
<button onClick={() => dispatch({ type: "two" })}>Action Two</button>
</div>
);
}; 
<button onClick={() => dispatch({ type: "three" })}>Action Three</button> type Action = {
type: "one" | "two" | "three";
}; 
import React, { useReducer } from "react";
const initialState = { rValue: true };
type State = {
rValue: boolean;
};
type Action = {
type: "one" | "two" | "three";
};
function reducer(state: State, action: Action) {
switch (action.type) {
case "one":
return { rValue: true };
case "two":
return { rValue: false };
case "three":
return { rValue: false };
}
}
export const ReducerButtons = () => {
const [state, dispatch] = useReducer(reducer, initialState);
return (
<div>
{state?.rValue && <h1>Visible</h1>}
<button onClick={() => dispatch({ type: "one" })}>Action One</button>
<button onClick={() => dispatch({ type: "two" })}>Action Two</button>
<button onClick={() => dispatch({ type: "three" })}>Action Three</button>
</div>
);
}; <!DOCTYPE html> <html> <head> <title>event propagation demo</title> </head> <body> <section> <h1>nested divs</h1> <div>one <div>child of one <div>child of child of one</div> </div> </div> </section> </body> </html>
1.window 2.document 3.<html> 4.<body> 5.<section> 6.<div>one 7.<div>child of one 8.<div>child of child of one
9.<div>child of child of one 10.<div>child of one 11.<div>one 12.<section> 13.<body> 14.<html> 15.document 16.window
<div> <button type="button">do something</button> </div> <form method="POST" action="/user"> <label>Enter user name: <input name="user"> </label> <button type="submit">submit</button> </form>
// submits the form
$('FORM').trigger('submit');
// submits the form by clicking the button
$('BUTTON[type="submit"]').trigger('click');
// focuses the text input
$('INPUT').trigger('focus');
// removes focus from the text input
$('INPUT').trigger('blur'); // submits the form
$('FORM').submit();
// submits the form by clicking the button
$('BUTTON[type="submit"]').click();
// focuses the text input
$('INPUT').focus();
// removes focus from the text input
$('INPUT').blur(); // clicks the first button - the click event does not bubble
$('BUTTON[type="button"]').triggerHandler('click'); // submits the form
document.querySelector('FORM').submit();
// submits the form by clicking the button
document.querySelector('BUTTON[type="submit"]').click();
// focuses the text input
document.querySelector('INPUT').focus();
// removes focus from the text input
document.querySelector('INPUT').blur(); var clickEvent;
if (typeof Event === 'function') {
clickEvent = new Event('click', {bubbles: false});
}
else {
clickEvent = document.createEvent('Event');
clickEvent.initEvent('click', false, true);
}
document.querySelector('BUTTON[type="button"]').dispatchEvent(clickEvent); // Triggers a custom "image-removed" element,
// which bubbles up to ancestor elements.
$libraryElement.trigger('image-removed', {id: 1}); var event = new CustomEvent('image-removed', {
bubbles: true,
detail: {id: 1}
});
libraryElement.dispatchEvent(event); var event = document.createEvent('CustomEvent');
event.initCustomEvent('image-removed', false, true, {id: 1});
libraryElement.dispatchEvent(event); var event;
// If the `CustomEvent` constructor function is not supported,
// fall back to `createEvent` method.
if (typeof CustomEvent === 'function') {
event = new CustomEvent('image-removed', {
bubbles: true,
detail: {id: 1}
});
}
else {
event = document.createEvent('CustomEvent');
event.initCustomEvent('image-removed', false, true, {
id: 1
});
}
libraryElement.dispatchEvent(event); $(window).on('resize', function() {
// react to new window size
}); // remove all resize listeners - usually a bad idea
$(window).off('resize'); var resizeHandler = function() {
// react to new window size
};
$(window).on('resize', resizeHandler);
// ...later
// remove only our resize handler
$(window).off('resize', resizeHandler); $(someElement).one('click', function() {
// handle click event
}); <button onclick="handleButtonClick()">click me</button>
buttonEl.onclick = function() {
// handle button click
}; buttonEl.addEventListener('click', function() {
// handle button click
}); window.addEventListener('resize', function() {
// react to new window size
}); var resizeHandler = function() {
// react to new window size
};
window.addEventListener('resize', resizeHandler);
// ...later
// remove only our resize handler
window.removeEventListener('resize', resizeHandler); someElement.addEventListener('click', function(event) {
// handle click event
}, { once: true }); var clickHandler = function() {
// handle click event
// ...then unregister handler
someElement.removeEventListener('click', clickHandler);
};
someElement.addEventListener('click', clickHandler); $(window).on('mousedown', function(event) {
event.preventDefault();
}); window.addEventListener('mousedown', function(event) {
event.preventDefault();
}); $someElement.on('click', function(event) {
event.stopPropagation();
}); // stop propagation during capturing phase
someElement.addEventListener('click', function(event) {
event.stopPropagation();
}, true); // stop propagation during bubbling phase
someElement.addEventListener('click', function(event) {
event.stopPropagation();
}); $someElement.on('click', function(event) {
event.stopImmediatePropagation();
}); someElement.addEventListener('click', function(event) {
event.stopImmediatePropagation();
}); $uploaderElement.trigger('uploadError', {
filename: 'picture.jpeg'
}); $uploaderParent.on('uploadError', function(event, data) {
showAlert('Failed to upload ' + data.filename);
}); // send the failed filename w/ an error event
var event = new CustomEvent('uploadError', {
bubbles: true,
detail: {filename: 'picture.jpeg'}
});
uploaderElement.dispatchEvent(event);
// ...and this is a listener for the event
uploaderParent.addEventListener('uploadError', function(event) {
showAlert('Failed to upload ' + event.detail.filename);
}); // send the failed filename w/ an error event
var event = document.createEvent('CustomEvent');
event.initCustomEvent('uploadError', true, true, {
filename: 'picture.jpeg'
});
uploaderElement.dispatchEvent(event);
// ...and this is a listener for the event
uploaderParent.addEventListener('uploadError', function(event) {
showAlert('Failed to upload ' + event.detail.filename);
}); $(window).on('load', function() {
// page is fully rendered
}); window.addEventListener('load', function() {
// page is fully rendered
}); $(document).ready(function() {
// markup is on the page
});
//or
$(function() {
// markup is on the page
}); document.addEventListener('DOMContentLoaded', function() {
// markup is on the page
}); $('IMG').on('load', function() {
// image has successfully loaded
});
$('IMG').on('error', function() {
// image has failed to load
}); document.querySelector('IMG').addEventListener('load', function() {
// image has successfully loaded
});
document.querySelector('IMG').addEventListener('error', function() {
// image has failed to load
}); $(window).on('beforeunload', function() {
return 'Are you sure you want to unload the page?';
}); window.addEventListener('beforeunload', function(event) {
var message = 'Are you sure you want to unload the page?';
event.returnValue = message;
return message;
}); 
/// <summary>
/// Get an author by his/her id
/// </summary>
/// <param name="authorId">The id of the author you want to get</param>
/// <returns>An ActionResult of type Author</returns>
[HttpGet("{authorId}")]
public async Task<ActionResult<Author>> GetAuthor(Guid authorId) <Project Sdk="Microsoft.NET.Sdk.Web">
<PropertyGroup>
<TargetFramework>netcoreapp2.2</TargetFramework>
<AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
<GenerateDocumentationFile>true</GenerateDocumentationFile>
</PropertyGroup> namespace OpenAPISwaggerDoc.Web
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddSwaggerGen(setupAction =>
{
setupAction.SwaggerDoc(
// ...
);
var xmlCommentsFile = $"{Assembly.GetExecutingAssembly().GetName().Name}.xml";
var xmlCommentsFullPath = Path.Combine(AppContext.BaseDirectory, xmlCommentsFile);
setupAction.IncludeXmlComments(xmlCommentsFullPath);
});
} 
using System;
namespace OpenAPISwaggerDoc.Models
{
/// <summary>
/// An author with Id, FirstName and LastName fields
/// </summary>
public class Author
{
/// <summary>
/// The id of the author
/// </summary>
public Guid Id { get; set; }
/// <summary>
/// The first name of the author
/// </summary>
public string FirstName { get; set; }
/// <summary>
/// The last name of the author
/// </summary>
public string LastName { get; set; }
}
} <Project Sdk="Microsoft.NET.Sdk">
<PropertyGroup>
<TargetFramework>netstandard2.0</TargetFramework>
<GenerateDocumentationFile>true</GenerateDocumentationFile>
</PropertyGroup>
</Project> namespace OpenAPISwaggerDoc.Web
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddSwaggerGen(setupAction =>
{
setupAction.SwaggerDoc(
// ...
);
var xmlFiles = Directory.GetFiles(AppContext.BaseDirectory, "*.xml", SearchOption.TopDirectoryOnly).ToList();
xmlFiles.ForEach(xmlFile => setupAction.IncludeXmlComments(xmlFile));
});
} 
[HttpPut("{authorId}")]
public async Task<ActionResult<Author>> UpdateAuthor(Guid authorId, AuthorForUpdate authorForUpdate) using System.ComponentModel.DataAnnotations;
namespace OpenAPISwaggerDoc.Models
{
/// <summary>
/// An author for update with FirstName and LastName fields
/// </summary>
public class AuthorForUpdate
{
/// <summary>
/// The first name of the author
/// </summary>
[Required]
[MaxLength(150)]
public string FirstName { get; set; }
/// <summary>
/// The last name of the author
/// </summary>
[Required]
[MaxLength(150)]
public string LastName { get; set; }
}
} 
[HttpPut("{authorId}")]
public async Task<ActionResult<Author>> UpdateAuthor(Guid authorId, AuthorForUpdate authorForUpdate) [HttpPatch("{authorId}")]
public async Task<ActionResult<Author>> UpdateAuthor(
Guid authorId,
JsonPatchDocument<AuthorForUpdate> patchDocument) 
/// <summary>
/// Partially update an author
/// </summary>
/// <param name="authorId">The id of the author you want to get</param>
/// <param name="patchDocument">The set of operations to apply to the author</param>
/// <returns>An ActionResult of type Author</returns>
/// <remarks>
/// Sample request (this request updates the author's first name) \
/// PATCH /authors/id \
/// [ \
/// { \
/// "op": "replace", \
/// "path": "/firstname", \
/// "value": "new first name" \
/// } \
/// ] \
/// </remarks>
[HttpPatch("{authorId}")]
public async Task<ActionResult<Author>> UpdateAuthor(
Guid authorId,
JsonPatchDocument<AuthorForUpdate> patchDocument) 
<Project Sdk="Microsoft.NET.Sdk.Web">
<PropertyGroup>
<TargetFramework>netcoreapp2.2</TargetFramework>
<AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
<GenerateDocumentationFile>true</GenerateDocumentationFile>
<TreatWarningsAsErrors>false</TreatWarningsAsErrors>
<WarningsAsErrors>NU1605;</WarningsAsErrors>
<NoWarn>1701;1702;1591</NoWarn>
</PropertyGroup> 
Here are 13 techniques and tools that prove the power of lazy programming. The next time the boss tells you it’s time to roll up your sleeves and lean into the console, head to the nap room instead.
POST /accounts/ClientLogin HTTP/1.1
User-Agent: curl/7.15.1 (i486-pc-linux-gnu) libcurl/7.15.1
OpenSSL/0.9.8a zlib/1.2.3 libidn/0.5.18
Host: www.google.com
Accept: */*
Content-Length: 103
Content-Type: application/x-www-form-urlencoded
accountType=GOOGLE&Email=userName@google.com&Passwd=myPasswrd&source=curl-tester-1.0&service=analytics
HTTP/1.1 200 OK
Content-Type: text/plain
Cache-control: no-cache
Pragma: no-cache
Date: Mon, 02 Jun 2008 22:08:51 GMT
Content-Length: 497
SID=DQ...
LSID=DQAA...
Auth=DQAAAG8...
string getSecurityToken()
{
if (string.IsNullOrEmpty(Email))
throw new NullReferenceException("Email is required!");
if (string.IsNullOrEmpty(Password))
throw new NullReferenceException("Password is required!");
WebRequest request = WebRequest.Create("https://www.google.com/accounts/ClientLogin");
request.Method = "POST";
string postData = "accountType=GOOGLE&Email=" + Email + "&Passwd=" + Password + "&service=analytics&source=vahid-testapp-1.0";
byte[] byteArray = Encoding.ASCII.GetBytes(postData);
request.ContentType = "application/x-www-form-urlencoded";
request.ContentLength = byteArray.Length;
using (Stream dataSt = request.GetRequestStream())
{
dataSt.Write(byteArray, 0, byteArray.Length);
}
string auth = string.Empty;
using (WebResponse response = request.GetResponse())
{
using (Stream dataStream = response.GetResponseStream())
{
using (StreamReader reader = new StreamReader(dataStream))
{
string responseFromServer = reader.ReadToEnd().Trim();
string[] tokens = responseFromServer.Split('\n');
foreach (string token in tokens)
{
if (token.StartsWith("SID="))
continue;
if (token.StartsWith("LSID="))
continue;
if (token.StartsWith("Auth="))
{
auth = token.Substring(5);
}
else
{
throw new AuthenticationException("Error authenticating Google user " + Email);
}
}
}
}
}
return auth;
}
string getAvailableProfiles(string authToken)
{
return fetchPage("https://www.google.com/analytics/feeds/accounts/default", authToken);
}
string url = string.Format("https://www.google.com/analytics/feeds/data?ids={0}&metrics=ga:pageviews&start-date={1}&end-date={2}", id, from, to);
return fetchPage(url, auth);
CGoogleAnalytics cga = new CGoogleAnalytics
{
Email = "username@gmail.com",
Password = "password",
From = DateTime.Now.Subtract(TimeSpan.FromDays(1)),
To = DateTime.Now.Subtract(TimeSpan.FromDays(1))
};
List<CGoogleAnalytics.SitePagePreviews> pagePreviews =
cga.GetTotalNumberOfPageViews();
foreach (var list in pagePreviews)
{
//string site = list.Site;
//int pw = list.PagePreviews;
}
