顯示具有 AngularJs入門系列教學 標籤的文章。 顯示所有文章
顯示具有 AngularJs入門系列教學 標籤的文章。 顯示所有文章

2016年5月11日 星期三

捌。NG中的NG鏡頭

最近很紅的《美國隊長3 -英雄內戰》中的NG鏡頭
NG鏡頭,通常放於影片結尾,指影片拍攝過程中,發生的一些烏龍鏡頭,製作單位把這些片段剪輯起來,讓觀眾可以會心一笑。

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

2016年5月2日 星期一

漆。發揮創造力,自己做出想像中的客制化套件(directive)!

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

2016年4月22日 星期五

陸・Angular表單驗證

來源自:Why Should We Validate Our Websites with Validators?
在Web的世界裡,常常會遇到「表單」功能,通常也要同時「驗證使用者資料」
AngularJs裡面提供的表單驗證功能,要從AngularJs與Form糾葛的愛恨情仇說起(大誤
在AngularJs中,如果要搭配驗證功能,就必須要有form這個標籤
form可以幫忙驗證其中的輸入標籤(包含input、select、textarea)
也就是說,要驗證的部分全部都要包進form當中!

2016年4月12日 星期二

伍・老車大改造

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

還記得嗎?

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

2016年4月7日 星期四

肆・跟著老師動吃動

圖片為【自由發揮 - GYM】歌曲MV,截自0:54秒
經過上一篇的洗禮,我們要開始跟著老師動吃動(重點誤),利用「目標」來學習 AngularJS 的各種使用方法與特性。

2016年3月31日 星期四

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

圖片為巨型麥哲倫望遠鏡
今天讓我們來認識 AngularJS 的基本要素

還記得第一篇寫的程式嗎?
>提供貼心小連結:AngularJs 序章。改

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

2016年3月29日 星期二

2016年3月23日 星期三

AngularJS 序章。改

序章


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







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


2016年3月22日 星期二

初探 AngularJS 。

序章


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