ฮ›ฯฮธฮทฮบฮฑฮฝ: vuejs ฮณฯฮฑฯ†ฮฟฮผฮทฯ‡ฮฑฮฝฮญฯ‚ ฯ‡ฮฑฯฯ„ฮฟฮณฯฮฑฯ†ฮฎฯƒฮตฮนฯ‚

Vue.js ฮบฮฑฮน TypeScript ฮตฮฏฮฝฮฑฮน ฮดฯฮฟ ฮนฯƒฯ‡ฯ…ฯฮฌ ฮตฯฮณฮฑฮปฮตฮฏฮฑ ฯƒฯ„ฮฟฮฝ ฮบฯŒฯƒฮผฮฟ ฯ„ฮฟฯ… ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฮผฮฟฯ ฯ€ฮฟฯ… ฮผฯ€ฮฟฯฮฟฯฮฝ ฮฝฮฑ ฮฑฯ€ฮปฮฟฯ€ฮฟฮนฮฎฯƒฮฟฯ…ฮฝ ฮบฮฑฮน ฮฝฮฑ ฮตฮพฮฟฯฮธฮฟฮปฮฟฮณฮฏฯƒฮฟฯ…ฮฝ ฯƒฮทฮผฮฑฮฝฯ„ฮนฮบฮฌ ฯ„ฮทฮฝ ฮฑฮฝฮฌฯ€ฯ„ฯ…ฮพฮท ฮตฯ†ฮฑฯฮผฮฟฮณฯŽฮฝ ฮนฯƒฯ„ฮฟฯ. ฮ•ฮฝฮญฯฮณฮตฮนฮตฯ‚ ฯ‡ฮฑฯฯ„ฮฟฮณฯฮฌฯ†ฮทฯƒฮทฯ‚ ฯƒฮต Vue.js ฮผฮต ฯ„ฮฟ TypeScript ฮผฯ€ฮฟฯฮตฮฏ ฮผฮตฯฮนฮบฮญฯ‚ ฯ†ฮฟฯฮญฯ‚ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮผฮนฮฑ ฮดฯฯƒฮบฮฟฮปฮท ฮตฯฮณฮฑฯƒฮฏฮฑ, ฮฑฮปฮปฮฌ ฮท ฮบฮฑฯ„ฮฑฮฝฯŒฮทฯƒฮท ฯ„ฯ‰ฮฝ ฯ…ฯ€ฮฟฮบฮตฮฏฮผฮตฮฝฯ‰ฮฝ ฮตฮฝฮฝฮฟฮนฯŽฮฝ ฮบฮฑฮน ฮท ฯ„ฮฎฯฮทฯƒฮท ฯ„ฯ‰ฮฝ ฯƒฯ‰ฯƒฯ„ฯŽฮฝ ฮดฮนฮฑฮดฮนฮบฮฑฯƒฮนฯŽฮฝ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฯ„ฮทฮฝ ฮบฮฌฮฝฮตฮน ฮผฮนฮฑ ฯ€ฮฟฮปฯ ฯ€ฮนฮฟ ฮฟฮผฮฑฮปฮฎ ฮดฮนฮฑฮดฮนฮบฮฑฯƒฮฏฮฑ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: htmlWebpackPlugin.options.title

