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
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 ，課程最低價 NT390 起( 登入後將看到 ）
- 辦公室生產力課程特價連結
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
你必須登入才能發表留言。