Contents
通過建構 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
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- 網頁前端開發學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!