Bootstrap now supports color modes, starting with dark mode! With v5.3.0 you can implement your own color mode toggler (see below for an example from Bootstrap’s docs) and apply the different color modes as you see fit. We support a light mode (default) and now dark mode.
JS Paint
Classic MS Paint in the browser, with extra features
Windows 95, 98, and XP were the golden years of paint. You had a tool box and a color box, a foreground color and a background color, and that was all you needed.
CATNETCmd /file:"I:\prog\bin\prog.dll" /search:"I:\prog" /report:"I:\prog\report.xsl" /rule:"J:\microsoft\cat.net\Rules"
var unicorn = {
legs: 4,
color: 'brown',
horn: true
}; var proxyUnicorn = new Proxy(unicorn, {
get: function(target, property) {
if(property === 'color') {
return 'awesome ' + target[property];
} else {
return target[property];
}
}
}); console.log(proxyUnicorn.legs); //4 console.log(proxyUnicorn.color); //'awesome brown'
var proxyUnicorn = new Proxy(unicorn, {
set: function(target, property, value) {
if(property === 'horn' && value === false) {
console.log('unicorn cannot ever lose its horn!');
} else {
target[property] = value;
}
}
}); var unicorn = {
legs: 4,
color: 'brown',
horn: true,
hornAttack: function(target) {
return target.name + ' was obliterated!';
}
}; var thief = { name: 'Rupert'}
thief.attack = unicorn.hornAttack;
thief.attack(); unicorn.hornAttack = new Proxy(unicorn.hornAttack, {
apply: function(target, context, args) {
if(context !== unicorn) {
return 'nobody can use unicorn horn but unicorn!';
} else {
return target.apply(context, args);
}
}
}); function NOPE() {
throw new Error("can't modify read-only view");
}
var handler = {
// Override all five mutating methods.
set: NOPE,
defineProperty: NOPE,
deleteProperty: NOPE,
preventExtensions: NOPE,
setPrototypeOf: NOPE
}; public class User
{
public string Name { set; get; }
} public record User
{
public string Name { set; get; }
} var user = new User(); user.Name = "User 1";
public record User(string Name);
var user = new User("User 1");
// Error: Init-only property or indexer 'User.Name' can only be assigned
// in an object initializer, or on 'this' or 'base' in an instance constructor
// or an 'init' accessor. [CS9Features]csharp(CS8852)
user.Name = "User 1"; public record User(string Name);
using System;
using System.Collections.Generic;
using System.Runtime.CompilerServices;
using System.Text;
using CS9Features;
public class User : IEquatable<User>
{
protected virtual Type EqualityContract
{
[System.Runtime.CompilerServices.NullableContext(1)]
[CompilerGenerated]
get
{
return typeof(User);
}
}
public string Name
{
get;
set/*init*/;
}
public User(string Name)
{
this.Name = Name;
base..ctor();
}
public override string ToString()
{
StringBuilder stringBuilder = new StringBuilder();
stringBuilder.Append("User");
stringBuilder.Append(" { ");
if (PrintMembers(stringBuilder))
{
stringBuilder.Append(" ");
}
stringBuilder.Append("}");
return stringBuilder.ToString();
}
protected virtual bool PrintMembers(StringBuilder builder)
{
builder.Append("Name");
builder.Append(" = ");
builder.Append((object?)Name);
return true;
}
[System.Runtime.CompilerServices.NullableContext(2)]
public static bool operator !=(User? r1, User? r2)
{
return !(r1 == r2);
}
[System.Runtime.CompilerServices.NullableContext(2)]
public static bool operator ==(User? r1, User? r2)
{
return (object)r1 == r2 || (r1?.Equals(r2) ?? false);
}
public override int GetHashCode()
{
return EqualityComparer<Type>.Default.GetHashCode(EqualityContract) * -1521134295 + EqualityComparer<string>.Default.GetHashCode(Name);
}
public override bool Equals(object? obj)
{
return Equals(obj as User);
}
public virtual bool Equals(User? other)
{
return (object)other != null && EqualityContract == other!.EqualityContract && EqualityComparer<string>.Default.Equals(Name, other!.Name);
}
public virtual User <Clone>$()
{
return new User(this);
}
protected User(User original)
{
Name = original.Name;
}
public void Deconstruct(out string Name)
{
Name = this.Name;
}
} public virtual User <Clone>$()
{
return new User(this);
} public record User(string Name, int Age);
var user1 = new User("User 1", 21); var user2 = user1 with { Age = 31 }; var user1 = new User("User 1", 21);
var user2 = new User("User 1", 21); Console.WriteLine("user1.Equals(user2) -> {0}", user1.Equals(user2));
Console.WriteLine("user1 == user2 -> {0}", user1 == user2); user1.Equals(user2) -> True user1 == user2 -> True
public virtual bool Equals(User? other)
{
return (object)other != null &&
EqualityContract == other!.EqualityContract &&
EqualityComparer<string>.Default.Equals(Name, other!.Name) &&
EqualityComparer<int>.Default.Equals(Age, other!.Age);
} public record User
{
public string Name { get; init; }
public User(string name)
{
Name = name;
}
}
public record UserWithAge : User
{
public int Age { get; init; }
public UserWithAge(string name, int age) : base(name)
{
Age = age;
}
} var user1 = new User("User 1");
var user2 = new UserWithAge("User 1", 21);
Console.WriteLine("user1.Equals(user2) -> {0}", user1.Equals(user2));
Console.WriteLine("user1 == user2 -> {0}", user1 == user2); user1.Equals(user2) -> False user1 == user2 -> False
public abstract record Food(int Calories); public record Milk(int C, double FatPercentage) : Food(C);
Console.WriteLine(user1.ToString()); Console.WriteLine(user2.ToString());
User { Name = User 1 }
UserWithAge { Name = User 1, Age = 21 } public record Person(string Name, int Age);
public void Deconstruct(out string Name, out int Age)
{
Name = this.Name;
Age = this.Age;
} var (name, age) = new Person("User 1", 21); public record Person([Required] string Name, [Range(0, 150)] int Age);
public class PersonController
{
public IActionResult Index() => View();
[HttpPost]
public IActionResult Index(Person person)
{
// ...
}
} 
var state = Battery.State; // Charging, Full, Discharging, ... 
int[] fibonacci = {0, 1, 1, 2, 3, 5}; int[] fibonacci = { 0, 1, 1, 2, 3, 5 };
int numberOfElements = fibonacci.Count();
Console.WriteLine($"{numberOfElements}");
IEnumerable<int> distinictNumbers = fibonacci.Distinct();
Console.WriteLine("Elements in output sequence:");
foreach (var number in distinictNumbers)
{
Console.WriteLine(number);
} 6 Elements in output sequence: 0 1 2 3 5
int[] fibonacci = { 0, 1, 1, 2, 3, 5 };
// ایجاد پرس و جو
IEnumerable<int> numbersGreaterThanTwoQuery = fibonacci.Where(x => x > 2);
// در این مرحله پرس و جو ایجاد شده ولی هنوز اجرا نشده است
// تغییر عنصر اول توالی
fibonacci[0] = 99;
// حرکت بر روی عناصر توالی باعث اجرای پرس و جو می‌شود
foreach (var number in numbersGreaterThanTwoQuery)
{
Console.WriteLine(number);
} 99 3 5
int[] fibonacci = { 0, 1, 1, 2, 3, 5 };
// ساخت پرس و جو
IEnumerable<int> numbersGreaterThanTwoQuery = fibonacci.Where(x => x > 2) .ToArray();
// در این مرحله به خاطر عملگر استفاده شده پرس و جو اجرا می‌شود
// تغییر اولین عنصر توالی
fibonacci[0] = 99;
// حرکت بر روی نتیجه
foreach (var number in numbersGreaterThanTwoQuery)
{
Console.WriteLine(number);
} 3 5
<table id="browsers-grid">
<thead>
<tr>
<th width="20%">موتور رندرگیری</th>
<th width="25%">مرورگر</th>
<th width="25%">پلتفرم (ها)</th>
<th width="15%">نسخه موتور</th>
<th width="15%">نمره css</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th>موتور رندرگیری</th>
<th>مرورگر</th>
<th>پلتفرم (ها)</th>
<th>نسخه موتور</th>
<th>نمره css</th>
</tr>
</tfoot>
</table>{
"aaData": [
{"engine":"Trident", "browser":"Internet Explorer 4.0", "platform":"Win95+", "version":"4", "grade":"X"},
{"engine":"Trident", "browser":"Internet Explorer 5.0", "platform":"Win95+", "version":"5", "grade":"C"},
{"engine":"Trident", "browser":"Internet Explorer 5.5", "platform":"Win95+", "version":"5.5", "grade":"A"}
]
}$(document).ready(function () {
$('#browsers-grid').dataTable({
"sAjaxSource": "datasource/objects.txt",
"bProcessing": true,
"aoColumns": [
{ "mDataProp": "engine" },
{ "mDataProp": "browser" },
{ "mDataProp": "platform" },
{ "mDataProp": "version" },
{ "mDataProp": "grade" }
]
});
});{
"data": [
{"engine":"Trident", "browser":"Internet Explorer 4.0", "platform":"Win95+", "version":"4", "grade":"X"},
{"engine":"Trident", "browser":"Internet Explorer 5.0", "platform":"Win95+", "version":"5", "grade":"C"},
{"engine":"Trident", "browser":"Internet Explorer 5.5", "platform":"Win95+", "version":"5.5", "grade":"A"}
]
}"sAjaxDataProp": "data"
{ "data": { "inner": [...] } }"sAjaxDataProp": "data.inner"
"aLengthMenu": [25, 50, 100, -1],
"aLengthMenu": [[25, 50, 100, -1], ["همه", "صد", "پنجاه", "بیست و پنج"]],
'<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>'
همچنین بین علامت‌های کوچکتر (>) و بزرگتر (<) یعنی اگر چیزی بیاید در یک تگ div قرار خواهد گرفت. اگر بخواهیم div ی بسازیم و به آن کلاس بدهیم از نحو زیر استفاده خواهیم کرد:
'<"class" and '>'
'<"#id" and '>'
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Ember Blog</title> <link href="Content/bootstrap.css" rel="stylesheet" /> <link href="Content/bootstrap-theme.css" rel="stylesheet" /> <link href="Content/styles.css" rel="stylesheet" /> <script src="Scripts/Libs/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="Scripts/Libs/bootstrap.min.js" type="text/javascript"></script> <script src="Scripts/Libs/handlebars-v2.0.0.js" type="text/javascript"></script> <script src="Scripts/Libs/ember.js" type="text/javascript"></script> <script src="Scripts/Libs/ember-handlebars-loader-0.0.1.js" type="text/javascript"></script> <script src="Scripts/Libs/ember-data.js" type="text/javascript"></script> <script src="Scripts/Libs/localstorage_adapter.js" type="text/javascript"></script> </head> <body> </body> </html>
url: "Scripts/Templates/" + name + ".hbs",
<system.webServer>
<staticContent>
<mimeMap fileExtension=".hbs" mimeType="text/x-handlebars-template" />
</staticContent>
</system.webServer> 
Blogger = Ember.Application.create();
<script src="Scripts/App/blogger.js" type="text/javascript"></script>
Blogger.Router.map(function () {
this.resource('posts', { path: '/' });
}); <script src="Scripts/App/blogger.js" type="text/javascript"></script> <script src="Scripts/App/router.js" type="text/javascript"></script>
<div class="container"> <h1>Emeber.js blog</h1> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div>
<script> EmberHandlebarsLoader.loadTemplates([ 'posts' ]); </script>
Blogger.Router.map(function () {
this.resource('posts', { path: '/' });
this.resource('about');
}); <h1>About Ember Blog</h1> <p>Bla bla bla!</p>
<script> EmberHandlebarsLoader.loadTemplates([ 'posts', 'about' ]); </script>
<script type="text/x-handlebars" data-template-name="about"> </script>
<div class='container'>
<nav class='navbar navbar-default' role='navigation'>
<ul class='nav navbar-nav'>
<li>{{#link-to 'posts'}}Posts{{/link-to}}</li>
<li>{{#link-to 'about'}}About{{/link-to}}</li>
</ul>
</nav>
{{outlet}}
</div> <script> EmberHandlebarsLoader.loadTemplates([ 'posts', 'about', 'application' ]); </script>
Blogger.Router.map(function () {
this.resource('posts', { path: '/' });
this.resource('about');
this.resource('contact');
}); <h1>Contact</h1> <ul> <li>Phone: ...</li> <li>Email: ...</li> </ul>
<script> EmberHandlebarsLoader.loadTemplates([ 'posts', 'about', 'application', 'contact' ]); </script>
<div class='container'>
<nav class='navbar navbar-default' role='navigation'>
<ul class='nav navbar-nav'>
<li>{{#link-to 'posts'}}Posts{{/link-to}}</li>
<li>{{#link-to 'about'}}About{{/link-to}}</li>
<li>{{#link-to 'contact'}}Contact{{/link-to}}</li>
</ul>
</nav>
{{outlet}}
</div> Blogger.Router.map(function () {
this.resource('posts', { path: '/' });
this.resource('about');
this.resource('contact', function () {
this.resource('email');
this.resource('phone');
});
}); <h2>Email</h2> <p> <span></span> Email name@site.com. </p>
<h2>Phone</h2> <p> <span></span> Call 12345678. </p>
<script> EmberHandlebarsLoader.loadTemplates([ 'posts', 'about', 'application', 'contact', 'email', 'phone' ]); </script>
<h1>Contact</h1>
<div class="row">
<div class="col-md-6">
<p>
Want to get in touch?
<ul>
<li>{{#link-to 'phone'}}Phone{{/link-to}}</li>
<li>{{#link-to 'email'}}Email{{/link-to}}</li>
</ul>
</p>
</div>
<div class="col-md-6">
{{outlet}}
</div>
</div> 
