Tailwind CSS 3.0 從零開始：入門到實戰

詳細資訊

★
提升切版魅力！從初階到進階必學的新世代排版神器！
跟著 Tailwind CSS 降低開發響應式網站的時間，提升元件開發的效率。
「非官方文件」的導讀，帶領你了解基礎核心知識，直接上場做 project 開發！
多人開發前端 project，團隊卻經常因為標籤命名不夠精準產生溝通困難？
從網頁切版進入前端的世界，對於 UI/UX 息息相關的前端工程師，介面的設計規劃除了手刻能力要講究，在專案時程很趕的時候就會需要使用到框架來快速建構網頁畫面。對於多人開發 project 而言，光是想每個標籤使用的類別名稱就會燒腦到不行，命名就變成一種學問。 2019 年崛起的 Tailwind CSS 打破過往 CSS 框架的思維，您只需要考慮樣式優先的撰寫方式，專注於要給予列表的背景顏色、邊框顏色、文字顏色、按鈕需不需要滑鼠經過有效果，或是排版要怎麼安排，只需要從功能去發想，不需要先去想命名，這在開發上省下相當多的時間！
本書為【擁有 CSS 與 RWD 開發經驗的網頁設計師與前端工程師】、【多人協作開發專案有統一風格需求的團隊】、【網站需要高客製化的元件需求專案】的最強參考書籍！
作者著重在實際開發時的心得與情境，帶您從零開始，入門核心觀念、實作小功能介面，到呈現一個基本頁面的響應式網頁，後續也使用 jQuery 與 Vue.JS 為範例作為框架引入 Tailwind CSS 實際開發案例，完成一個靜態網頁。
本書使用 Tailwind CSS 版本：V3.0 現在就跟著本書輕鬆活用 Tailwind CSS 提升你的前端網站渲染效果！擺脫多人團隊專案風格紊亂無序的困擾吧！
本書特色
● 從零開始介紹 Tailwind CSS 的核心知識、安裝方式、基本元件建立，帶領讀者快速入門
● 透過許多基礎元件感受 Tailwind CSS 的特色與魅力！
● 功能優先特色，打造獨一無二的元件
● 透過 Tailwind CLI 的編譯，讓網頁渲染效果提升！
● 多個元件與功能實作／以及 2 個中大型範例開發／Vue.js 與 Tailwind CSS 的完美結合
● 六角學院創辦人兼校長
廖洧杰
推薦
● 熱愛 JavaScript 知名直播主 Tommy 推薦
專業推薦
「這本書除了詳細講解 Tailwind 技術外，更棒的是還分享許多切版範例題目，最後面還顧及開發者的程度，貼心提供 jQuery 與 Vue CLI 的技術整合範例。充分看出作者不希望你單純『看』這本書，而是『真的動手做』，才能將技術變成自己的東西。」——
廖洧杰／六角學院創辦人兼校長
「除了官網的文件外，Tim 用自身經驗，融合了實作上會遇到的一些問題，也算是某種程度上的經驗談，手把手的方式帶領讀者能更順利達成實作，非常適合新手或考慮轉到 Tailwind CSS 的開發者閱讀。」—— Tommy／熱愛 JavaScript 知名直播主

目錄列表