ฮคฮฟ HTMLWebpackPlugin ฮตฮฏฮฝฮฑฮน ฮญฮฝฮฑ ฮนฯƒฯ‡ฯ…ฯฯŒ ฮตฯฮณฮฑฮปฮตฮฏฮฟ ฯ€ฮฟฯ… ฮฑฯ€ฮปฮฟฯ€ฮฟฮนฮตฮฏ ฯƒฮทฮผฮฑฮฝฯ„ฮนฮบฮฌ ฯ„ฮท ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฏฮฑ ฮฑฯฯ‡ฮตฮฏฯ‰ฮฝ HTML ฮณฮนฮฑ ฯ„ฮทฮฝ ฮตฮพฯ…ฯ€ฮทฯฮญฯ„ฮทฯƒฮท ฯ„ฯ‰ฮฝ ฯ€ฮฑฮบฮญฯ„ฯ‰ฮฝ ฯ€ฮฑฮบฮญฯ„ฯ‰ฮฝ ฮนฯƒฯ„ฮฟฯ ฯƒฮฑฯ‚. ฮ‘ฯ…ฯ„ฮฎ ฮท ฯ€ฯฮฑฮบฯ„ฮนฮบฮฎ ฯ€ฯฮฟฯƒฮธฮฎฮบฮท ฯ€ฮฑฯฮญฯ‡ฮตฮน ฯƒฯ„ฮฟฯ…ฯ‚ ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮญฯ‚ ฮผฮนฮฑ ฯ€ฮฟฮนฮบฮนฮปฮฏฮฑ ฮตฯ€ฮนฮปฮฟฮณฯŽฮฝ ฮณฮนฮฑ ฮฝฮฑ ฮบฮฌฮฝฮฟฯ…ฮฝ ฯ„ฮฟฮฝ ฮบฯŽฮดฮนฮบฮฌ ฮผฮฑฯ‚ ฯ€ฮนฮฟ ฮฑฯ€ฮฟฯ„ฮตฮปฮตฯƒฮผฮฑฯ„ฮนฮบฯŒ ฮบฮฑฮน ฮดฯ…ฮฝฮฑฮผฮนฮบฯŒ. ฮœฮฏฮฑ ฮฑฯ€ฯŒ ฮฑฯ…ฯ„ฮญฯ‚ ฯ„ฮนฯ‚ ฮตฯ€ฮนฮปฮฟฮณฮญฯ‚ ฮตฮฏฮฝฮฑฮน ฮท ฮตฯ€ฮนฮปฮฟฮณฮฎ `htmlWebpackPlugin.options.title`, ฮท ฮฟฯ€ฮฟฮฏฮฑ ฮผฮฑฯ‚ ฮตฯ€ฮนฯ„ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮฟฯฮฏฯƒฮฟฯ…ฮผฮต ฯ„ฮฟฮฝ ฯ„ฮฏฯ„ฮปฮฟ ฯ„ฮฟฯ… ฮฑฯฯ‡ฮตฮฏฮฟฯ… HTML.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฮดฮนฮฑฮณฯฮฑฯ†ฮฎ ฯ„ฮฟฯ€ฮนฮบฮฟฯ ฯ‡ฯŽฯฮฟฯ… ฮฑฯ€ฮฟฮธฮฎฮบฮตฯ…ฯƒฮทฯ‚

ฮฃฯ„ฮฟฮฝ ฯƒฯฮณฯ‡ฯฮฟฮฝฮฟ ฯˆฮทฯ†ฮนฮฑฮบฯŒ ฮบฯŒฯƒฮผฮฟ, ฯŒฯ€ฮฟฯ… ฮฟฮน ฮตฯ†ฮฑฯฮผฮฟฮณฮญฯ‚ ฮ™ฯƒฯ„ฮฟฯ ฮฑฯ€ฮฟฯ„ฮตฮปฮฟฯฮฝ ฮผฮญฯฮฟฯ‚ ฯ„ฮทฯ‚ ฮบฮฑฮธฮทฮผฮตฯฮนฮฝฯŒฯ„ฮทฯ„ฮฌฯ‚ ฮผฮฑฯ‚, ฮฟ ฯฯŒฮปฮฟฯ‚ ฮตฮฝฯŒฯ‚ ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮฎ ฯ€ฮตฯฮนฮปฮฑฮผฮฒฮฌฮฝฮตฮน ฯ„ฮทฮฝ ฮฑฯ€ฮฟฯ„ฮตฮปฮตฯƒฮผฮฑฯ„ฮนฮบฮฎ ฮฟฯฮณฮฌฮฝฯ‰ฯƒฮท, ฮฑฯ€ฮฟฮธฮฎฮบฮตฯ…ฯƒฮท ฮบฮฑฮน ฮดฮนฮฑฯ‡ฮตฮฏฯฮนฯƒฮท ฮดฮตฮดฮฟฮผฮญฮฝฯ‰ฮฝ. ฮœฮนฮฑ ฮธฮตฮผฮตฮปฮนฯŽฮดฮทฯ‚ ฮญฮฝฮฝฮฟฮนฮฑ ฯƒฯ„ฮทฮฝ ฮฑฮฝฯ„ฮนฮผฮตฯ„ฯŽฯ€ฮนฯƒฮท ฮดฮตฮดฮฟฮผฮญฮฝฯ‰ฮฝ ฮตฮฏฮฝฮฑฮน ฮท **ฯ„ฮฟฯ€ฮนฮบฮฎ ฮฑฯ€ฮฟฮธฮฎฮบฮตฯ…ฯƒฮท**. ฮ‘ฯ…ฯ„ฯŒ ฯ„ฮฟ ฮฌฯฮธฯฮฟ ฮธฮฑ ฮตฮผฮฒฮฑฮธฯฮฝฮตฮน ฯƒฯ„ฮฟฮฝ ฯ„ฯฯŒฯ€ฮฟ ฮดฮนฮฑฮณฯฮฑฯ†ฮฎฯ‚ ฮดฮตฮดฮฟฮผฮญฮฝฯ‰ฮฝ ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฯ„ฮฟฯ€ฮนฮบฮฎ ฮฑฯ€ฮฟฮธฮฎฮบฮตฯ…ฯƒฮท ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฯŽฮฝฯ„ฮฑฯ‚ JavaScript, ฮตฮพฮตฯ„ฮฌฮถฮฟฮฝฯ„ฮฑฯ‚ ฯ„ฮทฮฝ ฮตฯ†ฮฑฯฮผฮฟฮณฮฎ ฯ„ฮฟฯ… ฮบฯŽฮดฮนฮบฮฑ ฮฒฮฎฮผฮฑ ฯ€ฯฮฟฯ‚ ฮฒฮฎฮผฮฑ ฮบฮฑฮน ฯƒฯ…ฮถฮทฯ„ฯŽฮฝฯ„ฮฑฯ‚ ฮฟฯฮนฯƒฮผฮญฮฝฮตฯ‚ ฮฒฮนฮฒฮปฮนฮฟฮธฮฎฮบฮตฯ‚ ฮบฮฑฮน ฮปฮตฮนฯ„ฮฟฯ…ฯฮณฮฏฮตฯ‚ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮฟฮฝฯ„ฮฑฮน ฮผฮต ฮฑฯ…ฯ„ฮฎฮฝ ฯ„ฮท ฮดฮนฮฑฮดฮนฮบฮฑฯƒฮฏฮฑ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ›ฯฮธฮทฮบฮต: ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฎฯƒฯ„ฮต ฮฒฮฑฮธฮนฮฌ ฮนฮดฮนฮฟฮบฯ„ฮทฯƒฮฏฮฑ

ฮ— ฮนฮดฮนฯŒฯ„ฮทฯ„ฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯฮธฮทฯƒฮทฯ‚ ฯƒฮต ฮฒฮฌฮธฮฟฯ‚ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮฑฮบฮฟฯฮณฮตฯ„ฮฑฮน ฯƒฮฑฮฝ ฮผฮนฮฑ ฯ€ฮตฯฮฏฯ€ฮปฮฟฮบฮท ฮญฮฝฮฝฮฟฮนฮฑ, ฮฑฮปฮปฮฌ ฮฑฯ€ฮฟฯ„ฮตฮปฮตฮฏ ฮฟฯ…ฯƒฮนฮฑฯƒฯ„ฮนฮบฯŒ ฮผฮญฯฮฟฯ‚ ฯ„ฮทฯ‚ ฮบฮฑฯ„ฮฑฮฝฯŒฮทฯƒฮทฯ‚ ฯ„ฮทฯ‚ ฯƒฯ…ฮผฯ€ฮตฯฮนฯ†ฮฟฯฮฌฯ‚ ฮฑฮฝฯ„ฮนฮบฮตฮนฮผฮญฮฝฯ‰ฮฝ JavaScript. ฮŸฯ…ฯƒฮนฮฑฯƒฯ„ฮนฮบฮฌ, ฯ…ฯ€ฮฟฮธฮญฯ„ฮตฮน ฯŒฯ„ฮน ฮฟฮน ฮนฮดฮนฯŒฯ„ฮทฯ„ฮตฯ‚ ฮตฮฝฯŒฯ‚ ฮฑฮฝฯ„ฮนฮบฮตฮนฮผฮญฮฝฮฟฯ… ฮผฯ€ฮฟฯฮฟฯฮฝ ฮฝฮฑ ฯ€ฮตฯฮนฮญฯ‡ฮฟฯ…ฮฝ ฮฌฮปฮปฮฑ ฮฑฮฝฯ„ฮนฮบฮตฮฏฮผฮตฮฝฮฑ. ฮฃฯ…ฮณฮบฮตฮบฯฮนฮผฮญฮฝฮฑ, ฯƒฯ„ฮฟฮฝ ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฮผฯŒ ฯ€ฮฟฯ… ฮฒฮฑฯƒฮฏฮถฮตฯ„ฮฑฮน ฯƒฮต ฮดฮตฮดฮฟฮผฮญฮฝฮฑ/ฮฑฮฝฯ„ฮนฮบฮตฮฏฮผฮตฮฝฮฑ, ฯ…ฯ€ฮฌฯฯ‡ฮตฮน ฯ„ฮตฯฮฌฯƒฯ„ฮนฮฑ ฮฑฮฝฮฌฮณฮบฮท ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯฮธฮทฯƒฮทฯ‚, ฯ€ฮฑฯฮฑฯ„ฮฎฯฮทฯƒฮทฯ‚ ฮฎ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯฮธฮทฯƒฮทฯ‚ ฮฑฮปฮปฮฑฮณฯŽฮฝ ฯƒฮต ฮญฮฝฮฑ ฮญฮฝฮธฮตฯ„ฮฟ ฮฑฮฝฯ„ฮนฮบฮตฮฏฮผฮตฮฝฮฟ ฮฎ ฮผฮนฮฑ ฯƒฯ…ฯƒฯ„ฮฟฮนฯ‡ฮฏฮฑ. ฮ“ฮนฮฑ ฮฑฯ…ฯ„ฯŒ, ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฟฯฮผฮต ฮฒฮฑฮธฮนฮฌ ฯ„ฮฑ ฮฑฮบฮฏฮฝฮทฯ„ฮฑ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ›ฯฮธฮทฮบฮต: ฮ“ฮนฮฑ ฮฒฯฯŒฯ‡ฮฟ

