‧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的差異,為讀者打造駕馭前端框架的實戰力,成為卓越的前端工程師。作者
黃聰明
臺灣大學商學研究碩士及中興大學法律學碩士/現就讀中正大學法律研究所博士班,為教育部部定講師。熱愛資訊科技,特別是程式設計,除通過Microsoft、Red Hat、Sun及Oracle等程式設計、系統管理及資料庫等國際證照外,也曾於空大、屏科大、大仁科大、美和科大擔任講師多年,教授資訊管理與程式設計相關課程,並著有《iOS App程式開發與設計》等十七本程式設計著作。
作者網站:https//informationcrime.law
目錄
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 模組