TypeScript? ???? ??? ??? ??? ????????. ?? ???? ?? JavaScript? ??? ?? ??? ???? ?? ??, ?? ???? ?? ???? ???? ??? ??? ?? ????? ?????. ?? ?? TypeScript? ??? ????. ?? ?? ?? ??? ??? ??? ????? ??? ? ?? ????.

? ?????? TypeScript? ???? ?? ??? ?? ? ?? ??? ?? ?? ?? ????.

1. ??

??????? ??????

TypeScript? ?? JavaScript? ????? ???? ??? ??? JavaScript? ?? ?????. ??? ???, ??? ??? ???? ? ???? ?? ???? ?? ??? ???? ? ??? ?? ?? ??? ?? JavaScript???.

TypeScript? ???? ?? ??? ?? ???? ??? ???? ?????. ??? ??? ? ????.

• ?? ?? ??? ???? ?? ??? ?????.
• ? ?? ?? ???? ?? ??? ?????.
• ?? ??? ??? ?? ????? ?????.

TypeScript? ???? ??? ??????

????? ??? ???. JavaScript? ?? ????? ? TypeScript? ??? ??? ????

???? ??:

1. ?? ?? ??: ??? ??? ??? ??? ???? ?? ?? ???? ??? ????.

   function greet(name: string) {
     return `Hello, ${name}!`;
   }
   greet(42); // Error: Argument of type 'number' is not assignable to parameter of type 'string'.

1. ?? ?? ? ???: VS Code? ?? ?? ???? ?? ? ??? ?? ?? ?? ? ??? ?????.

2. ?? ???: TypeScript? ??? ??? ??? ??? ??? ?????? ?? ????.

3. ??? ? ??: ??? ??? ???? ? ???? ??? ??? ? ?? ??? ? ????.

?? TypeScript? ? ? ?? ???? ? ?? ??? ??? ?? ?????. ?? ??? ???? ????, ? ??? ?? ???? ????? ????? ?????.

?? ??

???? ?? ???? JavaScript ??? ??? ?????. ?? ??? ???? ???.

• ?? ? ??? ??(?: let, const, ???, ??)
• ??
• ??? ??

?? ??? ??? ??? ?? JavaScript ?? ??? ??? ???.

---

2. ?? ??

?????? ??

TypeScript? ????? ??? ??? ?????. ? ??? ??? TypeScript? ??? ??? ? ?? ??? ??? ? ????. ??? ??? ????.

TypeScript? ????? Node.js? ???? ??? ???. ?? ??? ???:

1. TypeScript? ????? ?????.

   function greet(name: string) {
     return `Hello, ${name}!`;
   }
   greet(42); // Error: Argument of type 'number' is not assignable to parameter of type 'string'.

1. ?? ??:

   npm install -g typescript

VS ?? ??

VS Code? TypeScript ??? ?? ?? ???? ??? ? ?????. ??? ?? ?? ????? ????? ??? ??? ?? ??? ?????. ??? ???:

VS Code? TypeScript ???? ?? ??????. ?? ??? ??? ????.

1. VS Code ??: ???? ???????.
2. ??? ?? ??? ?? ??? ?????.
   • ESLint: TypeScript ?? ???.
   • ? ???: ??? ?? ??? ??.
   • TypeScript Hero: ??? ??? ??.

? ?? TypeScript ???? ???

?? ???? ?? TypeScript? ??? ?? ?? ?????. ? ????? ?? ???? ?? ???? ? ?? ???? ?? ??? ?????.

1. ????? ?? ? ??? ???? ?? ??? ?????.

   tsc --version

1. ? ???? ???:

   mkdir typescript-starter
   cd typescript-starter

1. TypeScript ??:

   npm init -y

1. tsconfig.json ??? ????.

   npm install --save-dev typescript

1. ? ?? TypeScript ??? ?????.

   npx tsc --init

1. ??? ? ??:

   echo "console.log('Hello, TypeScript!');" > index.ts

?? ? ?? TypeScript ????? ???? ???????!

---

3. ?? ?? ??

TypeScript? ??? ?? ?? ???? ????. ? ?? ?? ??? ???????.

