ื ืคืชืจื”: ื›ืคืชื•ืจ ืคืชื— ืงืœื˜ ืงื•ื‘ืฅ

ื‘ื˜ื—, ื‘ื•ืื• ื ืชื—ื™ืœ ืขื ื”ืžืืžืจ. ืืชืžืงื“ ื‘ื ืงื•ื“ื•ืช ื”ืžื•ื’ื“ืจื•ืช ื‘ืžื‘ื ื”:

ื”ืื ืชื”ื™ืชื ืคืขื ื›ื™ืฆื“ ืœื”ืฉืชืžืฉ ื‘-JavaScript ื›ื“ื™ ืœืคืชื•ื— ืชื™ื‘ืช ื“ื•-ืฉื™ื— ืœื”ื–ื ืช ืงื‘ืฆื™ื ืขืœ ื™ื“ื™ ืœื—ื™ืฆื” ืขืœ ื›ืคืชื•ืจ? ื–ื• ืฉืืœื” ื ืคื•ืฆื” ืฉืขื•ืœื” ืœืžืคืชื—ื™ื, ื‘ืžื™ื•ื—ื“ ื‘ืขืช ื™ืฆื™ืจืช ืžืžืฉืงื™ื ื™ื“ื™ื“ื•ืชื™ื™ื ืœืžืฉืชืžืฉ ื”ื“ื•ืจืฉื™ื ื”ืขืœืืช ืงื‘ืฆื™ื. ื‘ืžืืžืจ ื–ื”, ื ื‘ื—ืŸ ืคืชืจื•ืŸ ืคืฉื•ื˜ ืœื‘ืขื™ื” ื–ื•, ื”ื›ื•ืœืœ ืืช ืืœืžื ื˜ 'ืงืœื˜' HTML, ืงืฆืช CSS ื•ืžืขื˜ ืงืกื ืฉืœ JavaScript.

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

ื ืคืชืจื”: ืื™ืš ืœืชืงืŸ cors

CORS, ื”ื™ื“ื•ืข ื’ื ื‘ืฉื Cross-Origin Resource Sharing, ื”ื•ื ืคืจื•ื˜ื•ืงื•ืœ HTTP ืฉืžื›ืชื™ื‘ ืืช ืื•ืคืŸ ืฉื™ืชื•ืฃ ื”ืงื‘ืฆื™ื ื‘ื™ืŸ ื“ื•ืžื™ื™ื ื™ื. CORS ืžืžืœื ืชืคืงื™ื“ ื—ื™ื•ื ื™ ื‘ืื‘ื˜ื—ืช ืื™ื ื˜ืจื ื˜ ืขืœ ื™ื“ื™ ืฉืœื™ื˜ื” ืœืื™ืœื• ืกืงืจื™ืคื˜ื™ื ื™ื›ื•ืœื™ื ืœื’ืฉืช ืœืžืฉืื‘ื™ื ื‘ื“ืฃ, ืขืœ ืžื ืช ืœืžื ื•ืข ื’ื™ืฉื” ืœื ืžื•ืจืฉื™ืช ืœื ืชื•ื ื™ื ืื• ืคืจืฆื•ืช ืื‘ื˜ื—ื” ืืคืฉืจื™ื•ืช. ืขื ื–ืืช, CORS ื™ื›ื•ืœ ืœืคืขืžื™ื ืœื”ืฆื™ื’ ื‘ืขื™ื•ืช, ื‘ืžื™ื•ื—ื“ ื›ืืฉืจ ืžื ืกื™ื ืœื”ื‘ื™ื ืžืฉืื‘ื™ื ืžืชื—ื•ื ืื—ืจ. ื›ืืฉืจ ืžืชืจื—ืฉืช ื‘ืขื™ื”, ืชืจืื” ืฉื’ื™ืืช CORS. ื”ื‘ื ื” ืžื” ื’ื•ืจื ืœืฉื’ื™ืื” ื–ื• ื•ื›ื™ืฆื“ ืœืชืงืŸ ืื•ืชื” ื™ื›ื•ืœื” ืœื”ืคื•ืš ืื•ืชืš ืœืžืคืชื— JavaScript ื™ืขื™ืœ ื™ื•ืชืจ.

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