ฮ•ฮฏฮผฮฑฮน ฯƒฯ„ฮทฮฝ ฮตฯ…ฯ‡ฮฌฯฮนฯƒฯ„ฮท ฮธฮญฯƒฮท ฮฝฮฑ ฯƒฯ…ฮผฮผฮฟฯฯ†ฯ‰ฮธฯŽ, ฮฑฮปฮปฮฌ ฯƒฮทฮผฮตฮนฯŽฯƒฯ„ฮต ฯŒฯ„ฮน ฯ‰ฯ‚ ฮผฮฟฮฝฯ„ฮญฮปฮฟ ฯ„ฮตฯ‡ฮฝฮทฯ„ฮฎฯ‚ ฮฝฮฟฮทฮผฮฟฯƒฯฮฝฮทฯ‚, ฮดฮตฮฝ ฮผฯ€ฮฟฯฯŽ ฮฝฮฑ ฮตฮฝฯƒฯ‰ฮผฮฑฯ„ฯŽฯƒฯ‰ ฮตฯ„ฮนฮบฮญฯ„ฮตฯ‚ HTML ฮผฮต ฯ„ฯฯŒฯ€ฮฟ ฯ€ฮฟฯ… ฮปฮตฮนฯ„ฮฟฯ…ฯฮณฮฟฯฮฝ ฯƒฮต ฮญฮฝฮฑฮฝ ฮนฯƒฯ„ฯŒฯ„ฮฟฯ€ฮฟ. ฮ‘ฮปฮปฮฌ ฮณฮนฮฑ ฯ„ฮฟฯ…ฯ‚ ฯƒฮบฮฟฯ€ฮฟฯฯ‚ ฯ„ฮฟฯ… ฮตฮณฮณฯฮฌฯ†ฮฟฯ…, ฮธฮฑ ฯ„ฮฑ ฮณฯฮฌฯˆฯ‰.

ฮคฮฟ For loop, ฮผฮนฮฑ ฮธฮตฮผฮตฮปฮนฯŽฮดฮทฯ‚ ฮนฮดฮญฮฑ ฯ„ฮทฯ‚ JavaScript, ฮตฮฏฮฝฮฑฮน ฮญฮฝฮฑ ฮนฯƒฯ‡ฯ…ฯฯŒ ฮตฯฮณฮฑฮปฮตฮฏฮฟ ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฮผฮฟฯ ฮผฮต ฯ„ฮฟ ฮฟฯ€ฮฟฮฏฮฟ ฮบฮฌฮธฮต ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮฎฯ‚ ฯ‡ฯฮตฮนฮฌฮถฮตฯ„ฮฑฮน ฮฝฮฑ ฮฑฮนฯƒฮธฮฌฮฝฮตฯ„ฮฑฮน ฮฌฮฝฮตฯ„ฮฑ. ฮ•ฯ€ฮนฯ„ฯฮญฯ€ฮตฮน ฯ„ฮฟฮฝ ฮบฯŽฮดฮนฮบฮฑ ฮฝฮฑ ฮตฮบฯ„ฮตฮปฮตฮฏฯ„ฮฑฮน ฮตฯ€ฮฑฮฝฮตฮนฮปฮทฮผฮผฮญฮฝฮฑ ฮผฮต ฮฒฮฌฯƒฮท ฮผฮนฮฑ ฮดฮตฮดฮฟฮผฮญฮฝฮท ฯƒฯ…ฮฝฮธฮฎฮบฮท. ฮ‘ฯ…ฯ„ฯŒ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฯ†ฮฑฮฏฮฝฮตฯ„ฮฑฮน ฮฑฯ€ฮปฯŒ, ฮฑฮปฮปฮฌ ฮท ฮบฮฑฮปฮฎ ฮบฮฑฯ„ฮฑฮฝฯŒฮทฯƒฮท ฯ„ฮฟฯ… ฯ„ฯฯŒฯ€ฮฟฯ… ฯ‡ฮตฮนฯฮนฯƒฮผฮฟฯ ฯ„ฯ‰ฮฝ ฮฒฯฯŒฯ‡ฯ‰ฮฝ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮบฮฌฮฝฮตฮน ฮผฮตฮณฮฌฮปฮท ฮดฮนฮฑฯ†ฮฟฯฮฌ ฯƒฯ„ฮทฮฝ ฮนฮบฮฑฮฝฯŒฯ„ฮทฯ„ฮฌ ฯƒฮฑฯ‚ ฮบฯ‰ฮดฮนฮบฮฟฯ€ฮฟฮฏฮทฯƒฮทฯ‚.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ›ฯฮธฮทฮบฮต: ฯ€ฮตฯฮนฮบฮฟฯ€ฮฎ ฮบฮตฮนฮผฮญฮฝฮฟฯ…

