Sass+Compass開發(初階)

2015-06-28 ~ 2015-07-12 [ 週日 14:00-17:30 (三周,共10.5小時) ]
Hannahpun

常常聽開發者說用了Sass後就回不去了,到底它特別在哪呢?

撰寫純css時常發現有很多樣式重複,一遇上設計改版就頭大,更別提是共同開發維護。

運用Sass搭配Compass可以幫助你的專案容易維護、新增以及擴充功能。

利用三周的時間讓我們帶你快速認識Sass&Compass吧!

這堂課你會學到

Sass

帶你一步步動手練習認識這語言!

Compass工具

讓你更快寫出css並解決瀏覽器不相容問題

頁面設計與開發

客戶想要修修改改?好的sass寫法,讓你不怕被改

課程大綱

1 / 從凡人Css到超人Sass
  • 什麼是Sass? 為什麼要用它
  • Css V.S Sass
  • Sass 跟 Compass安裝
  • 新增sass專案,監控跟輸出
  • config.rb 設定

 

2 / Sass 基本功能
  • Sass巢狀結構
  • import 載入
  • 變數與運算
  • color 隨心所欲變化顏色
  • mixin 自定樣式功能
  • extend 樣式繼承
3 / Compass簡介
  • Compass 簡介
  • 載入reset
  • 速寫CSS3
  • 好用的Helper介紹
  • sprite 圖片元件產生
4 / 頁面設計與開發
  • Media Query快速搞定
  • 客製化bootstrap sass
  • RWD設計與規劃
  • 實用工具介紹
  • 客戶又想改?好的sass寫法,讓你不怕被改

 

課程資訊

課程日期

2015-06-28 ~ 2015-07-12
週日 14:00-17:30 (三周,共10.5小時)
每堂課3.5小時 / 共3堂課 / 時數共10.5小時 / 共三週

課程價格

NTD 3,500
(其餘優惠請參照活動通報名網頁)

課程地點

拾窗。空間
台北市大安區羅斯福路三段191號3樓

人數上限

12人

適合對象

已對html, Css有基本的認識

注意事項

需自備筆電(Windows, Mac皆可)

線上報名