Best Plugins For JetBrains IDEs
Discover language-agnostic and -dependent plugins for IntelliJ IDEA that may be a great help in your daily fight with tasks that will make your work easier.
When you build ASP.NET Core applications and you plan on running your applications on IIS you'll find that the way that Core applications work in IIS is radically different than in previous versions of ASP.NET.
It’s a library. And therefore you can attach any javascript library of your choice as add-ons
State Management is more flexible
JSX syntax blends well together with javascript
Faster learning curve
Modern Web Development is challenging and the way we develop web apps are now different than before
You can reuse components effortlessly because they’re all just pure functions
The Web grows every day. Tools, approaches, and styles change constantly, and keeping up is a challenge. We've compiled the best insights from subject matter experts for you in one place, so you can dive deep into the latest of what's happening in web development.
وب اپ‌های پراگرسیو Progressive Web Apps از قابلیت‌های وبِ مدرن استفاده می‌کند تا یک تجربه اپ(موبایل)مانندی را برای کاربر فراهم کند . PWA ها آخرین ترند توسعه اپ موبایل با استفاده از تکنولوژی‌های وب است. که هم اکنون (در زمان نوشتن این نوشته) فقط روی دستگاه‌های اندرویدی پشتیبانی می‌شوند.
نمی‌تونید لیست روتینگ‌ها رو در زمان اجرا و پس از start دستکاری کنید (اینطوری طراحی شده). در مورد کار با ساب دومین مطلب در سایت هست: آموزش ساخت و کار با subdomain در حالت لوکال هاست
ضمنا میشه یک برنامه‌ی asp.net رو در app domainهای جداگانه‌ای اجرا کرد (با تنظیمات مسیریابی جدا و مخصوص هر کدام). برای اینکار فقط کافی هست که یک application pool جداگانه به ازای هر مشتری درست کنید.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>newTitle ...</title>
<base href="/">
<meta name="description" content="Angular meta service">
<meta name="author" content="DNT">
<meta name="keywords" content="Angular, Meta Service">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@my_site">
<meta name="twitter:title" content="Front-end Web Development">
<meta name="twitter:description" content="Learn frontend web development...">
<meta name="twitter:image" content="https://site/images/image.png">
<meta name="author" content="Other Author">
</head> import { Component, OnInit } from "@angular/core";
import { Meta, Title } from "@angular/platform-browser";
@Component({
selector: "app-seo-tests",
templateUrl: "./seo-tests.component.html",
styleUrls: ["./seo-tests.component.css"]
})
export class SeoTestsComponent implements OnInit {
constructor(private metaService: Meta, private titleService: Title) {
} // addTag & addTags
this.metaService.addTag({ name: "description", content: "How to optimize your Angular App for search engine and other crawlers." });
this.metaService.addTag({ name: "author", content: "DNT" });
this.metaService.addTag({ name: "keywords", content: "Angular, Meta Service" });
// Or
this.metaService.addTags([
{ name: "description", content: "How to optimize your Angular App for search engine and other crawlers." },
{ name: "author", content: "DNT" },
{ name: "keywords", content: "Angular, Meta Service" }
], false); // --> forceCreation = false
this.metaService.addTag({ name: "twitter:card", content: "summary_large_image" });
this.metaService.addTag({ name: "twitter:site", content: "@my_site" });
this.metaService.addTag({ name: "twitter:title", content: "Front-end Web Development" });
this.metaService.addTag({ name: "twitter:description", content: "Learn frontend web development..." });
this.metaService.addTag({ name: "twitter:image", content: "https://site/images/image.png" });
// Or
this.metaService.addTags([
{ name: "twitter:card", content: "summary_large_image" },
{ name: "twitter:site", content: "@my_site" },
], false); // --> forceCreation = false // getTag & getTags
const viewport = this.metaService.getTag("name=viewport");
if (viewport) {
console.log(viewport.content); // width=device-width, initial-scale=1
}
const author = this.metaService.getTag("name=author");
if (author) {
console.log(author.content); // DNT
}
this.metaService.addTag({ name: "author", content: "DNT" });
this.metaService.addTag({ name: "author", content: "Other Author" }, true);
const authors = this.metaService.getTags("name=author");
console.log(authors[0]); // <meta name="author" content="DNT">
console.log(authors[1]); // <meta name="author" content="Other Author"> // updateTag
this.metaService.addTag({ name: "twitter:card", content: "summary_large_image" });
this.metaService.updateTag({ name: "twitter:card", content: "summary" }, `name='twitter:card'`);
this.metaService.updateTag({ name: "description", content: "Angular meta service" }); // removeTag & removeTagElement
this.metaService.removeTag("charset");
// Or
const chartsetTag = this.metaService.getTag("charset");
if (chartsetTag) {
this.metaService.removeTagElement(chartsetTag);
} // Setting the browser page Title in an Angular app
const currentTitle = this.titleService.getTitle();
console.log(currentTitle);
this.titleService.setTitle("newTitle ..."); const routes: Routes = [
{
path: "seo", component: SeoTestsComponent,
data: {
title: "Page Title",
metaTags: {
description: "Page Description or some content here",
keywords: "some, keywords, here, separated, by, a comma"
}
}
}
]; import { Injectable } from "@angular/core";
import { Title, Meta } from "@angular/platform-browser";
import { Router, NavigationEnd, ActivatedRouteSnapshot } from "@angular/router";
@Injectable()
export class SeoService {
constructor(private titleService: Title, private metaService: Meta, private router: Router) { }
enableSeo() {
this.router.events
.filter(event => event instanceof NavigationEnd)
.distinctUntilChanged()
.subscribe(() => {
this.addMetaData(this.router.routerState.snapshot.root);
});
}
private addMetaData(root: ActivatedRouteSnapshot): void {
if (root.children && root.children.length) {
this.addMetaData(root.children[0]);
} else if (root.data) {
this.setTitle(root.data);
this.setMetaTags(root.data);
}
}
private setMetaTags(routeData: { [name: string]: any; }) {
const routeDataMetaTagsKey = "metaTags";
const metaTags = routeData[routeDataMetaTagsKey];
if (!metaTags) { return; }
for (const tag in metaTags) {
if (metaTags.hasOwnProperty(tag)) {
const newTag = { name: tag, content: metaTags[tag] };
console.log("new tag", newTag);
this.metaService.addTag(newTag);
}
}
}
private setTitle(routeData: { [name: string]: any; }) {
const routeDataTitleKey = "title";
const title = routeData[routeDataTitleKey];
if (title) {
console.log("new title", title);
this.titleService.setTitle(title);
}
}
} this.router.events
.filter(event => event instanceof NavigationEnd)
.distinctUntilChanged()
.subscribe(() => {
this.addMetaData(this.router.routerState.snapshot.root);
}); import { SeoService } from "./seo-service";
@NgModule({
providers: [
SeoService
]
})
export class CoreModule {} import { SeoService } from "./core/seo-service";
export class AppComponent {
constructor(private seoService: SeoService) {
this.seoService.enableSeo();
}
}