ื ืคืชืจื”: ืกื•ื’ ื™ืœื“ื™ื

ื›ืฉื–ื” ืžื’ื™ืข ืœืืžื ื•ืช ื”ืœื‘ืฉืช ื™ืœื“ื™ื, ื™ืฉ ืฉืคืข ืฉืœ ืกื’ื ื•ื ื•ืช ื•ื˜ืจื ื“ื™ื ืฉื™ืฉ ืœืงื—ืช ื‘ื—ืฉื‘ื•ืŸ, ืžื” ืฉื”ื•ืคืš ืื•ืชื” ืœืžืฉื™ืžื” ืžื”ื ื” ื•ืžืขื•ืจืจืช. ื‘ืžืืžืจ ื–ื”, ื ื—ืงื•ืจ ื›ืžื” ืกื’ื ื•ื ื•ืช ืคื•ืคื•ืœืจื™ื™ื ืœื™ืœื“ื™ื, ื ืคืจื˜ ืืช ื”ื”ื™ืกื˜ื•ืจื™ื” ื•ื”ืžื•ืจืฉืช ืฉืžืื—ื•ืจื™ ื”ืกื’ื ื•ื ื•ืช ื”ืœืœื•, ื•ืืคื™ืœื• ื ืกืคืง ื›ืžื” ืขืฆื•ืช ืฉื™ืžื•ืฉื™ื•ืช ื›ื™ืฆื“ ืœืขืจื‘ื‘ ื•ืœื”ืชืื™ื ื‘ืฆื•ืจื” ื”ื˜ื•ื‘ื” ื‘ื™ื•ืชืจ ืคืจื™ื˜ื™ ืœื‘ื•ืฉ ืฉื•ื ื™ื ืœื’ื™ืžื•ืจ ืžืœื•ื˜ืฉ.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: ืžื™ื•ืŸ ืžืขืจืš ืื•ื‘ื™ื™ืงื˜ื™ื

ื‘ืขื•ืœื ื”ืชื›ื ื•ืช, ืžืฆื‘ ื ืคื•ืฅ ื”ื•ื ื”ืฆื•ืจืš ืœืžื™ื™ืŸ ืžืขืจืš ืฉืœ ืื•ื‘ื™ื™ืงื˜ื™ื. ื–ื” ื™ื›ื•ืœ ืœื”ื™ืจืื•ืช ืžืจืชื™ืข ื‘ื”ืชื—ืœื”, ื‘ืžื™ื•ื—ื“ ื‘ืฉืคื” ืžื•ืงืœื“ืช ืกื˜ื˜ื™ืช ื›ืžื• ื›ืชื‘ ื›ืชื™ื‘ื”. ืขื ื–ืืช, ืขื ื”ื’ื™ืฉื” ื”ื ื›ื•ื ื”, ืžื˜ืœื” ื–ื• ื™ื›ื•ืœื” ืœื”ืคื•ืš ืœืžืฉื™ืžื” ื ื™ืชื ืช ืœื ื™ื”ื•ืœ. ื–ื” ื”ืจื‘ื” ืžืขื‘ืจ ืœืžื™ื•ืŸ ืืœืคื‘ื™ืชื™ ืื• ืžืกืคืจื™; ืื ื• ืžืขืžื™ืงื™ื ื‘ืžื™ื•ืŸ ืœืคื™ ืžืืคื™ื™ื ื™ื ืกืคืฆื™ืคื™ื™ื ืื• ืžืืคื™ื™ื ื™ื ืžืจื•ื‘ื™ื ืฉืœ ืžืขืจืš ื”ืื•ื‘ื™ื™ืงื˜ื™ื.

ื”ืคืชืจื•ืŸ ืœื‘ืขื™ื” ื›ืจื•ืš ื‘ื“ืจืš ื›ืœืœ ื‘ืฉื™ืžื•ืฉ ื‘ืฉื™ื˜ืช sort() ืฉืœ array ื‘ืฉื™ืœื•ื‘ ืขื ืžืขืจื›ืช ื”ื˜ื™ืคื•ืก ืฉืœ TypeScript. ื”ื ื” ืชืžื•ื ืช ืžืฆื‘ ืžื”ื™ืจื” ืฉืœ ืื™ืš ืืชื” ื™ื›ื•ืœ ืœืžื™ื™ืŸ ืžืขืจืš ืฉืœ ืื•ื‘ื™ื™ืงื˜ื™ื ืœืคื™ ืžืืคื™ื™ืŸ 'ืฉื'.

let arr = [{name: 'Joe'}, {name: 'Bob'}, {name: 'Alice'}];
arr.sort((a, b) => a.name.localeCompare(b.name));

ื‘ื“ื•ื’ืžื” ืฉืœืžืขืœื”, ืื ื• ืžืฉืชืžืฉื™ื ื‘ืฉื™ื˜ืช Array.prototype.sort ื”ืžื•ื‘ื ื™ืช ืฉืœ JavaScript ื‘ืฉื™ืœื•ื‘ ืขื ืคื•ื ืงืฆื™ื™ืช ื”ืฉื•ื•ืื” ื”ืžื‘ื•ืกืกืช ืขืœ ืžืงื•ืžื•ืช.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: ืื™ืš ืœื‘ื“ื•ืง ืื ื”ืงื•ื‘ืฅ ืงื™ื™ื lua

ื‘ื”ื—ืœื˜, ื”ื ื” ื˜ื™ื•ื˜ื” ืœืžืืžืจ ืฉืœืš:

ื”ื‘ื ืช ื”ืขื•ืฆืžื” ื•ื”ืจื‘ื’ื•ื ื™ื•ืช ืฉืœ ืชื›ื ื•ืช Lua ืžืฆื™ืขื” ืขืจืš ืžืฉืžืขื•ืชื™ ื‘ื ื™ื”ื•ืœ ืงื‘ืฆื™ื ื‘ืฆื•ืจื” ื‘ืขืœืช ืชื•ืฉื™ื™ื”. ื”ื™ื‘ื˜ ืื—ื“ ืžื›ืจื™ืข ืฉื›ื“ืื™ ืœืฉื™ื ืœื‘ ืืœื™ื• ื”ื•ื ื”ื™ื›ื•ืœืช ืฉืœื• ืœื‘ื“ื•ืง ืื ืงื™ื™ื ืงื•ื‘ืฅ. ืคื•ื ืงืฆื™ื•ื ืœื™ื•ืช ื–ื• ื”ื™ื ื—ื™ื•ื ื™ืช ื‘ื”ื™ืžื ืขื•ืช ืžืฉื’ื™ืื•ืช ืื• ืชื•ืฆืื•ืช ืœื ืžื›ื•ื•ื ื•ืช ื‘ืžื”ืœืš ืคืขื•ืœื•ืช ืงื‘ืฆื™ื. ื”ื™ื•ื, ืื ื• ืฉื•ืืคื™ื ืœื ืชื— ืืช ืชื”ืœื™ืš ืื™ืžื•ืช ืงื™ื•ืžื• ืฉืœ ืงื•ื‘ืฅ ื‘ืืžืฆืขื•ืช Lua.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: useref reag

ื›ืš ืชื•ื›ืœ ืœื‘ื ื•ืช ืืช ื”ืžืืžืจ ื”ืžื‘ื•ืงืฉ ืฉืœืš ืขืœ ืชื’ื•ื‘ืช "useref":

React ื”ื™ื ืกืคืจื™ื™ื” ืžื•ื›ืจืช ืื•ื ื™ื‘ืจืกืœื™ืช ืœื™ืฆื™ืจืช ืžืžืฉืงื™ ืžืฉืชืžืฉ, ื‘ืžื™ื•ื—ื“ ื™ื™ืฉื•ืžื™ ืขืžื•ื“ ื‘ื•ื“ื“. ื–ื•ื”ื™ ืกืคืจื™ื™ื” ืงืœืช ืžืฉืงืœ ื•ื’ืžื™ืฉื” ืฉื ื•ืขื“ื” ืœืฉืคืจ ืืช ื—ื•ื•ื™ืช ื”ืžืฉืชืžืฉ. ืคื™ืชื•ื— ืืชืจื™ื ื”ื’ื™ืข ืœืื•ืคืงื™ื ื—ื“ืฉื™ื ืขื ืชื›ื•ื ื•ืช ื›ืžื• Hooks ืฉื”ื‘ื™ืื” React. ืชื›ื•ื ื” ื—ื™ื•ื ื™ืช ื›ื–ื•, ืื• ืฉืืชื” ื™ื›ื•ืœ ืœืฉืงื•ืœ ื–ืืช, ื•ื• ืฉืกื•ืคืง ืขืœ ื™ื“ื™ React ื”ื•ื useRef. useRef ืžืฉืžืฉ ื‘ื“ืจืš ื›ืœืœ ืœื’ื™ืฉื” ืœืฆืžืชื™ DOM ืื• ืœืจื›ื™ื‘ื™ React.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: ืคื•ื ื˜ ื–ื•ื•ื™ืชื™ ืžื“ื”ื™ื

