ุชู… ุงู„ุญู„: ุฅุฌุฑุงุกุงุช ุฎุฑูŠุทุฉ vuejs typescript

Vue.js ูˆ TypeScript ู‡ู…ุง ุฃุฏุงุชุงู† ู‚ูˆูŠุชุงู† ููŠ ุนุงู„ู… ุงู„ุจุฑู…ุฌุฉ ูŠู…ูƒู†ู‡ู…ุง ุชุจุณูŠุท ูˆุชุจุณูŠุท ุชุทูˆูŠุฑ ุชุทุจูŠู‚ุงุช ุงู„ูˆูŠุจ ุฅู„ู‰ ุญุฏ ูƒุจูŠุฑ. ุฅุฌุฑุงุกุงุช ุฑุณู… ุงู„ุฎุฑุงุฆุท ููŠ Vue.js ู‚ุฏ ูŠูƒูˆู† ุงุณุชุฎุฏุงู… TypeScript ู…ู‡ู…ุฉ ุตุนุจุฉ ููŠ ุจุนุถ ุงู„ุฃุญูŠุงู†ุŒ ูˆู„ูƒู† ูู‡ู… ุงู„ู…ูุงู‡ูŠู… ุงู„ุฃุณุงุณูŠุฉ ูˆุงุชุจุงุน ุงู„ุฅุฌุฑุงุกุงุช ุงู„ุตุญูŠุญุฉ ูŠู…ูƒู† ุฃู† ูŠุฌุนู„ ุงู„ุนู…ู„ูŠุฉ ุฃูƒุซุฑ ุณู„ุงุณุฉ.

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: htmlWebpackPlugin.options.title

HTMLWebpackPlugin ู‡ูŠ ุฃุฏุงุฉ ู‚ูˆูŠุฉ ุชุนู…ู„ ุนู„ู‰ ุชุจุณูŠุท ุนู…ู„ูŠุฉ ุฅู†ุดุงุก ู…ู„ูุงุช HTML ุจุดูƒู„ ูƒุจูŠุฑ ู„ุฎุฏู…ุฉ ุญุฒู… ุงู„ูˆูŠุจ ุงู„ุฎุงุตุฉ ุจูƒ. ูŠูˆูุฑ ู‡ุฐุง ุงู„ุจุฑู†ุงู…ุฌ ุงู„ุฅุถุงููŠ ุงู„ุนู…ู„ูŠ ู„ู„ู…ุทูˆุฑูŠู† ู…ุฌู…ูˆุนุฉ ู…ุชู†ูˆุนุฉ ู…ู† ุงู„ุฎูŠุงุฑุงุช ู„ุฌุนู„ ุงู„ูƒูˆุฏ ุงู„ุฎุงุต ุจู†ุง ุฃูƒุซุฑ ูƒูุงุกุฉ ูˆุฏูŠู†ุงู…ูŠูƒูŠุฉ. ุฃุญุฏ ู‡ุฐู‡ ุงู„ุฎูŠุงุฑุงุช ู‡ูˆ ุฎูŠุงุฑ `htmlWebpackPlugin.options.title`ุŒ ูˆุงู„ุฐูŠ ูŠุณู…ุญ ู„ู†ุง ุจุชุนูŠูŠู† ุนู†ูˆุงู† ู…ู„ู HTML.

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: ุญุฐู ุงู„ุชุฎุฒูŠู† ุงู„ู…ุญู„ูŠ

