Contents
一步一步學習樣式元件( styled components )和建立有趣的專案
從這 3 小時的課程,你會學到
- 在 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
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現