TypeScript 課程簡介

課程目標

本課程旨在使學員在五天內掌握 TypeScript 的基礎和進階知識，從環境設置到進階編程技巧。學員將學習如何在實際的軟件開發項目中應用 TypeScript，提高代碼的質量和可維護性。

學習重點

• TypeScript 基礎知識：瞭解 TypeScript 的核心概念及其相對於 JavaScript 的優勢。
• 函數和類別的使用：深入了解 TypeScript 中的函數寫法及類別設計。
• 進階類型和泛型：掌握進階類型系統和泛型的應用，提高代碼的靈活性和重用性。
• 異步編程：學習在 TypeScript 中處理異步操作的技巧和最佳實踐。
• 實戰應用與項目展示：將所學知識應用於實際項目中，並進行展示。

習作與練習

• 每日習作：針對每日主題進行的練習，如寫出特定功能的 TypeScript 代碼。
• 結訓展示：結合所學知識，完成下列習題：

習作題目

創建一個 TypeScript 程式,該程式將讀取一個 YAML 檔案,該檔案包含一個使用者列表,每個使用者都有名字、年齡、電子郵件和一組技能。程式應該將 YAML 檔案的內容轉換為 TypeScript interface,並將生成的程式碼寫入一個新的 .ts 檔案。

YAML 檔案範例 (users.yaml):

users:
  - name: Alice
    age: 25
    email: alice@example.com
    skills:
      - TypeScript
      - JavaScript
      - HTML
  - name: Bob
    age: 30
    email: bob@example.com
    skills:
      - Python
      - Django
      - SQL

輸出範例 (users.ts):

interface User {
  name: string;
  age: number;
  email: string;
  skills: string[];
}

interface UserList {
  users: User[];
}

export const users: UserList = {
  users: [
    {
      name: 'Alice',
      age: 25,
      email: 'alice@example.com',
      skills: ['TypeScript', 'JavaScript', 'HTML'],
    },
    {
      name: 'Bob',
      age: 30,
      email: 'bob@example.com',
      skills: ['Python', 'Django', 'SQL'],
    },
  ],
};