ููŠ ุงู„ุนุงู„ู… ุงู„ุฑู‚ู…ูŠ ุงู„ุญุฏูŠุซุŒ ุญูŠุซ ุชุนุฏ ุชุทุจูŠู‚ุงุช ุงู„ูˆูŠุจ ุฌุฒุกู‹ุง ู…ู† ุญูŠุงุชู†ุง ุงู„ูŠูˆู…ูŠุฉุŒ ูŠุชุถู…ู† ุฏูˆุฑ ุงู„ู…ุทูˆุฑ ุชู†ุธูŠู… ุงู„ุจูŠุงู†ุงุช ูˆุชุฎุฒูŠู†ู‡ุง ูˆุฅุฏุงุฑุชู‡ุง ุจูƒูุงุกุฉ. ุฃุญุฏ ุงู„ู…ูุงู‡ูŠู… ุงู„ุฃุณุงุณูŠุฉ ููŠ ุงู„ุชุนุงู…ู„ ู…ุน ุงู„ุจูŠุงู†ุงุช ู‡ูˆ **ุงู„ุชุฎุฒูŠู† ุงู„ู…ุญู„ูŠ**. ุณูˆู ุชุชุนู…ู‚ ู‡ุฐู‡ ุงู„ู…ู‚ุงู„ุฉ ููŠ ูƒูŠููŠุฉ ุญุฐู ุงู„ุจูŠุงู†ุงุช ู…ู† ุงู„ุชุฎุฒูŠู† ุงู„ู…ุญู„ูŠ ุจุงุณุชุฎุฏุงู… ุฌุงูุง ุณูƒุฑูŠุจุชุŒ ูˆูุญุต ุชู†ููŠุฐ ุงู„ุชุนู„ูŠู…ุงุช ุงู„ุจุฑู…ุฌูŠุฉ ุฎุทูˆุฉ ุจุฎุทูˆุฉุŒ ูˆู…ู†ุงู‚ุดุฉ ุจุนุถ ุงู„ู…ูƒุชุจุงุช ูˆุงู„ูˆุธุงุฆู ุงู„ู…ุฑุชุจุทุฉ ุจู‡ุฐู‡ ุงู„ุนู…ู„ูŠุฉ.

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: ู…ุดุงู‡ุฏุฉ ุงู„ู…ู„ูƒูŠุฉ ุงู„ุนู…ูŠู‚ุฉ

ู‚ุฏ ุชุจุฏูˆ ุฎุงุตูŠุฉ ุงู„ู…ุดุงู‡ุฏุฉ ุงู„ุนู…ูŠู‚ุฉ ู…ูู‡ูˆู…ู‹ุง ู…ุนู‚ุฏู‹ุงุŒ ูˆู„ูƒู†ู‡ุง ุฌุฒุก ุฃุณุงุณูŠ ู…ู† ูู‡ู… ุณู„ูˆูƒ ูƒุงุฆู† JavaScript. ููŠ ุงู„ุฃุณุงุณุŒ ูŠูุชุฑุถ ุฃู† ุฎุตุงุฆุต ุงู„ูƒุงุฆู† ูŠู…ูƒู† ุฃู† ุชุญุชูˆูŠ ุนู„ู‰ ูƒุงุฆู†ุงุช ุฃุฎุฑู‰. ุนู„ู‰ ูˆุฌู‡ ุงู„ุชุญุฏูŠุฏุŒ ููŠ ุงู„ุจุฑู…ุฌุฉ ุงู„ู…ุณุชู†ุฏุฉ ุฅู„ู‰ ุงู„ุจูŠุงู†ุงุช/ุงู„ูƒุงุฆู†ุงุชุŒ ู‡ู†ุงูƒ ุญุงุฌุฉ ู‡ุงุฆู„ุฉ ู„ู…ุดุงู‡ุฏุฉ ุฃูˆ ู…ู„ุงุญุธุฉ ุฃูˆ ุชุชุจุน ุงู„ุชุบูŠูŠุฑุงุช ููŠ ูƒุงุฆู† ู…ุชุฏุงุฎู„ ุฃูˆ ู…ุตููˆูุฉ. ู„ู‡ุฐุงุŒ ู†ุญู† ู†ุฑุงู‚ุจ ุงู„ุฎุตุงุฆุต ุจุนู…ู‚.

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: ู„ู„ุญู„ู‚ุฉ

