使用CoffeeScript編寫Angular

• module
• filter
• factory
• controller

Read More

擴充類別

• JavaScript原本就可以使用prototype將類別進行擴充方法
• CoffeeScript的用法是::將類別進行擴充

Read More

全域變數

• CoffeeScript中寫的變數及function，都是以區域變數包在裡面
• 優點：不會影響到別的js

1
2

(function() {
}).call(this);

Read More

使用CoffeeScript編寫jQuery

Read More

CoffeeScript OOP

• class
• 方法
• 繼承(extends)

Read More

• 註解
• 變數宣告
• Function
• 陣列
• 物件
• 邏輯判斷

Read More

Week5 - Mobile 進階開發細節

• Vertical rhyth(文字垂直韻律)、範例
• schema、線上檢測工具
• schema sample
• review RWD
  • 以數據分析來設計資訊流
  • 規劃圖片策略，瀏覽器技術(是否可支援border-box，IE9以上)
  • 使用chrome dev tools Debug
  • 組件化模組
• 前端開發流程分享
• HTML5、網頁語意化技巧
• 行動版測試友善度、page speed、chrome plugin to pagespeed
• 設定關鍵字種類：itemscope itemtype=”http://schema.org/Product“
• 設定名稱：itemprop=”name”
• 設定圖片：itemprop=”image”
• 設定描述：itemprop=”description”

Read More

Week4 - Design patten

• transform、offcanvas Layout
• SMACSS、OOCSS、BEM
• Table、form、Button setting
• Mobile event (Focus、blur)

Read More

什麼是CoffeeScript？

• 借用Python和Ruby的優點
• 以較簡潔的方式編寫JavaScript
  • 以縮排取代大括號
  • List Comprehension
  • if modifier, 可以將if寫在後面，也有unless
  • 呼叫方法或邏輯判斷的時候，可以視情況省略小括號
  • 結尾不需要分號
  • 不用特別寫return

Read More