內文簡介
＜內容簡介＞

•Bootstrap及Vue.js熱門前端技術一手掌握
•MySQL資料庫功能實作與PHP Web應用程式一次到位
•沒有Node.js套件管理及Vue-CLI模組一樣搞定SPA

現今前端工程師必備的能力，絕不能止步於HTML、CSS與JavaScript而已，除了要能設計適合不同尺寸載具的RWD頁面外，更需要學會運用不同框架的整合，才能在專案中得心應手同時展現前端工程師的價值。

目前廣泛運用Bootstrap的CSS框架來呈現版面並達成RWD，而Vue.js則是近年備受矚目的三大JavaScript框架之一。本書以Vue.js框架為核心概念，搭配Bootstrap做為UI的呈現，詳細介紹Vue 3之後新增的composition API撰寫方式、建立資料採用ref()和reactive()、options API程式碼架構，並說明與Vue 2的差異，為讀者打造駕馭前端框架的實戰力，成為卓越的前端工程師。

★目錄：

Chapter 1　Vus.js 起步走
　1-1 Vue.js 範本檔的實作
　1-2 {{ }}, mustache 語法的「單向流出之資料綁定」
　1-3 Bootstrap 5 與 Font awesome 的使用
　1-4 v-bind「單向流出資料綁定」
　1-5 事件繫結的 v-on 指令
　1-6 雙向資料綁定的 v-model 指令
　1-7 非單一 Vue 實例
　1-8 輸出HTML
　1-9 Vue 實例的生命週期
　1-10 Vue 的全域變數
　1-11 本章回顧

Chapter 2　站在巨人肩膀上前進
　2-1 結構分析
　2-2 遺珠之憾

Chapter 3　資料的呈現
　3-1 選項物件的 template 屬性
　3-2 使用物件的選項物件 data 屬性
　3-3 使用陣列的選項物件 data 屬性
　3-4 computed 屬性
　3-5 Filters 屬性
　3-6 Watch 屬性

Chapter 4　CSS 樣式的動態綁定
　　4-1 行內樣式
　　4-2 Class 樣式

Chapter 5　選擇性資料的呈現
　5-1 v-show 指令
　5-2 v-if 指令
　5-3 條件式呈現的應用

Chapter 6　表單及其元件
　6-1 文字顯示元件
　6-2 文字框元件─單列
　6-3 文字框元件─多列
　6-4 多選的核對框 Checkbox
　6-5 單選的選項按鈕 Radio Button
　6-6 下拉選單 Select 元件
　6-7 下拉選單 Dropdowns 元件
　6-8 下拉選單 List group 元件
　6-9 範圍 Range 元件

Chapter 7　再談事件繫結
　7-1 事件修飾符號（Event Modifiers）
　7-2 按鍵修飾符號（Key Modifiers）
　7-3 滑鼠按鍵修飾符號（Mouse Button Modifiers）

Chapter 8　來自後端的資料
　8-1 來自 PHP 函式的資料
　8-2 PHP 資料檔
　8-3 MySQL 資料庫
　8-4 主頁 xindex.php
　8-5 action4accounts.php 解說
　8-6 二個安全上的漏洞
　8-7 小結
　8-8 〈補充〉MySQL 資料庫的連線開啟與關閉

Appendix A　快速掌握 ES 6【PDF 電子書, 請線上下載】
　A-1 let 區域化變數的存範圍
　A-2 const 常數宣告
　A-3 Data Type 資料型別
　A-4 for...of 巡覽迴圈
　A-5 Template 字串模板
　A-6 Arrow Function 箭頭函數
　A-7 Rest Parameters 餘下參數
　A-8 Object Literal 物件常數
　A-9 Array 物件常見的方法
　A-10 function chaining
　A-11 promise
　A-12 module 模組

相關分類

購物須知