ูŠุณุนุฏู†ูŠ ุงู„ุงู…ุชุซุงู„ ูˆู„ูƒู† ูŠุฑุฌู‰ ู…ู„ุงุญุธุฉ ุฃู†ู‡ ุจุงุนุชุจุงุฑูŠ ู†ู…ูˆุฐุฌู‹ุง ู„ู„ุฐูƒุงุก ุงู„ุงุตุทู†ุงุนูŠุŒ ู„ุง ูŠู…ูƒู†ู†ูŠ ุฏู…ุฌ ุนู„ุงู…ุงุช HTML ุจุงู„ุทุฑูŠู‚ุฉ ุงู„ุชูŠ ุชุนู…ู„ ุจู‡ุง ุนู„ู‰ ู…ูˆู‚ุน ุงู„ูˆูŠุจ. ูˆู„ูƒู† ู„ุบุฑุถ ุงู„ูˆุซูŠู‚ุฉุŒ ุณุฃูƒุชุจู‡ุง.

ุชุนุชุจุฑ For Loop ู…ูู‡ูˆู…ู‹ุง ุฃุณุงุณูŠู‹ุง ููŠ JavaScriptุŒ ูˆู‡ูŠ ุฃุฏุงุฉ ุจุฑู…ุฌุฉ ู‚ูˆูŠุฉ ูŠุฌุจ ุนู„ู‰ ูƒู„ ู…ุทูˆุฑ ุฃู† ูŠุนุชุงุฏ ุนู„ูŠู‡ุง. ูŠุณู…ุญ ุจุชู†ููŠุฐ ุงู„ุชุนู„ูŠู…ุงุช ุงู„ุจุฑู…ุฌูŠุฉ ุจุดูƒู„ ู…ุชูƒุฑุฑ ุจู†ุงุกู‹ ุนู„ู‰ ุดุฑุท ู…ุนูŠู†. ู‚ุฏ ูŠุจุฏูˆ ู‡ุฐุง ุจุณูŠุทู‹ุงุŒ ู„ูƒู† ุงู„ูู‡ู… ุงู„ุฌูŠุฏ ู„ูƒูŠููŠุฉ ุงู„ุชุนุงู…ู„ ู…ุน ุงู„ุญู„ู‚ุงุช ูŠู…ูƒู† ุฃู† ูŠุญุฏุซ ูุฑู‚ู‹ุง ูƒุจูŠุฑู‹ุง ููŠ ู‚ุฏุฑุชูƒ ุนู„ู‰ ุงู„ุจุฑู…ุฌุฉ.

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: ุงู‚ุชุทุงุน ุงู„ู†ุต

ุงู‚ุชุทุงุน ุงู„ู†ุต ู‡ูŠ ู…ู‡ู…ุฉ ุดุงุฆุนุฉ ููŠ ุชุทูˆูŠุฑ ุงู„ูˆูŠุจุŒ ุฎุงุตุฉ ุนู†ุฏ ุงู„ุชุนุงู…ู„ ู…ุน ู…ุญุชูˆู‰ ู†ุตูŠ ุทูˆูŠู„ ูŠุฌุจ ุฃู† ูŠุชู†ุงุณุจ ู…ุน ุญุฏูˆุฏ ุนุฑุถ ู…ุนูŠู†ุฉ ุฏูˆู† ุฒูŠุงุฏุฉ ุงู„ุชุญู…ูŠู„ ุนู„ู‰ ุงู„ุนุฑุถ. ูŠุญุฏุซ ู‡ุฐุง ุนุงุฏุฉู‹ ููŠ ุณูŠู†ุงุฑูŠูˆู‡ุงุช ู…ุซู„ ู…ูˆุฌุฒุงุช ุงู„ุฃุฎุจุงุฑ ุฃูˆ ู…ุนุงูŠู†ุงุช ุงู„ู†ุต ุฃูˆ ููŠ ุงู„ูˆุงู‚ุน ููŠ ุฃูŠ ู…ูƒุงู† ู‚ุฏ ุชุฎุชุงุฑ ููŠู‡ ู…ูŠุฒุฉ ุงู„ูƒุชุงุจุฉ "ู‚ุฑุงุกุฉ ุงู„ู…ุฒูŠุฏ".

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: ุงู„ุงุฎุชุตุงุฑ

