我是富堅王

圖片取自 Jump 官方公告

其實獵人 (Hunter x Hunter) 一直都是我很喜歡的作品...

不是啦，最近好像真的太久沒發文了

一整個就是富堅王阿 (至少我不是因為腰痛....XD

所以我想說來跟大家說一下最近忙碌的事情，來刷一下存在感 (欸

為什麼要使用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操作」。

陸・Angular表單驗證

來源自：Why Should We Validate Our Websites with Validators?

在Web的世界裡，常常會遇到「表單」功能，通常也要同時「驗證使用者資料」
AngularJs裡面提供的表單驗證功能，要從AngularJs與Form糾葛的愛恨情仇說起（大誤
在AngularJs中，如果要搭配驗證功能，就必須要有form這個標籤
form可以幫忙驗證其中的輸入標籤（包含input、select、textarea）
也就是說，要驗證的部分全部都要包進form當中！

string.CompareTo()用法 in C#

在C#中
通常寫比較都會用一般的運算子（operator） == 或是Equal()來處理

但這只能用於數值型別（Int、Double、Float....等等）

發現好像蠻多人對於字串（String）值的比較蠻不熟的

故這邊來補充一下用法

C#字串比較 string.CompareTo()用法

以0為基準做判斷，比較淺顯易懂

• a.CompareTo(b) > 0   表示 a > b
• a.CompareTo(b) == 0 表示 a = b
• a.CompareTo(b) < 0   表示 a < b
• a.CompareTo(b) >=0  表示 a >= b
• a.CompareTo(b) <=0  表示 a <= b

伍・老車大改造

圖片為《舊車改造突擊隊》照片

還記得嗎？

上一篇學到了「使用AngualrJs製作待辦清單」
貼心小連結＞肆・跟著老師動吃動
這篇我們將延續上一篇的程式，使用更聰明的方法來「改造」你的程式。

肆・跟著老師動吃動

圖片為【自由發揮 - GYM】歌曲MV，截自0:54秒

經過上一篇的洗禮，我們要開始跟著老師動吃動（重點誤），利用「目標」來學習 AngularJS 的各種使用方法與特性。

參・從望遠鏡探索 Angular 星系的奧秘

圖片為巨型麥哲倫望遠鏡

今天讓我們來認識 AngularJS 的基本要素

還記得第一篇寫的程式嗎？
＞提供貼心小連結：AngularJs 序章。改

這次我們把多餘的東西拔除，留下標題，讓我們來一步一步探索 AngualrJS 的奧妙吧！GO～

從 AngularJS 思考模式起手

建立 AngularJS 思考模式

「以資料架構來思考程式」

AngularJS 序章。改

序章

近年來「前端（Front-End）」這個名詞越來越夯
相信身為 Coder 的你，「不」一定聽過 JavaScript（沒聽過也沒關係，請看註1）
但一定聽過 jQuery、React、AngularJS....
那，你知道他們是什麼嗎？

註1：JavaScript 是一種程式語言，也是瀏覽器（Browser）的一部份，最初是用來增加網頁的動態功能，目前也能在網路伺服器（ex：node.js）或是手機應用程式（Application）上都能夠運行。

初探 AngularJS 。

序章

近年來「前端（Front-End）」這個名詞越來越夯，相信寫程式的你不一定聽過 JavaScript
但一定聽過 jQuery、React、AngularJS ....
那，你知道他們是什麼嗎？