ื‘ื˜ื—, ื”ื ื” ื”ืžืืžืจ ื”ืืจื•ืš ืขืœ Font Awesome Angular:

Font Awesome ื”ื™ื ืกืคืจื™ื™ืช ืื™ื™ืงื•ื ื™ื ื ืคืœืื” ืฉื ื™ืชืŸ ืœื”ืฉืชืžืฉ ื‘ื” ื‘ื™ื™ืฉื•ืžื™ Angular ืฉืœื ื•. ืฉื™ืœื•ื‘ Font Awesome ืžืขื ื™ืง ืœืžืคืชื—ื™ื ื’ื™ืฉื” ืœืžืื•ืช ืื™ื™ืงื•ื ื™ ื•ืงื˜ื•ืจื™ื ืžื’ื•ื•ื ื™ื ื•ื ื™ืชื ื™ื ืœื”ืจื—ื‘ื” ืฉื ื™ืชืŸ ืœื”ืชืื™ื ืื™ืฉื™ืช ืขื CSS. ื–ื” ืฉื™ืžื•ืฉื™ ื‘ืžื™ื•ื—ื“ ืžื›ื™ื•ื•ืŸ ืฉื”ื•ื ืžืืคืฉืจ ืœื ื• ืœื”ืฉืชืžืฉ ื‘ืกืžืœื™ื ืขื“ื™ื ื™ื ืœืœื ืฆื•ืจืš ืœื”ืกืชืžืš ื‘ืžื™ื“ื” ืจื‘ื” ืขืœ ื’ืจืคื™ืงื” ืื• ืงื‘ืฆื™ ืชืžื•ื ื”. ื–ื” ื‘ืืžืช ื™ื›ื•ืœ ืœืคืฉื˜ ืืช ื”ืชื—ื–ื•ืงื” ื•ื”ืืจื’ื•ืŸ ืฉืœ ืคืจื•ื™ืงื˜ื™ Angular ืฉืœืš. ื‘ืžื“ืจื™ืš ื–ื”, ื ืœืžื“ ื›ื™ืฆื“ ืœืฉืœื‘ ืืช Font Awesome ื‘ื™ื™ืฉื•ื Angular ืฉืœืš ืฉืœื‘ ืื—ืจ ืฉืœื‘.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: ืขืœ ืฉื™ื ื•ื™ ื’ื•ื“ืœ ื”ื—ืœื•ืŸ