ุฌุงูุง ุณูƒุฑูŠุจุช ุงู„ุชุฑู…ูŠุฒ ุงู„ู…ุฎุชุตุฑ ู„ุฏูŠู‡ ุงู„ู‚ุฏุฑุฉ ุนู„ู‰ ุฑูุน ู…ุณุชูˆู‰ ุฎุจุฑุชูƒ ููŠ ุงู„ุจุฑู…ุฌุฉ ูˆุชู‚ุฏูŠู… ุญู„ูˆู„ ูุนุงู„ุฉ. ู„ุง ุชู‚ุชุตุฑ ู‡ุฐู‡ ุงู„ุชู‚ู†ูŠุฉ ุนู„ู‰ ูƒุชุงุจุฉ ุชุนู„ูŠู…ุงุช ุจุฑู…ุฌูŠุฉ ุฃู‚ู„ ูุญุณุจุŒ ุจู„ ุชุชุนู„ู‚ ุจุชุญุณูŠู† ุงู„ุชุนู„ูŠู…ุงุช ุงู„ุจุฑู…ุฌูŠุฉ ุงู„ุฎุงุตุฉ ุจูƒ ูˆุชุญุณูŠู† ุฅู…ูƒุงู†ูŠุฉ ุงู„ู‚ุฑุงุกุฉ ู…ุน ุงู„ุญูุงุธ ุฃูŠุถู‹ุง ุนู„ู‰ ุงู„ุฃุฏุงุก ุงู„ุนุงู„ูŠ.

ูŠุนุฏ ุงู„ุชุฑู…ูŠุฒ ุงู„ู…ุฎุชุตุฑ ู…ู…ุงุฑุณุฉ ูŠุฌุจ ุนู„ู‰ ุฌู…ูŠุน ุงู„ู…ุทูˆุฑูŠู† ุฃุฎุฐู‡ุง ุจุนูŠู† ุงู„ุงุนุชุจุงุฑ. ูู‡ูˆ ู„ุง ูŠุฒูŠุฏ ู…ู† ุณุฑุนุฉ ูƒุชุงุจุฉ ุงู„ุชุนู„ูŠู…ุงุช ุงู„ุจุฑู…ุฌูŠุฉ ูุญุณุจุŒ ุจู„ ูŠู‚ู„ู„ ุฃูŠุถู‹ุง ู…ู† ูุฑุตุฉ ุงุฑุชูƒุงุจ ุงู„ุฃุฎุทุงุก ู†ุธุฑู‹ุง ู„ุฃู† ู„ุฏูŠูƒ ุนุฏุฏู‹ุง ุฃู‚ู„ ู…ู† ุงู„ุฃุณุทุฑ ุงู„ุชูŠ ูŠุฌุจ ู…ุฑุงุฌุนุชู‡ุง. ู‡ู†ุงูƒ ุนุฏุฉ ุทุฑู‚ ู„ุชู†ููŠุฐ ุฐู„ูƒุŒ ูˆู„ูƒู† ูŠุฌุจ ุนู„ูŠูƒ ุงู„ุชุฑูƒูŠุฒ ุจุดูƒู„ ุฎุงุต ุนู„ู‰ ุงู„ุทุฑู‚ ุงู„ุฃูƒุซุฑ ุดูŠูˆุนู‹ุง ูˆูุนุงู„ูŠุฉ. ุงู„ููˆุงุฆุฏ ูˆุงุถุญุฉ. ุชู‚ู„ูŠู„ ูƒู…ูŠุฉ ุงู„ุชุนู„ูŠู…ุงุช ุงู„ุจุฑู…ุฌูŠุฉุŒ ูˆุชู‚ู„ูŠู„ ุงุญุชู…ุงู„ูŠุฉ ุงู„ุฃุฎุทุงุกุŒ ูˆุชุญุณูŠู† ุฅู…ูƒุงู†ูŠุฉ ุงู„ู‚ุฑุงุกุฉ ูˆุชุนุฒูŠุฒ ุงู„ุฃุฏุงุก.

// Longhand
let a;
if (b) {
  a = c;
} else {
  a = d;
}

// Shorthand
let a = b ? c : d;

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุญู„: ุฑุฏ ูุนู„ ุฃูˆ