?? ??

?? ??? TypeScript ?? ???? ?? ?????. ???? ???, ??, ??? ?? ?? ??? ??? ?????. ?? ??? ??? ???????.

1. ???:

   npx tsc index.ts
   node index.js

1. ??:

   let name: string = "Alice";

1. ??:

   let age: number = 25;

?? ??

?? ?? ??? TypeScript? ??, ??, any ?known? ?? ?? ??? ?? ? ??? ??? ?????. ??? ??? ??? ????? ??? ???? ????.

1. ??:

   function greet(name: string) {
     return `Hello, ${name}!`;
   }
   greet(42); // Error: Argument of type 'number' is not assignable to parameter of type 'string'.

1. ??:

   npm install -g typescript

1. ?? ? (??? ??):

   tsc --version

1. ? ? ??(?? ??? ???):

   mkdir typescript-starter
   cd typescript-starter

1. void(???? ???? ?? ??):

   npm init -y

1. null ? ???? ??:

   npm install --save-dev typescript

---

4. ?? ??? ??? ? ?? ??

TypeScript? ?? ??? ???? ???? ??, ???? ?? ?? ?? ?? ??? ??? ? ????. ??? ?? ??? ??? ??? ????? ?? ?? ??? ? ?? ???? ???? ??? ?? ???? ??? ? ????.

???? ??? ??? ? ??? ? ?? ?? ??? ?????

?? ?? ??

?? ??? ??? ???? ?? ??? ??? ?? ??? ???? ??? ? ??? ?? ??? ?????.

   npx tsc --init

?? ???? ??

????? ??? ?? ?? ??? ?? ??? ??? ? ????.

   echo "console.log('Hello, TypeScript!');" > index.ts

?? ?? ??

   npx tsc index.ts
   node index.js

?? ?: ??? ???

TypeScript? ???? ???? ??? ???? ??? ??? ???? ??? ??? ? ????. ???? ?????? ???? ??, ?? ?? ???? ?? ??? ?? ??? ??? ? ????. ??? ?? ??? ?? ???? ?? ??? ??? ????? ???? ???? ?????.

   let name: string = "Alice";

---

5. ?????? ??? ?? ??

?? ??

TypeScript? ?????? ??? ??? ???? ??? ?? ??? ??? ??? ???. ? ????? ?? ???? ???? ??? ?????.

   let age: number = 25;

??? ??

??? ?? ??? ??? ?? ??? ????. TypeScript? ???? ??????? ??? ??? ???? ??? ??? ???? ??? ? ????.

   let isStudent: boolean = true;

?? ?? ??

?? ?? ??? ?? ?? ??? ?? ??? ? ??? ??? ??? ?????. ??????? ?? ???? ??? ??? ????.

   let scores: number[] = [90, 85, 88];

?? ??: API ??

?????? ???? API ??? ???? ??? ???? ???? ????? ??? ? ????. ?? ?? ??? ????.

   let user: [string, number] = ["Alice", 25];

---

6. ?? ????: ??? ? ? ?? ???

TypeScript? ???? ??? ?????. ? ??????? ???? ?? ??? ???? ??? ? ? ?? ??????? ????.

1. Todo ?? ???:

   function greet(name: string) {
     return `Hello, ${name}!`;
   }
   greet(42); // Error: Argument of type 'number' is not assignable to parameter of type 'string'.

1. ??? ?? ?? ???:

   npm install -g typescript

1. ? ?? ???? ? ?? ??? ???? ? ?? ??? ?????.

   tsc --version

---

7. ?? ??

??? ???????. ? ????? ????? ????. ??? TypeScript ??? ?? ??? ? ??? ???? ?? ? ?? ?? ????? ??? ?????.

• ?? ??: TypeScript ??? ?? ??? ?? ??? ?????.
• ???:
  • TypeScript ??
  • TypeScript? ????? ???? ?? CodeSandbox.
• ??: ??? ???? ?? TypeScript ?????? ??? ?? ???? ??? ??? ??? ?? ?????.

??? ? ???!

? ??? TypeScript ??: ??? ???(?? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!