ฮ ฮตฯฮนฮบฮฟฯ€ฮฎ ฮบฮตฮนฮผฮญฮฝฮฟฯ… ฮตฮฏฮฝฮฑฮน ฮผฮนฮฑ ฮบฮฟฮนฮฝฮฎ ฮตฯฮณฮฑฯƒฮฏฮฑ ฯƒฯ„ฮทฮฝ ฮฑฮฝฮฌฯ€ฯ„ฯ…ฮพฮท ฮนฯƒฯ„ฮฟฯ, ฮตฮนฮดฮนฮบฮฌ ฯŒฯ„ฮฑฮฝ ฮญฯ‡ฮฟฯ…ฮผฮต ฮฝฮฑ ฮบฮฌฮฝฮฟฯ…ฮผฮต ฮผฮต ฮผฮฑฮบฯฮฟฯƒฮบฮตฮปฮญฯ‚ ฯ€ฮตฯฮนฮตฯ‡ฯŒฮผฮตฮฝฮฟ ฮบฮตฮนฮผฮญฮฝฮฟฯ… ฯ€ฮฟฯ… ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฯ‡ฯ‰ฯฮฌฮตฮน ฯƒฮต ฮฟฯฮนฯƒฮผฮญฮฝฮฑ ฯŒฯฮนฮฑ ฯ€ฮฑฯฮฟฯ…ฯƒฮฏฮฑฯƒฮทฯ‚ ฯ‡ฯ‰ฯฮฏฯ‚ ฮฝฮฑ ฯ…ฯ€ฮตฯฯ†ฮฟฯฯ„ฯŽฮฝฮตฮน ฯ„ฮทฮฝ ฯ€ฯฮฟฮฒฮฟฮปฮฎ. ฮ‘ฯ…ฯ„ฯŒ ฯƒฯ…ฮผฮฒฮฑฮฏฮฝฮตฮน ฯƒฯ…ฮฝฮฎฮธฯ‰ฯ‚ ฯƒฮต ฯƒฮตฮฝฮฌฯฮนฮฑ ฯŒฯ€ฯ‰ฯ‚ ฯฮฟฮญฯ‚ ฮตฮนฮดฮฎฯƒฮตฯ‰ฮฝ, ฯ€ฯฮฟฮตฯ€ฮนฯƒฮบฮฟฯ€ฮฎฯƒฮตฮนฯ‚ ฮบฮตฮนฮผฮญฮฝฮฟฯ… ฮฎ ฮฟฯ€ฮฟฯ…ฮดฮฎฯ€ฮฟฯ„ฮต ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฮตฯ€ฮนฮปฮญฮพฮตฯ„ฮต ฮผฮนฮฑ ฮปฮตฮนฯ„ฮฟฯ…ฯฮณฮฏฮฑ ฯ„ฯฯ€ฮฟฯ… ยซฮดฮนฮฑฮฒฮฌฯƒฯ„ฮต ฯ€ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑยป.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ›ฯฮธฮทฮบฮต: ฯƒฯ„ฮตฮฝฮฟฮณฯฮฑฯ†ฮฏฮฑ

ฮฃฯ…ฮฝฯ„ฮฟฮผฮฟฮณฯฮฑฯ†ฮฏฮฑ 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).

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ›ฯฮธฮทฮบฮต: ฯ€ฯฮฟฯƒฮธฮญฯƒฯ„ฮต ฯ†ฮฟฮฒฮตฯฮฎ ฮณฯฮฑฮผฮผฮฑฯ„ฮฟฯƒฮตฮนฯฮฌ