ืฉื™ื ื•ื™ ื’ื•ื“ืœ ื—ืœื•ืŸ ืขืฉื•ื™ ืœื”ื™ืจืื•ืช ื›ืžื• ืžืฉื™ืžื” ืœื ืžืฉืžืขื•ืชื™ืช ื‘ืคื™ืชื•ื— ืืชืจื™ื, ืื‘ืœ ื”ื•ื ืœืžืขืฉื” ืงื•ืฉืจ ืœื ืžืขื˜ ืžื•ืฉื’ื™ื ืž-JavaScript ื•-Typescript, ื•ื™ืฉ ืœื• ื—ืœืง ืžื›ืจื™ืข ื‘ื”ื‘ื˜ื—ืช ืขื™ืฆื•ื‘ ืจืกืคื•ื ืกื™ื‘ื™ ื•ื™ื“ื™ื“ื•ืชื™ ืœืžืฉืชืžืฉ. ื‘ื”ืงืฉืจ ืฉืœ ืžืžืฉืง ืžืฉืชืžืฉ/UX ื“ื™ื ืžื™, ืคื•ื ืงืฆื™ื™ืช 'ืฉื™ื ื•ื™ ื’ื•ื“ืœ ื”ื—ืœื•ืŸ' ื”ื™ื ื”ื—ืฉื•ื‘ื” ื‘ื™ื•ืชืจ. ื“ื•ื’ืžืื•ืช ื™ื•ืžื™ื•ืžื™ื•ืช ื™ื›ื•ืœื•ืช ืœื›ืœื•ืœ ืกืจื’ืœ ืฆื“ ืฉืžืชื›ื•ื•ืฅ ืขื ืฉื™ื ื•ื™ ื’ื•ื“ืœ ื”ื—ืœื•ืŸ ื›ื“ื™ ืœืชืช ืžืจื—ื‘ ืงืจื™ืื” ื—ืœืง, ืื• ืชืžื•ื ืช ื’ืœืจื™ื” ื”ืžืชืื™ืžื” ืืช ืขืฆืžื” ื›ื“ื™ ืœืžื ื•ืข ืขื™ื•ื•ืช. ื”ืฉื™ื ื•ื™ ื ืขืฉื” ื‘ืื•ืคืŸ ืจื™ืืงื˜ื™ื‘ื™ ืขืœ ื™ื“ื™ ื”ืื–ื ื” ืœืื™ืจื•ืข ืฉืœ ืฉื™ื ื•ื™ ื’ื•ื“ืœ ื”ื—ืœื•ืŸ.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: ื”ืชืขืœื ืž-node_modules

ื›ืžืคืชื—, ื›ื ืจืื” ื ืชืงืœืช ื‘ืชื™ืงื™ื™ื” `node_modules` ื‘ืคืจื•ื™ืงื˜ื™ื ืฉืœืš. ื–ื”ื• ื—ืœืง ืžื›ืจื™ืข ืžืขื•ืœืžื•ืช JavaScript ื•-TypeScript, ื‘ืžื™ื•ื—ื“ ื‘ืคืจื•ื™ืงื˜ื™ื ื”ืžืฉืชืžืฉื™ื ื‘-Node.js. ื”-'node_modules' ื”ืืœื” ื”ื ื›ืžื• ื”-DNA ืฉืœ ื”ืคืจื•ื™ืงื˜ ืฉืœืš, ื›ื•ืœืœ ื›ืœ ื”ืกืคืจื™ื•ืช ืื• ื”ืชืœื•ืช ืฉื”ืงื•ื“ ืฉืœืš ืฆืจื™ืš ื›ื“ื™ ืœื”ืคืขื™ืœ ื›ื”ืœื›ื”. ื”ื‘ืขื™ื” ื”ื™ื ืฉื”ืชื™ืงื™ื” ื”ื–ื• ื™ื›ื•ืœื” ืœื’ื“ื•ืœ ื‘ืžื”ื™ืจื•ืช ื‘ื’ื•ื“ืœื”, ืžื” ืฉื”ื•ืคืš ืืช ื”ืคืจื•ื™ืงื˜ ืฉืœืš ืœืžืฉืงืœ ื›ื‘ื“, ื‘ืžื™ื•ื—ื“ ืžื‘ื—ื™ื ืช ืžืขืจื›ื•ืช ื‘ืงืจืช ื’ืจืกืื•ืช. ื‘ื ื•ืกืฃ, ื™ื›ื•ืœื™ื ืœื”ื™ื•ืช ืžืกืคืจ ืขืฆื•ื ืฉืœ ื”ืชื ื’ืฉื•ื™ื•ืช ื’ืจืกืื•ืช ืื ืœื ืžื˜ื•ืคืœื™ื ื‘ืฆื•ืจื” ื ื›ื•ื ื”.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: ts queryselectorall ื›-htmlelement