寄送時間	全台灣24h到貨，遲到提供100元現金積點。全年無休，週末假日照常出貨。例外說明
送貨方式	透過宅配送達。除網頁另有特別標示外，均為常溫配送。消費者訂購之商品若經配送兩次無法送達，再經本公司以電話與Email均無法聯繫逾三天者，本公司將取消該筆訂單，並且全額退款。
送貨範圍	限台灣本島與離島地區註，部分離島地區包括連江馬祖、綠島、蘭嶼、琉球鄉…等貨件，將送至到岸船公司碼頭，需請收貨人自行至碼頭取貨。注意！收件地址請勿為郵政信箱。註：離島地區不配送安裝商品、手機門號商品、超大材商品及四機商品。
售後服務	缺掉頁更換新品
執照證號＆登錄字號	本公司食品業者登錄字號A-116606102-00000-0

關於退貨

PChome24h購物的消費者，都可以依照消費者保護法的規定，享有商品貨到次日起七天猶豫期的權益。(請留意猶豫期非試用期!!)您所退回的商品必須回復原狀（復原至商品到貨時的原始狀態並且保持完整包裝，包括商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性）。商品一經拆封/啟用保固，將使商品價值減損，您理解本公司將依法收取回復原狀必要之費用(若無法復原，費用將以商品價值損失計算)，請先確認商品正確、外觀可接受再行使用，以免影響您的權利，祝您購物順心。
如果您所購買商品是下列特殊商品，請留意下述退貨注意事項：
1. 易於腐敗之商品、保存期限較短之商品、客製化商品、報紙、期刊、雜誌，依據消費者保護法之規定，於收受商品後將無法享有七天猶豫期之權益且不得辦理退貨。
2. 影音商品、電腦軟體或個人衛生用品等一經拆封即無法回復原狀的商品，在您還不確定是否要辦理退貨以前，請勿拆封，一經拆封則依消費者保護法之規定，無法享有七天猶豫期之權益且不得辦理退貨。
3. 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，一經您事先同意後始提供者，依消費者保護法之規定，您將無法享有七天猶豫期之權益且不得辦理退貨。
4. 組合商品於辦理退貨時，應將組合銷售商品一同退貨，若有遺失、毀損或缺件，PChome將可能要求您依照損毀程度負擔回復原狀必要之費用。
若您需辦理退貨，請利用顧客中心「查訂單」或「退訂/退款查詢」的「退訂/退貨」功能填寫申請，我們將於接獲申請之次日起1個工作天內檢視您的退貨要求，檢視完畢後將以E-mail回覆通知您，並將委託本公司指定之宅配公司，在5個工作天內透過電話與您連絡前往取回退貨商品。請您保持電話暢通，並備妥原商品及所有包裝及附件，以便於交付予本公司指定之宅配公司取回（宅配公司僅負責收件，退貨商品仍由特約廠商進行驗收），宅配公司取件後會提供簽收單據給您，請注意留存。
退回商品時，請以本公司或特約廠商寄送商品給您時所使用的外包裝（紙箱或包裝袋），原封包裝後交付給前來取件的宅配公司；如果本公司或特約廠商寄送商品給您時所使用的外包裝（紙箱或包裝袋）已經遺失，請您在商品原廠外盒之外，再以其他適當的包裝盒進行包裝，切勿任由宅配單直接粘貼在商品原廠外盒上或書寫文字。
若因您要求退貨或換貨、或因本公司無法接受您全部或部分之訂單、或因契約解除或失其效力，而需為您辦理退款事宜時，您同意本公司得代您處理發票或折讓單等相關法令所要求之單據，以利本公司為您辦理退款。
本公司收到您所提出的申請後，若經確認無誤，將依消費者保護法之相關規定，返還您已支付之對價（含信用卡交易），退款日當天會再發送E-mail通知函給您。

Vue.js 3前端漸進式建構框架實戰應用：完美搭配Bootstrap 5與PHP

商品評價

搜尋更多

內文簡介

相關分類