ื ืคืชืจื”: ื›ื™ืฆื“ ืœื”ืชืงื™ืŸ flexbox

ื‘ื˜ื—, ื”ื ื” ืžื‘ื˜ ืžืขืžื™ืง ื›ื™ืฆื“ ืœื”ืชืงื™ืŸ ืืช Flexbox:

Flexbox, ืงื™ืฆื•ืจ ืฉืœ Flexible Box Module, ื”ื•ื ืžื•ื“ืœ ืคืจื™ืกื” ื‘-CSS3 ื”ืžืกืคืง ืคืชืจื•ืŸ ืคืฉื•ื˜ ื•ื ื—ื•ืฅ ืœืชื›ื ื•ืŸ ืžื‘ื ื™ ืคืจื™ืกื” ืจืกืคื•ื ืกื™ื‘ื™ื™ื ื’ืžื™ืฉื™ื ืœืœื ืฉื™ืžื•ืฉ ื‘ืฆืคื™ื ืื• ืžื™ืงื•ื.

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

ื ืคืชืจื”: ื™ื™ื‘ื•ื โ€‹โ€‹ืคืจื™ืกืช ื’ืžื™ืฉื•ืช ื–ื•ื•ื™ืชื™ืช

Angular Flex Layout ืžืกืคืง ืจืฉืช ื’ืžื™ืฉื” ื•ืžื’ื™ื‘ื”. ื”ื•ื ืžืฉืชืžืฉ ื‘ืžื•ื“ืœ ื”-flexbox ืฉืœ CSS3 ืขื‘ื•ืจ ืฆื“ื“ื™ื•ืช ื’ื‘ื•ื”ื” ื‘ืคืจื™ืกื”. ื–ื” ื’ื ืžืกืคืง ืœืžืคืชื—ื™ Angular API ืžื•ื‘ื ื” ื”ื™ื˜ื‘ ืœืขื™ืฆื•ื‘ ื“ืคื™ ืื™ื ื˜ืจื ื˜ ืœืœื ืฉื™ืžื•ืฉ ื‘ืืชื—ื•ืœ ืื• ื›ืœ ืคืชืจื•ื ื•ืช ืžื‘ื•ืกืกื™ CSS ืื—ืจื™ื.

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

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

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

ื ืคืชืจื”: ื”ื’ื“ืจ ืžืกืš ืจื•ื—ื‘

ื‘ื˜ื—, ื”ื ื” ื”ืžืืžืจ:

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

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

ื ืคืชืจื”: ืฆื•ืจ ืจื›ื™ื‘ ืœืœื ืžืคืจื˜

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

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

ื ืคืชืจื”: ืžื” ื–ื” ืื•ืžืจ โ€“skiptests%3D%3Dtrue

ืžื‘ื•ื

