我們有著最完善的

前端設計 - 學習計畫

Workflow前端設計製作流程

跟著實作流程邊做邊學,你也能完成屬於自己的第一個網站。
隨時掌握最新趨勢與資訊,讓你技術不落人後

  • 規劃

    成功網站必須要清楚傳達網頁的重點需求,正確的流程可加速網站建置精準度。

  • 設計

    製定風格走向及視覺整合,構思畫面的排列組合,呈現出你的好設計!

  • 實作

    動手實作單元切版,並模組化元件,有效提昇可用性、可擴充性。

Responsive Web Design不可不懂的響應式設計

在不同裝置下改變網頁的佈局排版,包括桌上型電腦、平板電腦或手機
讓各種尺寸的螢幕都可以在同一網站享受最佳的視覺體驗。

HTML + CSS + JavascriptWeb 前端開發三劍客

帶你了解結構、美觀與互動的實作
讓你在職場上更能得心應手的掌握每個專案需求

CSS HTML JS

CSS EvolutionSass = CSS 再進化

能幫助你加速程式開發的效率,並且有效的管理你的樣式 CSS
一起來體驗什麼叫做用過 Sass 就回不去的感覺!

  • 巢狀結構

    無需重複輸入父層選取器,讓你的選取器更容易管理

  • 強大的連接符號

    嵌入父層選取器,讓你的 CSS 模組化更加得心應手

  • 擴充

    相同的 CSS 可透過「擴充」來整併,方便未來的維護

  • 變數宣告

    透過變數的管理與控制,可加快專案的開發與維護

  • 匯入

    利用匯入功能,可將分類的好 Sass 快速合併發佈出你需的 CSS 類型

  • 混合

    有效地減少程式碼重複,透過參數引入變數,編譯出更多樣化的樣式

  • 函數

    強大的內建函數供你使用,更可客製化不同專案所需的函數

  • 運算

    支援加減乘除運算與邏輯判斷,讓你的程式碼更加彈性

Teacher授課講師

Away
Away
遊走在視覺設計與前端開發之間的一名小小工程師,目前在 CMoney 擔任 Front End Engineer,熱愛前端開發、繪圖、音樂、攝影、露營生活。
專長:
  • HTML、CSS、CSS3、RWD
  • Vue、Javascript、jQuery、Webpack
  • Sass / SCSS、CSS 模組化
  • WordPress、Git
  • Photoshop、Illustrator、Dreamweaver、Fireworks
個人網站:
著作: