fbpx

Tailwind CSS – 從零到專家 tailwind css – tailwind v3 2023

Tailwind CSS – 輕鬆建構一個 Tailwind CSS 音樂節網站並建構自訂的 Tailwind 外掛、組件等!

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

  • 增加您作為前端 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

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化

🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結



報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: