Angular 前端框架入門

Angular 前端框架入門

想踏入現代網頁開發世界，卻不知從何開始？本課程將帶領你從前端基礎（HTML、CSS、JavaScript）一步步進入 Angular 框架的核心實作。
透過完整的課程，你將學會使用 TypeScript 建構元件、操作路由、整合 API 並打造互動式的單頁應用（SPA）。

課程大綱

第一階段：前端基礎入門
1. HTML & CSS
HTML 基礎：標籤、結構、表單、超連結
CSS 基礎：選擇器、盒模型、Flexbox
CSS 變數與基本樣式管理
響應式設計簡介

2.JavaScript 基礎
變數
條件判斷
迴圈
陣列與物件
函式與事件監聽

3. TypeScript 入門
變數型別
陣列、物件、介面 (interface)
類別與建構函式
函式與泛型

第二階段：Angular 基礎
4. Angular 環境與基礎
安裝 Angular CLI，建立第一個專案
Component (組件) 的概念與結構
模板語法與資料綁定
基礎指令

5. 表單與事件處理
雙向綁定
事件處理
表單輸入驗證
服務 (Service) 與 HttpClient 簡介

6. 路由與導航
Angular 路由 (RouterModule)
動態路由參數 (ActivatedRoute)
路由守衛 (CanActivate)
路由與子路由 (Nested Routes)

7. Angular 專案實作
建立專案，設計 UI
API 整合：取得後端數據
CRUD 操作（新增、修改、刪除）
表單驗證與錯誤處理
使用者登入驗證

適合對象

• 對前端開發有興趣的初學者
• 有 JavaScript 基礎，想進階學習框架的開發者
• 準備進入職場或接案的學生與轉職者

開發環境

Visual Studio Code (VS Code)

實體課程注意事項

本班為實體課程，常見QA詳情連結

校園防疫措施詳情連結

公務員全程參與課程學習後可於課程結束後申請登錄公務人員學習時數

課程影片觀看期限至課程結束後一週關閉

(一)退費期限：開課日後⅓時數內，詳情連結

(二)查詢結業狀況：結業名單連結

近期班次

  • 第458期 停開一期

    課程類別：假日班下午

    開課日期：2025.11.29 ~ 2025.12.28

    上課時間：

    每 週 (六)(日) 1:00 PM ~ 4:00 PM

    學費：新生新台幣6500元整

    停止報名

    • 講師介紹

    鄧美達

    (一) 學歷:
    長榮大學企業管理系學士

    (二) 業界經歷:
    昕力資訊 資深前端工程師(2020~迄今)

    (三) 專長領域
    系統開發、網頁設計

    (四) 技能專長:
    HTML、CSS、SCSS、JavaScript、TypeScript、Angular、Vue、React、jQuery