loading
cover

HTML/CSS/JavaScript與前端框架的完美結合:使用Bootstrap與PWA技術,新手從這開始!

點閱數

作者
陳婉凌 著、ZCT 策劃

出版社
博碩文化

格式
PDF

掌握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。各章節除了實用的範例之外,在每一單元安排了整合練習,讓讀者能加強學習並驗收學習成果,累積實作經驗,適合自修與教學使用。

|重點特色|
✰以淺顯易懂的方式快速了解前端開發的觀念及技術。
✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。
✰循序漸進介紹Web前端三大核心技術:HTML、CSS及JavaScript。
✰活用前端框架Bootstrap技術以及工具模組,建構RWD網站。
✰使用Progressive Web Application(PWA)技術,逐步將網站優化為Web APP。

|適用對象|
✰對前端技術有興趣卻不知從何入門的初學者
✰前端開發技術相關從業人員
✰大專院校網站設計相關課程教材
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