

HTML/CSS/JavaScript與前端框架的完美結合:使用Bootstrap與PWA技術,新手從這開始! (電子書)
出版社:
出版日期:
2025/11/04
數量
95
760722
此商品享ShopBack 0.5%回饋;不適用於誠品分潤計劃、美安等現金回饋機制
全新章節教您巧妙運用AI,讓寫程式更有效率!
掌握HTML/CSS/JavaScript技巧,
搭配高效前端框架技術,輕鬆成為專業網頁設計師
以淺顯易懂的方式從設計網站開始談起,從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源,再循序漸進介紹Web前端三大核心
掌握HTML/CSS/JavaScript技巧,
搭配高效前端框架技術,輕鬆成為專業網頁設計師
以淺顯易懂的方式從設計網站開始談起,從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源,再循序漸進介紹Web前端三大核心
內容簡介
全新章節教您巧妙運用AI,讓寫程式更有效率!
掌握HTML/CSS/JavaScript技巧,
搭配高效前端框架技術,輕鬆成為專業網頁設計師
以淺顯易懂的方式從設計網站開始談起,從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源,再循序漸進介紹Web前端三大核心技術:HTML、CSS及JavaScript,並加入前端框架Bootstrap技術,加上書中介紹好用的配色工具,就算沒有美工基礎,藉由Bootstrap工具模組以及配色表,也能快速建構出專業美觀的RWD網站。
本書也安排了Progressive Web Application(PWA)技術,手把手教您逐步將網站優化為Web APP,讓網站能像Native App在手機等行動裝置建立桌面捷徑,瀏覽網頁時具有操作Native App相似的感受。
本書共分三大單元,第一單元為前端開發觀念及HTML+CSS基礎到進階教學;第二單元安排JavaScript基礎的語法以及Web資料庫的應用;第三單元介紹前端框架工具,包括Bootstrap與PWA。各章節除了實用的範例之外,在每一單元也安排了整合練習,讓讀者能加強學習並驗收學習成果,累積實作經驗,適合自修與教學使用。
本次改版新增了一個全新的章節「善用ChatGPT寫JavaScript程式」。透過這個章節,讀者可以學習如何應用AI,來協助自己更有效率地撰寫程式。
|重點特色|
✰以淺顯易懂的方式快速了解前端開發的觀念及技術。
✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。
✰循序漸進介紹 Web 前端三大核心技術:HTML、CSS 及 JavaScript。
✰活用前端框架 Bootstrap 技術以及工具模組,建構 RWD 網站。
✰使用 Progressive Web Application(PWA)技術,逐步將網站優化為 Web APP。
✰學習如何聰明使用 ChatGPT 來協助程式開發。
|適用對象|
✰對前端技術有興趣卻不知從何入門的初學者
✰前端開發技術相關從業人員
✰大專院校網站設計相關課程教材
掌握HTML/CSS/JavaScript技巧,
搭配高效前端框架技術,輕鬆成為專業網頁設計師
以淺顯易懂的方式從設計網站開始談起,從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源,再循序漸進介紹Web前端三大核心技術:HTML、CSS及JavaScript,並加入前端框架Bootstrap技術,加上書中介紹好用的配色工具,就算沒有美工基礎,藉由Bootstrap工具模組以及配色表,也能快速建構出專業美觀的RWD網站。
本書也安排了Progressive Web Application(PWA)技術,手把手教您逐步將網站優化為Web APP,讓網站能像Native App在手機等行動裝置建立桌面捷徑,瀏覽網頁時具有操作Native App相似的感受。
本書共分三大單元,第一單元為前端開發觀念及HTML+CSS基礎到進階教學;第二單元安排JavaScript基礎的語法以及Web資料庫的應用;第三單元介紹前端框架工具,包括Bootstrap與PWA。各章節除了實用的範例之外,在每一單元也安排了整合練習,讓讀者能加強學習並驗收學習成果,累積實作經驗,適合自修與教學使用。
本次改版新增了一個全新的章節「善用ChatGPT寫JavaScript程式」。透過這個章節,讀者可以學習如何應用AI,來協助自己更有效率地撰寫程式。
|重點特色|
✰以淺顯易懂的方式快速了解前端開發的觀念及技術。
✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。
✰循序漸進介紹 Web 前端三大核心技術:HTML、CSS 及 JavaScript。
✰活用前端框架 Bootstrap 技術以及工具模組,建構 RWD 網站。
✰使用 Progressive Web Application(PWA)技術,逐步將網站優化為 Web APP。
✰學習如何聰明使用 ChatGPT 來協助程式開發。
|適用對象|
✰對前端技術有興趣卻不知從何入門的初學者
✰前端開發技術相關從業人員
✰大專院校網站設計相關課程教材
產品目錄
CHAPTER 01 網站開發的觀念與技術
CHAPTER 02 HTML與CSS基礎
CHAPTER 03 HTML常用標記
CHAPTER 04 CSS常用語法
CHAPTER 05 CSS Flexbox響應式排版
CHAPTER 06 善用網路資源
CHAPTER 07 整合練習—詩詞展示網頁設計與實作
CHAPTER 08 JavaScript基礎
CHAPTER 09 函式與作用域
CHAPTER 10 JavaScript操控DOM元素
CHAPTER 11 前端資料儲存
CHAPTER 12 整合練習—個人通訊錄實作
CHAPTER 13 響應式網頁框架—Bootstrap
CHAPTER 14 Bootstrap擴充元件庫
CHAPTER 15 PWA實作—我的記帳本Web App
CHAPTER 16 善用ChatGPT寫JavaScript程式
CHAPTER 02 HTML與CSS基礎
CHAPTER 03 HTML常用標記
CHAPTER 04 CSS常用語法
CHAPTER 05 CSS Flexbox響應式排版
CHAPTER 06 善用網路資源
CHAPTER 07 整合練習—詩詞展示網頁設計與實作
CHAPTER 08 JavaScript基礎
CHAPTER 09 函式與作用域
CHAPTER 10 JavaScript操控DOM元素
CHAPTER 11 前端資料儲存
CHAPTER 12 整合練習—個人通訊錄實作
CHAPTER 13 響應式網頁框架—Bootstrap
CHAPTER 14 Bootstrap擴充元件庫
CHAPTER 15 PWA實作—我的記帳本Web App
CHAPTER 16 善用ChatGPT寫JavaScript程式
規格
誠品貨碼 / 2683083639008
ISBN13 / 9786264143301
ISBN10 /
EAN貨碼 / 9786264144179
頁數 / 580
語言 / 1:中文/繁體
級別 / N:無
檔案格式 / PDF(100MB)
檔案匯出格式 / PDF 提供 Adobe DRM
TTS朗讀 / EPUB不提供TTS朗讀
退貨說明
退貨須知:
- 依照消費者保護法的規定,您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意!猶豫期非試用期),辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當,若原紙箱已遺失,請另使用其他紙箱包覆於商品原廠包裝之外,切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度,本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費;請您先確認商品正確、外觀可接受,再行拆封,以免影響您的權利;若為產品瑕疵,本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」,下列商品不適用七日猶豫期,除產品本身有瑕疵外,不接受退貨:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形,可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費),或影響您的退貨權利,請您在拆封前決定是否要退貨:
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品,除商品本身有瑕疵外,退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送






