{"id":26676,"date":"2023-06-12T19:46:34","date_gmt":"2023-06-12T16:16:34","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/intro-to-typescript-5dhi\/"},"modified":"2023-06-12T19:46:34","modified_gmt":"2023-06-12T16:16:34","slug":"intro-to-typescript-5dhi","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/intro-to-typescript-5dhi\/","title":{"rendered":"\u0645\u0639\u0631\u0641\u06cc TypeScript &#8211; DEV Community"},"content":{"rendered":"<div data-article-id=\"1501499\" id=\"article-body\">\n<p>TypeScript (TS) \u0627\u0633\u0627\u0633\u0627\u064b \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a\u060c \u0628\u0627 \u0634\u06a9\u0631 \u062f\u0631 \u0628\u0627\u0644\u0627 &#8230; \u06cc\u06a9 \u0633\u0648\u067e\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JS).  \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644\u060c \u0647\u0631 \u06a9\u062f\u06cc \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 JS \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f\u060c \u062f\u0631 \u0641\u0627\u06cc\u0644 TS \u0642\u0627\u0646\u0648\u0646\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. <\/p>\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0646\u0647\u0627 \u062f\u0631 10 \u0631\u0648\u0632 \u062a\u0648\u0633\u0637 \u0628\u0631\u0646\u062f\u0627\u0646 \u0627\u06cc\u0686\u060c \u06a9\u0627\u0631\u0645\u0646\u062f \u0646\u062a \u0627\u0633\u06a9\u06cc\u067e \u062f\u0631 \u0622\u0646 \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f.  \u0622\u0631\u0647 10 \u0631\u0648\u0632 <\/p>\n<p>\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u060c \u0647\u062f\u0641 \u0622\u0646 \u0627\u06cc\u062c\u0627\u062f \u062a\u06a9\u0647 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9 \u06a9\u062f \u0628\u0648\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062c\u0627\u0633\u0627\u0632\u06cc \u0634\u0648\u0646\u062f\u060c \u06a9\u0647 \u0627\u0644\u0628\u062a\u0647 \u0647\u0646\u0648\u0632 \u0647\u0645 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f.  \u0627\u0645\u0631\u0648\u0632\u0647\u060c \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u062c\u0627\u0633\u0627\u0632\u06cc\u200c\u0647\u0627\u06cc JS\u060c \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0648 \u0645\u0647\u0646\u062f\u0633\u0627\u0646 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u060c \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0628 \u062a\u0645\u0627\u0645 \u067e\u0634\u062a\u0647\u200c\u0627\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0648\u0634\u062a\u0647 \u0634\u0648\u0646\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u0632\u0628\u0627\u0646 \u0628\u0647 \u0637\u0648\u0631 \u062a\u0635\u0627\u0639\u062f\u06cc \u0627\u0632 \u062f\u0627\u0645\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u062e\u0648\u062f \u0641\u0631\u0627\u062a\u0631 \u0631\u0641\u062a\u060c \u0648 \u0628\u06cc\u0634 \u0627\u0632 \u0686\u0646\u062f \u0645\u0648\u0631\u062f \u0639\u062c\u06cc\u0628 \u0648 \u063a\u0631\u06cc\u0628 \u0648 \u0631\u062e\u062f\u0627\u062f\u0647\u0627\u06cc \u0628\u0627\u06af\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062d\u062a\u06cc \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u0631\u0627 \u0634\u06af\u0641\u062a \u0632\u062f\u0647 \u06a9\u0646\u062f.  \u0645\u062b\u0644\u0627:<\/p>\n<p><strong>\u0639\u0645\u0644\u06af\u0631 \u0628\u0631\u0627\u0628\u0631\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (==)<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>console.log(\u201c\u201d == 0); \/\/ logs &gt;&gt; true \/\/ that can\u2019t be right?\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const square = {width: 5, height: 5};\nconst sqArea = square.widht * square.height; \nconsole.log(sqArea) \/\/ logs  &gt;&gt; NaN \/\/ Ok, I'm not the best speller. NaN, really? Shouldn't this log an error?\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>TypeScript \u0628\u0631\u0627\u06cc \u062d\u0644 \u0627\u06cc\u0646 \u0646\u0648\u0639 \u0645\u0634\u06a9\u0644\u0627\u062a \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/intro-to-typescript-5dhi\/#%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C_%D9%86%D9%88%D8%B9_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9_%D8%AF%D8%B1_TS\" >\u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062f\u0631 TS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/intro-to-typescript-5dhi\/#%D8%AA%D8%B9%D8%B1%DB%8C%D9%81_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%AF%D8%B1_TS\" >\u062a\u0639\u0631\u06cc\u0641 \u0627\u0646\u0648\u0627\u0639 \u062f\u0631 TS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/intro-to-typescript-5dhi\/#%D8%AF%D8%B1_%D9%86%D8%AA%DB%8C%D8%AC%D9%87\" >\u062f\u0631 \u0646\u062a\u06cc\u062c\u0647<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C_%D9%86%D9%88%D8%B9_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9_%D8%AF%D8%B1_TS\"><\/span>\n<p>  \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062f\u0631 TS<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0632\u06cc\u062a \u0627\u0635\u0644\u06cc TypeScript \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0633\u062a\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u06a9\u062f\u060c \u062e\u0637\u0627 \u062f\u0631 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0646\u0648\u0639 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc \u06a9\u0646\u062f.  TS JS \u0631\u0627 \u0645\u062c\u0628\u0648\u0631 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0627 \u062a\u0627\u06cc\u067e \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0639\u0645\u0644 \u06a9\u0646\u062f. <\/p>\n<p><strong>\u0645\u062b\u0627\u0644 C++: \u0632\u0628\u0627\u0646 \u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc Statically-Typed:<\/strong><br \/>\u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0627 \u062a\u0627\u06cc\u067e \u0627\u06cc\u0633\u062a\u0627 \u0645\u0627\u0646\u0646\u062f C++\u060c C# \u06cc\u0627 \u062c\u0627\u0648\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641\u06cc \u0627\u0632 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0647 \u0635\u0631\u0627\u062d\u062a \u0647\u0631 \u0646\u0648\u0639 \u0645\u0642\u062f\u0627\u0631 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0648 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f.  \u0645\u062a\u063a\u06cc\u0631\u06cc \u06a9\u0647 \u06cc\u06a9 \u0639\u062f\u062f \u0635\u062d\u06cc\u062d \u0631\u0627 \u062f\u0631 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc ++C \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0628\u0627\u0634\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>int num = 10; \/\/ declaring a C++ variable as an integer\nnumber = \u201cx\u201d \/\/ NOPE can\u2019t reassign an integer to a string in C++\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c \u0645\u062a\u063a\u06cc\u0631 <code>num<\/code> \u0646\u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0647 \u06cc\u06a9 \u0631\u0634\u062a\u0647 \u06cc\u0627 \u0647\u0631 \u0645\u0642\u062f\u0627\u0631 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u06cc\u06a9 \u0639\u062f\u062f \u06a9\u0627\u0645\u0644 \u0646\u06cc\u0633\u062a \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0627\u062f\u060c \u062f\u0631 \u0648\u0627\u0642\u0639 \u0627\u06cc\u0646 \u0639\u062f\u062f \u062d\u062a\u06cc \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0634\u0627\u0645\u0644 \u0627\u0639\u0634\u0627\u0631 \u0628\u0627\u0634\u062f \u0632\u06cc\u0631\u0627 \u06cc\u06a9 \u0646\u0648\u0639 \u0645\u062a\u063a\u06cc\u0631 \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0631\u0627\u06cc \u0627\u0639\u062f\u0627\u062f \u0645\u0645\u06cc\u0632 \u0634\u0646\u0627\u0648\u0631 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0647 \u0622\u0646 \u0645\u06cc \u06af\u0648\u06cc\u0646\u062f. <code>double<\/code>.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a: \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0627 \u062a\u0627\u06cc\u067e \u067e\u0648\u06cc\u0627:<\/strong><br \/>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u067e\u0648\u06cc\u0627 \u0647\u0633\u062a\u0646\u062f \u0648 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \/ \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06a9\u062f \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u0646\u062f\u060c \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u0634\u0648\u0646\u062f.  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627 \u062a\u062e\u0635\u06cc\u0635 \u0645\u062c\u062f\u062f \u067e\u06cc\u062f\u0627 \u06a9\u0646\u0646\u062f.  \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>let num = 10; \/\/ declaring a JS variable\nnum = \u201cx\u201d; \/\/ OK reassigning a JS variable from a number to a string \/\/ JS is 100% ok with this \n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062d\u0627\u0644\u0627 \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0641\u0631\u0627\u0631 \u06a9\u0646\u06cc\u0645 <code>Math.round()<\/code> \u0628\u0631 \u0631\u0648\u06cc &#8230; \u0645\u0627 <code>num<\/code>.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>console.log(Math.round(num) \/\/ logs &gt;&gt; NaN \/\/ This result is frustrating when you have dozens or hundreds of lines of code in your codebase. You\u2019re now chasing down the value for: num.\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0648\u0628\u0627\u0631\u0647\u060c TS \u062f\u0631 \u062a\u0644\u0627\u0634 \u0627\u0633\u062a \u062a\u0627 \u0627\u0634\u06a9\u0627\u0644\u0627\u062a \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u0631\u0627 \u0627\u0632 \u06a9\u062f \u0628\u0627\u0644\u0627 \u062d\u0644 \u06a9\u0646\u062f. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B9%D8%B1%DB%8C%D9%81_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%AF%D8%B1_TS\"><\/span>\n<p>  \u062a\u0639\u0631\u06cc\u0641 \u0627\u0646\u0648\u0627\u0639 \u062f\u0631 TS<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 TS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645.  \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0645\u0627 \u0628\u0627\u06cc\u062f \u0627\u0646\u0648\u0627\u0639 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0635\u0631\u06cc\u062d \u067e\u0633 \u0627\u0632 \u0627\u0639\u0644\u0627\u0646 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u0645\u060c \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0627 \u062a\u0627\u06cc\u067e \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u06cc\u0645.  \u0634\u0627\u06cc\u062f \u06cc\u06a9 \u0646\u0633\u062e\u0647 \u06cc \u0646\u0645\u0627\u06cc\u0634\u06cc&#8230; \u062f\u0631 \u0632\u06cc\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0627\u06cc \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0627\u0632 \u062a\u0648\u0627\u0628\u0639 \u0627\u0633\u062a.  \u06cc\u06a9\u06cc \u06a9\u0647 \u062f\u0631 \u0646\u062d\u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0647\u0645\u0627\u0646 \u062a\u0627\u0628\u0639 \u062f\u0631 TypeScript\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0627 \u0628\u0647 \u0635\u0631\u0627\u062d\u062a \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627\u06cc \u0646\u0648\u0639 \u062a\u0627\u0628\u0639 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<p><strong>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>function calcArea(radius) {\nreturn 3.14 * radius * radius; \/\/ from grade school \/\/ \u03c0 r\u00b2 \n}\nconsole.log(calcArea(5)); \/\/ logs &gt;&gt; 78.5 \/\/ that\u2019s what I expected\nconsole.log(calcArea(\u2018answer\u2019); \/\/ log &gt;&gt; NaN \/\/ again with this \n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>TypeScript:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>function calcArea(radius: number): number {\nreturn 3.14 * radius * radius; \/\/ from grade school \/\/ \u03c0 r\u00b2 \n}\nconsole.log(calcArea(5)); \/\/ logs &gt;&gt; 78.5 \/\/ again, expected\nconsole.log(calcArea(\u2018answer\u2019); \/\/ logs &gt;&gt; Error message \/\/ now that\u2019s more like it \n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0646\u0648\u0627\u0639 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u062f\u060c \u0648 \u067e\u0627\u062f\u0627\u0634\u060c \u0686\u0646\u062f \u0646\u0648\u0639 \u0645\u062a\u063a\u06cc\u0631 \u0627\u0636\u0627\u0641\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a:<\/strong><br \/><em>\u0639\u062f\u062f\u060c \u0631\u0634\u062a\u0647\u060c \u0628\u0648\u0644\u06cc\u060c \u062a\u0647\u06cc\u060c \u062a\u0639\u0631\u06cc\u0641 \u0646\u0634\u062f\u0647\u060c \u0634\u06cc<\/em><br \/><strong>Typescript \u0634\u0627\u0645\u0644 \u0645\u0648\u0627\u0631\u062f \u0641\u0648\u0642 \u0627\u0633\u062a \u0648 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u062f:<\/strong><br \/><em>\u0647\u0631\u060c \u0646\u0627\u0634\u0646\u0627\u062e\u062a\u0647\u060c \u0647\u0631\u06af\u0632\u060c enum\u060c \u062a\u0627\u067e\u0644<\/em><\/p>\n<p><strong>TS \u0628\u0627 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0646\u0648\u0639<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>let numeric: number = 123_456_789; \/\/ type of number\nlet words: string = 'Typescript'; \/\/ type of string\nlet blog_published: boolean = true; \/\/ type of boolean\nlet stringsArray: string[] = []; \/\/ type of array with strings\nlet person: [number, string] = [1, 'bernie'] \/\/ type of tuple \/\/ array with 2 values \/ flaw with push method\nlet anything; \/\/ type any \/\/ can be any type \/\/ should rarely be used\nfunction calcTax(income: number){ \/\/ function with type of number arguments\nreturn income + 100;\n}\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 VSCode\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u0631\u0648\u06cc \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 TS \u06cc\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u062a\u0627\u0628\u0639 TS \u0634\u0646\u0627\u0648\u0631 \u06a9\u0646\u06cc\u062f \u0648 \u0642\u0628\u0644 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062a\u0627\u0628\u0639 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0686\u0647 \u0646\u0648\u0639 \u0645\u0642\u062f\u0627\u0631\u06cc \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0633\u062a.  \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 Typescript \u0627\u06cc\u0646 \u062e\u0637\u0627\u0647\u0627\u06cc \u0646\u0648\u0639 \u0631\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06af\u06cc\u0631\u062f.<\/p>\n<p><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AF%D8%B1_%D9%86%D8%AA%DB%8C%D8%AC%D9%87\"><\/span>\n<p>  \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u062a\u06cc\u0645 \u0647\u0627<\/strong><\/p>\n<p>\u062f\u0631 \u0638\u0627\u0647\u0631\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f \u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u06a9\u062f \u0634\u0645\u0627 \u062f\u0631 TS \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 JS \u0632\u0645\u0627\u0646 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f.  \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0633\u0646\u0627\u0631\u06cc\u0648\u06cc \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u0631\u0627 \u062a\u0635\u0648\u0631 \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0634\u0645\u0627 \u0628\u0627 \u062a\u06cc\u0645\u06cc \u0627\u0632 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u0648\u06cc \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u06cc\u062f.  \u06a9\u0627\u0631 \u0628\u0631 \u0631\u0648\u06cc \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627 \u06cc\u06a9 \u062a\u06cc\u0645 \u06af\u0627\u0647\u06cc \u0627\u0648\u0642\u0627\u062a \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0627\u0646\u0646\u062f \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u06cc\u06a9 \u0645\u0647\u0645\u0627\u0646\u06cc \u0628\u0627\u0634\u062f \u06a9\u0647 \u0647\u0631 \u0645\u0647\u0645\u0627\u0646 \u0628\u0647 \u0632\u0628\u0627\u0646 \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0635\u062d\u0628\u062a \u0645\u06cc \u06a9\u0646\u062f. <\/p>\n<p>\u0648 \u0627\u06af\u0631 \u062f\u0631 \u06cc\u06a9 \u067e\u0627\u06cc\u06af\u0627\u0647 \u06a9\u062f \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0627 \u0622\u0646 \u0622\u0634\u0646\u0627 \u0646\u06cc\u0633\u062a\u06cc\u062f \u0648\/\u06cc\u0627 \u06cc\u06a9 \u067e\u0627\u06cc\u06af\u0627\u0647 \u06a9\u062f \u0628\u0632\u0631\u06af\u060c \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u06a9\u0627\u0631 \u0628\u0627 \u06cc\u06a9 \u062a\u06cc\u0645\u060c \u0686\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f&#8230; \u0627\u06cc\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0633\u0648\u0621\u062a\u0641\u0627\u0647\u0645 \u0648 \u0633\u0648\u0621 \u062a\u0641\u0627\u0647\u0645 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u06cc\u0639\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0645\u062a\u0631 \u0645\u0648\u062b\u0631 \u0627\u0632 \u0632\u0645\u0627\u0646 \u0648 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u062c\u0645\u0639\u06cc. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0632\u0645\u0627\u0646<\/p>\n<p>\u0628\u0627 \u062a\u0639\u0627\u0631\u06cc\u0641 \u0646\u0648\u0639 TS \u0648 \u0631\u0627\u0628\u0637 \u0647\u0627\u06cc \u0648\u0627\u0636\u062d\u060c TypeScript \u0628\u0647 \u0645\u0647\u0645\u0627\u0646\u06cc \u0645\u06cc \u0622\u06cc\u062f \u0648 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u062e\u0648\u0628 \u0648 \u0645\u0631\u062a\u0628 \u0646\u06af\u0647 \u0645\u06cc \u062f\u0627\u0631\u062f \u0648 \u0646\u0642\u0634 \u0645\u062a\u0631\u062c\u0645 \u062c\u0647\u0627\u0646\u06cc \u0631\u0627 \u0628\u0631 \u0639\u0647\u062f\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f.  TypeScript \u0628\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0627\u06cc\u0647 \u06a9\u062f \u0634\u0645\u0627 \u0628\u0627 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0622\u0646 \u0631\u0627 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f. <\/p>\n<p><strong>\u0645\u0646\u0627\u0628\u0639<\/strong>:<\/p>\n<ul>\n<li>\n<strong>\u0627\u0633\u0646\u0627\u062f TypeScript<\/strong>: \u0628\u0647\u062a\u0631\u06cc\u0646 \u0645\u0646\u0628\u0639 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u062f\u0631 \u0627\u0633\u0646\u0627\u062f \u0627\u0635\u0644\u06cc \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f.  \u0627\u0633\u0646\u0627\u062f TypeScript \u0628\u0647 \u06af\u0648\u0646\u0647 \u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0634\u062f\u0647 \u0627\u0646\u062f \u06a9\u0647 \u0647\u0645 \u0645\u0628\u062a\u062f\u06cc\u0627\u0646 \u0648 \u0647\u0645 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u0622\u0646\u0686\u0647 \u0631\u0627 \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0622\u0646 \u0647\u0633\u062a\u0646\u062f \u0628\u06cc\u0627\u0628\u0646\u062f.  \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u067e\u06cc\u0648\u0646\u062f\u06cc \u0628\u0647 \u0627\u0633\u0646\u0627\u062f TypeScript \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/li>\n<li>\n<strong>\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc TS \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 10 \u062f\u0642\u06cc\u0642\u0647<\/strong> |  \u0645\u0646 \u0628\u0647 \u0634\u062f\u062a \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u0645 \u0648\u06cc\u062f\u06cc\u0648\u06cc YouTube Alex Ziskind \u0628\u0647 \u0646\u0627\u0645 TypeScript Set-up \u0631\u0627 \u062f\u0631 VSCode \u062a\u0645\u0627\u0634\u0627 \u06a9\u0646\u06cc\u062f.  \u0627\u0648 \u0648\u0627\u0642\u0639\u0627\u064b \u06a9\u0627\u0631 \u062e\u0648\u0628\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 10 \u062f\u0642\u06cc\u0642\u0647 \u067e\u06cc\u0634 \u0645\u06cc \u0628\u0631\u062f.<\/li>\n<li>*<em>TS Deep Dive \u062f\u0631 \u062d\u062f\u0648\u062f 1 \u0633\u0627\u0639\u062a *<\/em>|  \u06a9\u0627\u0646\u0627\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0627 \u0645\u0648\u0634 \u0627\u0632 \u0645\u0647\u0646\u062f\u0633 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u0634 \u0647\u0645\u062f\u0627\u0646\u06cc \u0628\u0647 \u0646\u062f\u0631\u062a \u0627\u0632 \u062f\u0633\u062a \u0645\u06cc \u062f\u0647\u062f \u0648 Mosh \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 1 \u0633\u0627\u0639\u062a\u0647 \u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0627\u0632 \u0645\u0647\u0631\u0647 \u062a\u0627 \u067e\u06cc\u0686 \u0648 \u0645\u0647\u0631\u0647 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc \u062f\u0647\u062f: TypeScript \u062f\u0631 1 \u0633\u0627\u0639\u062a.<\/li>\n<\/ul>\n<p>\u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u0627\u06cc\u0646 \u0645\u0641\u06cc\u062f \u0628\u0648\u062f\u0647 \u0628\u0627\u0634\u062f.  \u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u0645\u0628\u0627\u0631\u06a9!<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>TypeScript (TS) \u0627\u0633\u0627\u0633\u0627\u064b \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a\u060c \u0628\u0627 \u0634\u06a9\u0631 \u062f\u0631 \u0628\u0627\u0644\u0627 &#8230; \u06cc\u06a9 \u0633\u0648\u067e\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JS). \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644\u060c \u0647\u0631 \u06a9\u062f\u06cc \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 JS \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f\u060c \u062f\u0631 \u0641\u0627\u06cc\u0644 TS \u0642\u0627\u0646\u0648\u0646\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0646\u0647\u0627 \u062f\u0631 10 \u0631\u0648\u0632 \u062a\u0648\u0633\u0637 \u0628\u0631\u0646\u062f\u0627\u0646 \u0627\u06cc\u0686\u060c \u06a9\u0627\u0631\u0645\u0646\u062f \u0646\u062a \u0627\u0633\u06a9\u06cc\u067e \u062f\u0631 \u0622\u0646 \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f. \u0622\u0631\u0647 10 \u0631\u0648\u0632 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":26677,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-26676","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/26676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=26676"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/26676\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/26677"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=26676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=26676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=26676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}