以 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 個真實的專案/主題

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

Travelville – 旅行社網站/主題（旋轉木馬滑塊、自動完成、捲動瀏覽頁面）
Quazzu – 雲端託管主題（SideNav、cards、CSS overlays）
Madmin – 互動管理主題（工作待辦事項列表、圖表、預載入器、計數器腳本）
BizLand – 具有全螢幕登陸頁面的商務諮詢主題（Scrollfire、Google 地圖整合）
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

點選 ✨ 大多課程 NT320優惠連結 (到 425 )| Udemy 永久擁有課程 ( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現