Contents
Tailwind CSS – 輕鬆建構一個 Tailwind CSS 音樂節網站並建構自訂的 Tailwind 外掛、組件等!
從這 3.5 小時的課程,你會學到
- 增加您作為前端 Web 開發人員的價值
- 使用 Tailwind CSS 建構登錄頁面
- 創建自定義 Tailwind CSS 外掛
- 擴展原始設定的 Tailwind CSS 主題
- 使用 Tailwind CSS 建立自訂的動畫
要求
對 HTML 和 CSS 的基本理解
課程說明
通過學習 Tailwind CSS 的來龍去脈,提高您作為前端 Web 開發人員的技能並增加您的價值!
Tailwind CSS 是一個實用程式( utility ) 優先的 CSS 框架,包含 flex、pt-4、text-center 和 rotate-90 等類,可以直接在您的標記中組合構建任何設計。
不再需要考慮合適的 class 名,不再創建包裝 classes 和內部 classes,不再用不必要的大 CSS 檔案浪費資源。 Tailwind CSS 使建構設計變得出奇地快速且簡單,更不用提其已內建的開箱即用上的優化。沒在您的 HTML 檔案中使用特定的 class?那麼 Tailwind CSS 不會將它包含在您的 CSS 的最終建構中!
在本課程中,我們將為音樂節網站創建一個行動優先的登錄頁面。我們將介紹帶有 flexbox 和網格的佈局、帶有選單和子選單項的 Hero 和 Navbar 組件、針對不同的狀態(如懸停和焦點狀態)、針對不同的螢幕尺寸,並超越 Tailwind 的內建主題和 class。
在熟悉 Tailwind CSS 的 utility classes 之後,我們將創建自己的基底( base )classes、實用程式( utility )classes 和組件( component ) classes,甚至編寫自己的 Tailwind CSS 外掛!這門課程在如此短的時間內充滿了令人難以置信的價值!
通過學習使用 Tailwind CSS 設置網站樣式( styling ) 的更高級方法,提高您作為前端 Web 開發人員的價值。
目標受眾
希望通過學習更高級的應用程式和網站樣式設置方式來增加自身價值的所有級別的 Web 開發人員
講師簡介
Tom Phillips 12 年以上前端 Web 開發人員
Tom Phillips 多年來一直在英國開發前端網頁和行動應用程式。在那段時間裡,他不得不為初級開發人員準備和教授有關最新尖端 Web 框架的多門課程,並在他們作為初級開發人員的早期指導他們。通過這樣做,Tom 找到了有效的方法來教授和解決許多開發人員在嘗試開始使用新框架時面臨的常見複雜問題,尤其是在前端 Web 開發這樣快速變化的領域。現在他正在將這些方法應用到他的 Udemy 課程中!
早在 Tom 本人還是一名初級開發人員時,他有幸得到了該領域專家的指導。這使他能夠在他的職業生涯中迅速取得進步,並在他作為專業前端開發人員的時間裡理解和構建多個大型專案。現在 Tom 正在移轉價值並分享他的知識。通過註冊他的一門課程,獲得相當於他當初所獲得的幸運指導,快速了解您在前端 Web 開發方面的理解和知識。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個 Network & Security 課程✨優惠連結✨ ( NT370 起限時特價中 ) | Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- 成為網頁前端(frontend)工程師學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
發表迴響