網頁前端設計：透過JavaScript與jQuery認識Angular
在上一篇的＜前端設計三大元素：HTML、CSS、JavaScript＞有簡單介紹什麼是JavaScript，接下來我們就會深入介紹JavaScript的相關觀念。
JavaScript是什麼？
JavaScript是由前Netscape工程師Brendan Eich發明，主要目的就是要比Java更讓人容易理解，為了讓網頁設計師更能簡單上手，因此設計成一種直譯式、物件導向的程式語言。
由於JavaScript很快就開發出來，所以剛推出時有很多功能都尚未完善。在隨著版本演進，並且透過jQuery、Reacet.js等架構的開發後，才真正成為前端設計的主流程式語言。
JavaScript可以做什麼？
一般來說，完整的JavaScript包含以下幾個部分：
1. ECMAScript
2. 文件物件模型（DOM），描述處理網頁內容的方法和介面
3. 瀏覽器物件模型（BOM），描述與瀏覽器進行互動的方法和介面
JavaScript的特點
1. 一種解釋性程式語言
2. 主要用來向HTML頁面添加互動行為
3. 可直接嵌入HTML頁面，但寫成單獨的js檔案有利於結構和行為的分離
JavaScript通常用來完成以下任務
1. 嵌入動態文字於HTML頁面
2. 對瀏覽器事件作出回應
3. 讀寫HTML元素
4. 在資料被提交伺服器之前進行驗證
5. 檢測訪客的瀏覽器資訊
6. 控制cookies（包括建立和修改等）
也因為JavaScript有許多令人激動的功能。因此也被稱作「應用程式接口(APIs)」，其中又分為兩類：「瀏覽器APIs」、「第三方APIs」。
瀏覽器APIs是被安裝在網頁瀏覽器內，且可以由本地端的環境中輸出資料，或實現複雜的功能。
第三方APIs不是來自原本的瀏覽器，而是透過第三方平台提供的程式碼以及信息，抓取所需要的功能。（部分第三方APIs是需要付費，才能使用該服務）
如下方案例（
但隨著jQuery越來越完整，幾乎成為前端開發的必備技能，因為你在使用進階的三方資料庫時，會發現許多都依賴jQuery，例如：Bootstrap。
這是為什麼呢？因為Angular不需要寫任何JavaScript程式碼，也沒有做任何的DOM操作，卻跟JavaScript有一樣的效果，其中的原因就是因為Angular的核心是「數據驅動」。
值得一提的是，Angular搭配TypeScript開發，而TypeScript本來就是為了JavaScript能撰寫出大型應用程式的商業邏輯所設計出來的產物。