前言

Angular 是目前最流行的前端框架之一，由 Google 團隊開發和維護。這篇文章將介紹 Angular 的特色，以及為什麼要選擇 Angular 作為開發框架。

什麼是 Angular？

Angular 是一個開源的前端框架，由 Google 團隊開發和維護。跟之前介紹的靜態網頁 Hugo 不同，用於構建動態 Web App。有完整的開發工具包，讓開發者可以更加快速與高效地開發 Web App。

為什麼選擇 Angular？

企業級前端框架

  • 使用強型別的 TypeScript 程式語言
  • 使用以類別為基礎的物件導向架構開發 Web App

超高生產力

  • Angular CLI 改善開發流程
  • 內建 codelyzer 靜態程式碼分析工具確保開發品質

穩定的版本升級策略

  • 擁有穩定的 Angular 版本與釋出政策

    • 每個版本升級皆可搭配 ng update 自動更新

Features

Angular 擁有許多特色, 以下列出幾個主要的特色

Data Binding

Component(ts) & Template(HTML) 互相傳遞資料的方式,

減少了手動處理 DOM 的繁雜工作,

提高了開發效率

模組化架構

將 Web App 拆分為多個模塊,

每個模塊專注於一個特定的功能,

提高程式的 可維護性 和 可擴展性

Dependency injection

Angular 提供了依賴注入的機制,

可以創建可 重用 & 可 測試 的 Component,

減少程式的重工

Directives

Directives 可以幫助開發者更輕鬆地實現各種常見 DOM 操作

  • *ngFor

  • *ngIf

  • [ngSwitch]

Typescript

  • Angular 使用 TypeScript 作為開發語言

  • 擁有 型別 與 介面

  • 提供 提示 和 錯誤檢查機制, 減少出錯

Angular CLI

Angular CLI 是一個命令行工具,

可以幫助開發者快速建立 Angular 專案,

並提供了許多實用的指令

Angular vs Java

image

大概了解 Angular 的特色後,

來建立第一個 Angular App,

以及進一步了解他吧!

參考