Font Awesome ฮตฮฏฮฝฮฑฮน ฮญฮฝฮฑ ฮฑฯ€ฮฏฯƒฯ„ฮตฯ…ฯ„ฮฑ ฯ‡ฯฮฎฯƒฮนฮผฮฟ ฮตฯฮณฮฑฮปฮตฮฏฮฟ ฮบฮฑฯ„ฮฌ ฯ„ฮทฮฝ ฮฑฮฝฮฌฯ€ฯ„ฯ…ฮพฮท ฮผฮนฮฑฯ‚ ฮนฯƒฯ„ฮฟฯƒฮตฮปฮฏฮดฮฑฯ‚. ฮ•ฮฏฮฝฮฑฮน ฮผฮนฮฑ ฯ„ฮตฯฮฌฯƒฯ„ฮนฮฑ ฮฒฮนฮฒฮปฮนฮฟฮธฮฎฮบฮท ฮผฮต ฮบฮปฮนฮผฮฑฮบฮฟฯฮผฮตฮฝฮฑ ฮดฮนฮฑฮฝฯ…ฯƒฮผฮฑฯ„ฮนฮบฮฌ ฮตฮนฮบฮฟฮฝฮฏฮดฮนฮฑ ฯ€ฮฟฯ… ฮตฯ€ฮนฯ„ฯฮญฯ€ฮตฮน ฯƒฯ„ฮฟฯ…ฯ‚ ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮญฯ‚ ฮฝฮฑ ฮตฮพฮฑฯ„ฮฟฮผฮนฮบฮตฯฮฟฯ…ฮฝ ฮบฮฑฮน ฮฝฮฑ ฮฒฮตฮปฯ„ฮนฯŽฮฝฮฟฯ…ฮฝ ฯ„ฮทฮฝ ฮฑฮนฯƒฮธฮทฯ„ฮนฮบฮฎ ฮฟฯ€ฮฟฮนฮฑฯƒฮดฮฎฯ€ฮฟฯ„ฮต ฮนฯƒฯ„ฮฟฯƒฮตฮปฮฏฮดฮฑฯ‚. ฮ— ฯ€ฯฮฟฯƒฮธฮฎฮบฮท ฯ„ฮฟฯ… ฯƒฮต ฮญฮฝฮฑ ฮญฯฮณฮฟ JavaScript ฯŒฯ‡ฮน ฮผฯŒฮฝฮฟ ฯƒฮฌฯ‚ ฮดฮฏฮฝฮตฮน ฯ„ฮท ฮดฯ…ฮฝฮฑฯ„ฯŒฯ„ฮทฯ„ฮฑ ฮฝฮฑ ฮบฮฌฮฝฮตฯ„ฮต ฯ„ฮฟฮฝ ฮนฯƒฯ„ฯŒฯ„ฮฟฯ€ฯŒ ฯƒฮฑฯ‚ ฯ€ฮนฮฟ ฮตฮปฮบฯ…ฯƒฯ„ฮนฮบฯŒ ฮฟฯ€ฯ„ฮนฮบฮฌ, ฮฑฮปฮปฮฌ ฮตฯ€ฮนฯ„ฯฮญฯ€ฮตฮน ฮตฯ€ฮฏฯƒฮทฯ‚ ฮฑฯ…ฮพฮทฮผฮญฮฝฮท ฮดฮนฮฑฮดฯฮฑฯƒฯ„ฮนฮบฮฎ ฮปฮตฮนฯ„ฮฟฯ…ฯฮณฮนฮบฯŒฯ„ฮทฯ„ฮฑ. ฮ‘ฯ…ฯ„ฯŒ ฯ„ฮฟ ฮฌฯฮธฯฮฟ ฮธฮฑ ฯƒฮฑฯ‚ ฮบฮฑฮธฮฟฮดฮทฮณฮฎฯƒฮตฮน ฯƒฯ„ฮท ฮดฮนฮฑฮดฮนฮบฮฑฯƒฮฏฮฑ ฮตฮฝฯƒฯ‰ฮผฮฌฯ„ฯ‰ฯƒฮทฯ‚ ฯ„ฮฟฯ… Font Awesome ฯƒฯ„ฮฟ ฮญฯฮณฮฟ ฯƒฮฑฯ‚ JavaScript.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