以 5 個專案從頭學會 Materialize CSS

通過建構 5 個實際的響應式實質設計主題( themes ),掌握 HTML 5 和 Materialize CSS 框架

報名參加課程

從這 10.5 小時的課程,你會學到

  • 學習使用語義標籤( semantic tags )和屬性正確建構 HTML 5 文件
  • 從頭開始學習並創建驚人高品質的具體主題( Materialize themes )和用戶界面
  • 使用自訂沙盒環境了解 Materialize 實用工具、類(classes)、組合元件和 JS 小程式( widgets )
  • 學些自訂的 JavaScript / JQuery 以創作出互動性更高的主題( themes )

要求

基本的 HTML 和 CSS

課程說明

本課程適合任何知道基本 HTML 和一點 CSS ,希望使用基於 Google Material Design 方案的 Materialize CSS 框架將他們的前端網站和 UI 創建提升到新的水準的人。你將從絕對基礎學習所有 CSS 和 JavaScript 組合元件、動畫/轉換,並建構  5 個美麗且完全響應式的實用主題。

自訂實體化沙盒( Materialize Sandbox )

我為本課程的前幾部分創建了一個完全自訂的 HTML 學習環境。每個講座都有一個與其相關的 html 頁面,並具有其開始狀態。在我們進行講座的過程中,你將與我一路寫程式,學習 Materialize 所有提供的工具,包括 CSS 組合元件 、實用工具、JS 小程式等。

5 個真實的專案/主題

我們將從頭開始創建以下專案:

  1. Travelville – 旅行社網站/主題(旋轉木馬滑塊、自動完成、捲動瀏覽頁面)
  2. Quazzu – 雲端託管主題(SideNav、cards、CSS overlays)
  3. Madmin – 互動管理主題(工作待辦事項列表、圖表、預載入器、計數器腳本)
  4. BizLand – 具有全螢幕登陸頁面的商務諮詢主題(Scrollfire、Google 地圖整合)
  5. Galappear – 平面設計組合(使用 Sass 和 Scrollfire 捲動動畫)

目標受眾

任何想要學習和掌握 Materialize CSS 和建構實用主題( Themes )的人

講師簡介

Brad Traversy    Traversy Media 的全端 Web 開發者與講師

Brad Traversy 有12 年以上的程式設計經驗和近5年的教學經驗。 他創立 Traversy Media ,一個成功的 Web 開發 YouTube 頻道,擅長前端框架 (從 HTML5 到 Angular 等),以及 Node.js、PHP和 Python 等伺服器端技術。 Brad 清楚掌握如何將非常複雜的話題簡單說明,讓聽眾容易了解。 通過 Brad 易懂的課程來投資你自己擴展你的職涯吧。

英文字幕:有 

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎訂閱前端開發學習資訊分享Telegram 

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: