Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
課程簡介
介紹
- Tailwind CSS 概述
開始
- 安裝 Tailwind CSS
- 安裝節點
- 安裝 VS code
- 設置環境
Tailwind CSS 基礎知識
- 使用 HTML 附加 Tailwind CSS
- 使用實用程式類創建容器
- 添加寬度和高度屬性
- 瞭解 flexbox 的工作原理
- 包裝和調整 flex 專案的大小
- 創建網格和行佈局
- 調整網格佈局中元素的流動
- 在項目之間添加間隙並對齊專案
- 對單個項目進行對齊
- 為元素添加填充和邊距
- 使用 Tailwind 實用程式類設置文字樣式
- 添加邊框和設置邊框樣式
- 為元素添加陰影
- 使用斷點添加回應行為
- 使用偽選擇器
- 分層和應用指令
- 使用元件進行代碼重用
設置更好的開發環境
- 使用 Tailwind CLI 建立環境
- 指令和函數
摘要和後續步驟
最低要求
- HTML 和 CSS 的基礎知識
觀眾
- 開發人員
7 時間:
客戶評論 (6)
Trainer' style of teaching
Fatma Badi - Dubai Electricity and Water Authority
Course - Front End Developer
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Course - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
His ability to teach me through real-life examples, and his immediate response to my question with a clear and understandable answer.
Zayed Al Kindi
Course - HTML5, JavaScript, and CSS3
實踐環節
Tshepo - Vodacom
Course - HTML5, JavaScript, and CSS4
機器翻譯
非常友好,我們可以隨心所欲地交談,一切都很順利。
Axel - Université Libre de Bruxelles
Course - Advanced TypeScript
機器翻譯
精心策劃。我沒有很多理由,我沒有迷路,我知道我在哪裡。從一般到具體的問題是在你自己的領域進一步工作的基礎。
Andrzej - TENSOFT Sp. z o.o.
Course - Design Patterns in PHP
機器翻譯