為什麼要使用TypeScript？

TypeScript logo

前端開發（Front-End）近年來在各種平台非常活躍，怎麼說呢？

越來越注重使用者介面，需要能力更強，開發更方便的 framework，因此出現了各種的 JavaScript framework。

• 網頁端（Web）像是這兩年很夯的 AngularJS、React.js、Vue.js、D3.js...等等。

• 伺服器端（Server Side）與網路相關應用，也可以使用 JavaScript 來寫，最經點的例子就是 Node.js，而且可以搭配其他 Framework 做到 JavaScript Universal，像是 Universal React 和 Angular Universal。
• 行動裝置端（大陸稱為移動端），當然也可以使用 JavaScript 來寫 Application，像是 React Native、Cordova、Ionic...等等。

也因為能使用的平台實在太多了，所以更有「得 JavaScript得天下 」的說法。

開發應用有大有小，而在開發大型應用的時候，要怎麼「不寫重複的 code」與「方便 debug」是很重要的！

因此，TypeScript 應運而生！

捌。NG中的NG鏡頭

最近很紅的《美國隊長3 -英雄內戰》中的NG鏡頭

NG鏡頭，通常放於影片結尾，指影片拍攝過程中，發生的一些烏龍鏡頭，製作單位把這些片段剪輯起來，讓觀眾可以會心一笑。

這個系列文章寫到這邊，相信大家對於Angular有一定的概念了
之前文章講了這麼多Angular的好，這篇我們來談Angular的「NG鏡頭吧」

AngularJs開發者的強力武器【ng-inspector for AngularJS】

俗話說：工欲善其事，必先利其器

在Programer的世界中也是這樣，除了電腦硬體、開發平台以外

方便的套件軟體也是不可缺少的！

前情提要

本篇文章以Google Chrome瀏覽器為例，並會用到一些ng的概念。

＊貼心小連結＞AngularJs入門系列教學

漆。發揮創造力，自己做出想像中的客制化套件（directive）！

圖片來源：http://ppt.cc/JVPxN

有時候開發程式，我們常常會先上網找別人寫過類似的程式或是第三方套件（3-party）
但往往找到的程式沒辦法100%完全符合我們的需求（廢話
AngularJs提供了一個特別的功能，叫做directive
directive是用來做什麼的呢？
可以自定html的內容與行為，做出來就像是一個客制化的套件
它能夠「簡化重複的code，也能減少DOM操作」。