





「網頁前端開發者的第一本書」
★架構完整,包含Option與Composition的語法結構
★部署方案,包含兩大雲端服務的部署方法
★CSS整合,包含兩大CSS框架的整合說明
★架構完整,包含Option與Composition的語法結構
★部署方案,包含兩大雲端服務的部署方法
★CSS整合,包含兩大CSS框架的整合說明
內容簡介
「網頁前端開發者的第一本書」
★架構完整,包含Option與Composition的語法結構
★部署方案,包含兩大雲端服務的部署方法
★CSS整合,包含兩大CSS框架的整合說明
★實務應用,最常用的網頁UI應用方式
前端開發是入門程式語言世界最簡單的方式,而Vue3在最近幾年異軍突起,讓想要學習前端開發的工程師有一個更容易的方式進入這個世界。
本書涵蓋JS的基本語法介紹、Vue3的兩大語法Option與Composition基本介紹、網頁路由概念、部署到Firebase與Netlify雲端服務上、Server API 的串接、雲端服務Firebase SDK與Back4App SDK的串接、CSS框架Bootstrap與Tailwindcss的整合、daisyUI的基本用法、實務應用、動畫與SSR的使用等。
本書主要是針對想要學習網頁前端的開發,而又不知道如何開始的開發者,有一個非常基礎且入門的開始,從不會到會,從零開始學習Vue的網頁開發。如果你對於程式語言非常有興趣,又或者是轉職的朋友們,卻不知道從何開始,那就從學習前端開發開始吧。希望本書可以扮演一個敲門磚的引入者,帶領你進入這個奇幻的開發世界。
產品目錄
第一章:認識網頁開發
1.1網頁開發歷史
1.2 什麼是前端與後端
1.3 前端框架
1.4 JavaScript快速上手
1.5 本章重點摘要
第二章:Hello Vue3
2.1 快速使用
2.2 基礎語法
2.3 創建專案
2.4 專案結構
2.5 本章重點摘要
第三章:Option 語法
3.1 變數綁定
3.2 樣式綁定
3.3 if判斷式
3.4 for迴圈
3.5 函式
3.6 表單處理
3.7 元件
3.8 生命週期
3.9 監聽
3.10 模組化
3.11 實務應用
3.12 本章重點摘要
第四章:Composition 語法
4.1 變數綁定
4.2 函式
4.3 表單處理
4.4 元件
4.5 生命週期
4.6 監聽
4.7 模組化
4.8 實務應用
4.9 本章重點摘要
第五章:路由
5.1 什麼是路由
5.2 參數傳遞
5.3 實務應用
5.4 本章重點摘要
第六章:專案部署
6.1專案發佈
6.2 Firebase部署
6.3 Netlify部署
6.4 本章重點摘要
第七章:整合 CSS 框架
7.1 整合 bootstrap
7.2 整合 tailwindcss
7.3 整合 daisyUI
7.4 實務應用
7.5 本章重點摘要
第八章:API 與 SDK 串接
8.1 Server API 串接
8.2 Back4app 串接
8.3 Firebase 串接
8.4 本章重點摘要
第九章:實務應用
9.1 輸入框警示
9.2 讀取按鈕
9.3 按鈕群組
9.4 檔案讀取
9.5 檔案上傳
9.6 動態表單
9.7 表單控制
9.8 拖曳效果
9.9 本章重點摘要
第十章:進階應用
10.1 自訂指令
10.2 動畫
10.3 SSR
10.4 本章重點摘要
第十一章:完整範例
11.1 記事本
11.2 部落格
第十二章:Quick Note
1.1網頁開發歷史
1.2 什麼是前端與後端
1.3 前端框架
1.4 JavaScript快速上手
1.5 本章重點摘要
第二章:Hello Vue3
2.1 快速使用
2.2 基礎語法
2.3 創建專案
2.4 專案結構
2.5 本章重點摘要
第三章:Option 語法
3.1 變數綁定
3.2 樣式綁定
3.3 if判斷式
3.4 for迴圈
3.5 函式
3.6 表單處理
3.7 元件
3.8 生命週期
3.9 監聽
3.10 模組化
3.11 實務應用
3.12 本章重點摘要
第四章:Composition 語法
4.1 變數綁定
4.2 函式
4.3 表單處理
4.4 元件
4.5 生命週期
4.6 監聽
4.7 模組化
4.8 實務應用
4.9 本章重點摘要
第五章:路由
5.1 什麼是路由
5.2 參數傳遞
5.3 實務應用
5.4 本章重點摘要
第六章:專案部署
6.1專案發佈
6.2 Firebase部署
6.3 Netlify部署
6.4 本章重點摘要
第七章:整合 CSS 框架
7.1 整合 bootstrap
7.2 整合 tailwindcss
7.3 整合 daisyUI
7.4 實務應用
7.5 本章重點摘要
第八章:API 與 SDK 串接
8.1 Server API 串接
8.2 Back4app 串接
8.3 Firebase 串接
8.4 本章重點摘要
第九章:實務應用
9.1 輸入框警示
9.2 讀取按鈕
9.3 按鈕群組
9.4 檔案讀取
9.5 檔案上傳
9.6 動態表單
9.7 表單控制
9.8 拖曳效果
9.9 本章重點摘要
第十章:進階應用
10.1 自訂指令
10.2 動畫
10.3 SSR
10.4 本章重點摘要
第十一章:完整範例
11.1 記事本
11.2 部落格
第十二章:Quick Note
作者介紹
張智翔
1981年生,國立臺灣科技大學資工所畢,畢業後從網站開發開始,到AWS雲端服務維運,再到iOS App開發,歷經軟體工程開發十多年。
期間曾經參與過新北市動漫畫劇本比賽獲得佳作,開始對寫作產生興趣,想把自己所學的一切,透過寫作傳遞出去。也曾經於Youtube開創「傑克老師教學頻道」與「JK程式教室頻道」,更加深對教學的嚮往。結合專業、寫作與教學,終於在2023年參加iThome鐵人賽,完賽兩個項目,受出版社邀請集結出版。
1981年生,國立臺灣科技大學資工所畢,畢業後從網站開發開始,到AWS雲端服務維運,再到iOS App開發,歷經軟體工程開發十多年。
期間曾經參與過新北市動漫畫劇本比賽獲得佳作,開始對寫作產生興趣,想把自己所學的一切,透過寫作傳遞出去。也曾經於Youtube開創「傑克老師教學頻道」與「JK程式教室頻道」,更加深對教學的嚮往。結合專業、寫作與教學,終於在2023年參加iThome鐵人賽,完賽兩個項目,受出版社邀請集結出版。
規格
誠品貨碼 / 2682584837005
ISBN13 / 9786267383636
ISBN10 /
EAN貨碼 / 9786267383636
頁數 / 376
裝訂 / P:平裝
語言 / 1:中文/繁體
尺寸 / 17X23X1.8CM
級別 / N:無
退貨說明
退貨須知:
- 依照消費者保護法的規定,您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意!猶豫期非試用期),辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當,若原紙箱已遺失,請另使用其他紙箱包覆於商品原廠包裝之外,切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度,本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費;請您先確認商品正確、外觀可接受,再行拆封,以免影響您的權利;若為產品瑕疵,本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」,下列商品不適用七日猶豫期,除產品本身有瑕疵外,不接受退貨:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形,可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費),或影響您的退貨權利,請您在拆封前決定是否要退貨:
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品,除商品本身有瑕疵外,退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送