ื‘ื—ื‘ืจื” ืฉืœ ื”ื™ื•ื ื‘ื” ืขื•ืžืก ืžื™ื“ืข ื ืคื•ืฅ, ื”ืชืžื•ื“ื“ื•ืช ืขื ืžืกืžื›ื™ HTML ืื™ื ื” ื™ื•ืฆืืช ื“ื•ืคืŸ. ื›ืœ ื“ืฃ ืื™ื ื˜ืจื ื˜ ื‘ื™ืงื•ื ื”ืื™ื ื˜ืจื ื˜ ื‘ื ื•ื™ ืขืœ HTML, ื•ื™ื•ืฆืจ ืจืฉืช ืžื‘ื•ื›ื” ืฉืœ ืืœืžื ื˜ื™ื ื•ืชื’ื™ื. ืžืคืชื— ืœื ื™ื•ื•ื˜ ื“ืจืš ื”ืจืฉืช ื”ื–ื• ื‘ืฆื•ืจื” ืžื•ื‘ื ื™ืช ื•ืฉื™ื˜ืชื™ืช ื”ื•ื ื‘ืืžืฆืขื•ืช ื”ืฉื™ืžื•ืฉ ื‘- querySelectorAll ืฉื™ื˜ื” ื‘-JavaScript ืื•, ื‘ืžืงืจื” ืฉืœื ื• ื›ืืŸ, TypeScript. ื”ื™ื•ื, ื ืขืžื™ืง ื‘ืžื™ื ื•ืฃ ื”ื™ื›ื•ืœื•ืช ืฉืœ querySelectorAll ื›-HTMLElement ื‘-TypeScript.

ืœืžื™ื“ืข ื ื•ืกืฃ

ื ืคืชืจื”: ืžืขืจืš ื”ืคื•ืš

ื”ื™ืคื•ืš ืžืขืจืš ื‘-Typescript ื›ืจื•ืš ื‘ืขืฆื ื‘ืฉื™ื ื•ื™ ืกื“ืจ ื”ืืœืžื ื˜ื™ื ื‘ืชื•ืš ืžืขืจืš ืžื”ืจืฆืฃ ื”ืงื™ื™ื ืœื”ื™ืคืš. ืชื”ืœื™ืš ื–ื” ื”ื•ื ืคืŸ ืžื›ืจื™ืข ื‘ืžื ื™ืคื•ืœืฆื™ื” ืฉืœ ืžืขืจื›ื™ื, ื•ืœืคื™ื›ืš, ื™ื›ื•ืœ ืœื”ื™ื•ืช ืžื•ืขื™ืœ ื‘ื™ื•ืชืจ ื‘ืคืชืจื•ืŸ ืžื’ื•ื•ืŸ ื‘ืขื™ื•ืช ืžื•ืจื›ื‘ื•ืช.

ื”ืฉืžื™ื™ื ื›ืชื‘ ื›ืชื™ื‘ื” ื”ืฉืคื” ื›ื•ืœืœืช ืฉื™ื˜ื” ืžื•ื‘ื ื™ืช ืœื”ื™ืคื•ืš ืžืขืจื›ื™ื, ื”ืžื›ื•ื ื” ื”ืคื•ื ืงืฆื™ื” array.reverse() . ื•ืื›ืŸ, ื‘ืืžืฆืขื•ืช ืคื•ื ืงืฆื™ื” ื–ื•, ืื ื• ื™ื›ื•ืœื™ื ืœื”ืคื•ืš ืœืœื ืžืืžืฅ ื›ืœ ืžืขืจืš ื‘-Typescript.

ื›ื“ื™ ืœื”ืžื—ื™ืฉ ืืช ื”ืฉื™ืžื•ืฉ ื‘ื•, ืฉืงื•ืœ ืืช ื”ืžืขืจืš ืœื“ื•ื’ืžื” ื”ื‘ื:

let array = [1, 2, 3, 4, 5];

ืœืื—ืจ ืžื›ืŸ ื ื•ื›ืœ ืœื”ืคื•ืš ืืช ื”ืžืขืจืš ื”ื–ื” ื‘ืืžืฆืขื•ืช ื”ืคื•ื ืงืฆื™ื” array.reverse() ื‘ืื•ืคืŸ ื”ื‘ื:

array = array.reverse();

ืคืขื•ืœื” ื–ื• ืชื”ืคื•ืš ืืช ืกื“ืจ ื”ืืœืžื ื˜ื™ื ื‘ืžืขืจืš ื”ืžืงื•ืจื™ ื›ืš ืฉื”ืจืฆืฃ ืฉืœื• ื™ื”ืคื•ืš ืœื”ืคื•ืš ืžืžื” ืฉื”ื™ื” ืœืคื ื™ ื”ืคืขืœืช ื”ืคื•ื ืงืฆื™ื”.

ืœืžื™ื“ืข ื ื•ืกืฃ