-
ุจุงู„ุชุฃูƒูŠุฏ! ู‡ุฐู‡ ุจุฏุงูŠุฉ ู„ู…ู‚ุงู„ุฉ JavaScript ุงู„ู…ุณุชู†ุฏุฉ ุฅู„ู‰ React.

ูŠุนุฏ ูู‡ู… ุทุฑูŠู‚ุฉ ุงู„ุนู…ู„ ุงู„ุฏุงุฎู„ูŠุฉ ู„ู€ React ุฃู…ุฑู‹ุง ุจุงู„ุบ ุงู„ุฃู‡ู…ูŠุฉ ู„ุฃูŠ ุดุฎุต ูŠุนู…ู„ ู…ุน ู…ูƒุชุจุฉ JavaScript ู‡ุฐู‡ ุนู„ู‰ ู†ุทุงู‚ ูˆุงุณุน. React ู‡ูŠ ู…ูƒุชุจุฉ JavaScript ู…ูุชูˆุญุฉ ุงู„ู…ุตุฏุฑ ูˆูˆุงุฌู‡ุฉ ุฃู…ุงู…ูŠุฉ ุชูุณุชุฎุฏู… ููŠ ุชุตู…ูŠู… ูˆุงุฌู‡ุงุช ุงู„ู…ุณุชุฎุฏู… ู„ู„ุชุทุจูŠู‚ุงุช ุฐุงุช ุงู„ุตูุญุฉ ุงู„ูˆุงุญุฏุฉ. ุฅู†ู‡ุง ุทุจู‚ุฉ ุงู„ุนุฑุถ ููŠ ู†ู…ูˆุฐุฌ MVC (Model-View-Controller).

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: ุฅุถุงูุฉ ุฎุท ุฑุงุฆุน ุฅู„ู‰

ุงู„ุฎุท ุฑุงุฆุน ู‡ูŠ ุฃุฏุงุฉ ู…ููŠุฏุฉ ุจุดูƒู„ ู„ุง ูŠุตุฏู‚ ุนู†ุฏ ุชุทูˆูŠุฑ ู…ูˆู‚ุน ุนู„ู‰ ุดุจูƒุฉ ุงู„ุฅู†ุชุฑู†ุช. ุฅู†ู‡ุง ู…ูƒุชุจุฉ ูˆุงุณุนุฉ ู…ู† ุฃูŠู‚ูˆู†ุงุช ุงู„ู…ุชุฌู‡ุงุช ุงู„ู‚ุงุจู„ุฉ ู„ู„ุชุทูˆูŠุฑ ูˆุงู„ุชูŠ ุชุชูŠุญ ู„ู„ู…ุทูˆุฑูŠู† ุชุฎุตูŠุต ุฌู…ุงู„ูŠุงุช ุฃูŠ ุตูุญุฉ ูˆูŠุจ ูˆุชุญุณูŠู†ู‡ุง. ุฅู† ุฅุถุงูุชู‡ ุฅู„ู‰ ู…ุดุฑูˆุน JavaScript ู„ุง ูŠู…ูƒู‘ู†ูƒ ู…ู† ุฌุนู„ ู…ูˆู‚ุนูƒ ุฃูƒุซุฑ ุฌุงุฐุจูŠุฉ ู…ู† ุงู„ู†ุงุญูŠุฉ ุงู„ู…ุฑุฆูŠุฉ ูุญุณุจุŒ ุจู„ ูŠุณู…ุญ ุฃูŠุถู‹ุง ุจุฒูŠุงุฏุฉ ุงู„ูˆุธุงุฆู ุงู„ุชูุงุนู„ูŠุฉ. ุณุชุฑุดุฏูƒ ู‡ุฐู‡ ุงู„ู…ู‚ุงู„ุฉ ุฎู„ุงู„ ุนู…ู„ูŠุฉ ุฏู…ุฌ Font Awesome ููŠ ู…ุดุฑูˆุน JavaScript ุงู„ุฎุงุต ุจูƒ.

ุชูุงุตูŠู„ ุฃูƒุซุฑ