ืœื”ื™ื•ืช ืžืคืชื— ื‘ื–ืžื ื™ื ื”ืžื•ื“ืจื ื™ื™ื ืžืจืžื– ืขืœ ื™ื•ืชืจ ืžืกืชื ืœื“ืขืช ืœืชื›ื ืช; ื–ื” ื’ื ืžืฆื‘ื™ืข ืขืœ ืžื™ื“ื” ืฉืœ ืฉื˜ืฃ ื‘ืืžื ื•ืช ื•ื‘ืžื“ืข ืฉืœ ืื•ืคื˜ื™ืžื™ื–ืฆื™ื” ืœืžื ื•ืขื™ ื—ื™ืคื•ืฉ (SEO). ื–ื” ื ื›ื•ืŸ ื’ื ืœื’ื‘ื™ ื”ืชื—ื•ื ื”ื“ื™ื’ื™ื˜ืœื™ ืฉืœ ืชืขืฉื™ื™ืช ื”ืื•ืคื ื”, ืฉื ื˜ืจื ื“ื™ื ื•ืกื’ื ื•ื ื•ืช ืžืžืฉื™ื›ื™ื ืœื”ืฉืชื ื•ืช ื•ืœื”ืฉืชืœื‘. ื‘ืžืืžืจ ื–ื” ืชื•ื›ืœื• ืœื—ืงื•ืจ ืืช ื”ืงืฉืจ ื”ืžื•ืจื›ื‘ ื‘ื™ืŸ ืชื›ื ื•ืช ื‘-JavaScript, ืฉืœื™ื˜ื” ื‘-SEO ื•ืฉืžื™ืจื” ืขืœ ืงืฉืจ ืขื ืชืขืฉื™ื™ืช ื”ืื•ืคื ื” ื”ืžื”ื™ืจื”.

ื”ื ื•ืฉื ื‘ื”ื™ืฉื’ ื™ื“

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

ื ืคืชืจื”: ืื™ืš ืœืจื•ืฅ

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

ื”ื‘ื ืช ืกื’ื ื•ื ื•ืช ืื•ืคื ื”

ืื•ืคื ื”, ื‘ื“ื•ืžื” ืœืฉืคื•ืช ืชื›ื ื•ืช ืžื—ืฉื‘ื™ื ื›ื’ื•ืŸ JavaScript, ื™ืฉ ืฉืคืข ืฉืœ ืกื’ื ื•ื ื•ืช ื•ืฉื™ื˜ื•ืช ืฉื•ื ื•ืช ืฉื ื™ืชืŸ ืœื”ืฉืชืžืฉ ื‘ื”ืŸ ื›ื“ื™ ืœื’ืฉืช ืœื‘ืขื™ื”. ื™ืฉื ื ืื™ื ืกืคื•ืจ ืกื’ื ื•ื ื•ืช, ื›ืœ ืื—ื“ ืขื ื›ืœืœื™ื ื•ื”ื ื—ื™ื•ืช ืžืฉืœื•, ื‘ื“ื•ืžื” ืœืกืคืจื™ื•ืช ืื• ืžืกื’ืจื•ืช ืฉื•ื ื•ืช ืฉืืคืฉืจ ืœืขื‘ื•ื“ ืื™ืชื ื‘-JavaScript.

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


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


ื”ื‘ื ืช ืžื’ืžื•ืช ื”ืžืกืœื•ืœ

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

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

ื ืคืชืจื”: angularjs cdn

AngularJS, ืžืกื’ืจืช JavaScript ื‘ืงื•ื“ ืคืชื•ื—, ื”ื™ื ื›ืœื™ ื™ืขื™ืœ ืฉืคื•ืชื— ืขืœ ื™ื“ื™ ื’ื•ื’ืœ. ืžื˜ืจืชื• ื”ื™ื ืœื”ื’ื“ื™ืœ ื™ื™ืฉื•ืžื™ื ืžื‘ื•ืกืกื™ ื“ืคื“ืคืŸ ืขื ื™ื›ื•ืœืช MVC (Model View Controller), ื•ืœืคืฉื˜ ืืช ืชื”ืœื™ืš ื”ืคื™ืชื•ื— ื•ื’ื ืืช ืชื”ืœื™ืš ื”ื‘ื“ื™ืงื”. ืคื™ืชื•ื— ืชื•ื›ื ื” ื–ื” ืžืกื™ื™ืข ื‘ื™ืฆื™ืจืช ื™ื™ืฉื•ืžื™ ืขืžื•ื“ ื‘ื•ื“ื“ (SPA) ื‘ืฆื•ืจื” ื ืงื™ื™ื” ื•ื ื™ืชื ืช ืœืชื—ื–ื•ืงื”.

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