fbpx

樣式化元件教學和專案課程

一步一步學習樣式元件( styled components )和建立有趣的專案

報名參加課程

已經上過這門課程?

🔥歡迎來參加這個活動 – 上課心得分享與獎勵說明 :分享就贈送一門線上課程

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

在 React 應用程式中使用樣式化元件( Styled-Components )

要求

React 的基本知識

課程說明

“樣式化元件”的聯合創始人 Max Stoiber 表示:

“樣式化元件的基本思想是通過刪除樣式和元件之間的對映來執行最佳實踐。”

樣式化元件( Styled-Components )是 CSS 在 JS 中執行的一部分,我們可以建立具有自己封裝樣式的元件,不再需要建立元件時選擇一個選擇器,然後急於為該特定元件新增 CSS( app.css ) 或其他樣式表來編寫獨立樣式。 樣式化元件之所以如此酷是因為它們非常棒的標記模板語法( tagged template syntax ),允許通過定義樣式來建立正常的 react 元件。 以零配置樣式化元件支援 css 模組化( modularity )、 css 中的變數、 css 中的巢狀( nesting )、擴充元件樣式等等。 樣式化元件還允許我們在元件中編寫純 CSS,而不必擔心類別名( class name )衝突

目標受眾

每個想學習樣式元件的人

講師簡介

John Smilga 導師  ( 更多講師主講課程介紹 )

你好,我是約 John Smilga 和我是一個 Web 開發者。 我在加利福尼亞州的洛杉磯生活和工作。 我每天大部分時間都在嘗試 HTML、 CSS 和 Javascript (還有許許多多的框架列表)。 我享受程式設計和每天學習新東西的挑戰。 你也可以在 youtube 頻道 Coding Addict 找到我。

英文字幕:有

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

報名參加課程 | NT300 限時優惠連結

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

Spread the love

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: