JavaScript

本書系統地講述了HTML5、CSS3、JavaScript、Bootstrap等開發技術，滿足Web前端開發基礎學習的需求。本書包括了HTML5與CSS3的典型案例、使用Bootstrap框架開發、響應式佈局等內容，適應Web前端開發從PC端轉向移動端的變化。

本書從初學者的角度出發，以實用的案例、通俗易懂的語言進行概念講解，並提供了具體的實例讓讀者能夠立即練習，更加高效地掌握通過HTML、CSS3 及JavaScript 進行網頁製作的一般方法。全書共有10 章，從HTML5 和CSS3 基礎知識入手，逐漸過渡到對網頁文本、圖片、超鏈接、列表、表單和表格等進行優化，在此基礎上與讀者一起通過CSS3 完成對網頁的整體設計和製作，通過JavaScript 來控制網頁文檔和瀏覽器。本書附有源代碼、習題、教學課件等資源，為了幫助初學者更好地學習，編者還提供了在線答疑服務，希望可以幫助更多的讀者。

本書涵蓋了HTML5的各種新特性，主要內容包括HTML5概述、JavaScript、HTML5表單及文件處理、CSS、拖放、Canvas API畫圖、繪製可伸縮矢量圖形、播放多媒體、Web通信、本地存儲、開發支持離線的Web應用程序、獲取瀏覽器的地理位置信息、支持多線程編程的Web Workers、jQuery等。讀者在閱讀本書時可以充分瞭解和體驗HTML5的強大功能。

本書系統全面地介紹了網頁製作和前端開發技術的基本理論和實際應用。全書共10章，邏輯上可分為三大部分。前5章為第1部分，主要介紹了網頁製作的基本理論――HTML 和CSS，同時介紹了Photoshop在網頁製作過程中的應用；第6章和第7章為第2部分，主要介紹了CSS技術的高級應用技巧和JavaScript編程，並對各種常見的前端開發技術進行了系統梳理；最後3章為第3部分，其中，第8章從心理學和設計理論視角介紹了如何進行網頁設計，第9章介紹了如何使用Dreamweaver 進行網站開發，第10章則從項目實踐的角度論述了如何設計和開發一個網站，使讀者能夠在具體應用中鞏固所學知識。 本書以實用為基本出發點，不僅包括各種網頁製作和前端開發技術的基礎理論，還強調了它們的具體應用，使讀者既能打下堅實的理論基礎，又能掌握實際的操作技能。本書絕大部分內容經過了長期的教學檢驗，證明是重點突出而詳略得當的。本書可作為各類本科院校、高等職業學校、成人高校和培訓班講授“網頁製作”和“前端開發”等課程的教材或參考書，也適合廣大愛好者或相關從業人員自學之用。

Functional programming (函數式程式設計) 是一種已有六十年歷史的程式設計範式，為何現在變得越來越重要？這是因為隨著各種連網設備 (如行動裝置) 和雲端服務的普及，多程序透過網路交換訊息已成為常態，因此分散式系統的開發變得至關重要。分散式系統軟體開發的複雜性往往導致開發過程容易陷入混亂，程式碼盤根錯節難以除錯維護與擴展，成為揮之不去卻又不敢動的痛處。而 functional programming 的簡約風格因此受到廣泛關注。這種設計範式強調使用函式來構建應用程式，程式碼清晰又容易維護，亦能解決分散式系統多執行緒的問題。除了專門的函數式語言之外，Python、Java、JavaScript、C#、C++、Go 和 Rust 等知名語言的新版中，也因應趨勢增強了對 functional programming 的支援。只要建立了這種思維方式，你就可以應用在自己的程式語言中。市面上與 functional programming 相關的書籍 (主要為英文書) 通常由學者撰寫，內容偏重理論，而在大型實務專案經驗上顯得不足。這類書中的範例大多過於簡單，未能涉及實際軟體架構問題。與此相反，本書作者擁有二十年在產業界實際運用 functional programming 的經驗，從產業角度出發，旨在幫助那些在軟體工程實踐中遇到困難的工程師重新思考。即使你的目的不是分散式系統，學習 functional programming 的思維都能夠幫助你在撰寫任何程式時想得更周到。由於 functional programming 的特點 — 無 side effects（額外作用）和資料的不可變性 — 使得它非常適用於開發網路程式，在這種環境中，資料一致性和狀態管理是關鍵挑戰。本書透過 concurrency primitives（併發基本工具）實作、繪製時間線圖、分析並解決併發操作中的插緒問題，有效處理狀態變化和 bug，從而構建可靠的分散式系統程式。本書特色: ●作者從產業界的視角出發，旨在幫助那些陷入困境的軟體工程師，重新審視並採納 functional programming 程式設計方法。●為了更貼近軟體工程師的實際狀況，書中以廣泛熟知的 JavaScript 語言做示範。雖然 JavaScript 不是最理想的函數式語言，但這一點

◖本書特色◗ ♦ 掌握ChatGPT提問技巧，精準引導，獲得符合期望的解答。 ♦ JavaScript多年蟬聯GitHub熱門程式語言排行榜冠軍，學習程式首選技術。 ♦ 涵蓋WEB/APP前端開發三大必學技術：JavaScript(ES6)+HTML5+CSS3。 ♦ 以淺顯易懂的教學與範例，培養程式素養，唯有觀念清楚，才能靈活運用，零基礎也能輕鬆上手。 ♦ 撰寫適合自己的Web應用程式，也能讀懂他人所寫的程式碼，不管是開發、Debug(除錯)或改版維護都能從容以對。 ◖本書內容◗ 這本實用的書籍介紹大量ES6+語法。每一堂課都以循序漸進的方式規劃明確且直覺的主題，以淺顯易懂的方式讓您理解艱澀難懂的關鍵概念，例如瀏覽器與JS引擎的運作模式、DOM、CSSOM、RegExp、物件導向、作用域、迭代、閉包、原型鏈、解構賦值、事件循環與非同步等重要觀念。透過範例實作，加強更多的程式實戰經驗。 本書的目標不僅是培養您的JavaScript程式素養，還教授如何與HTML5、CSS3搭配活用。即使零基礎的初學者，也能夠充分掌握JavaScript的語法和概念。 ◖課程目標◗ ◉ 清楚了解瀏覽器及JS引擎的運作模式 ◉ 熟悉JS語法與瀏覽器console除錯技巧 ◉ 掌握變數作用域、迭代、物件導向與非同步等關鍵技術 ◉ 能夠利用RegExp物件做數據的精準搜尋 ◉ 學會使用JS操作HTML DOM、CSS及Web Storage ◖適用讀者◗ ◉ JavaScript 開發者或初學者 ◉ 網頁程式設計相關從業人員 ◉ 大專院校網頁程式設計相關系所的師生

本書從零開始，全面講解開發網頁的全過程，使讀者能夠迅速掌握核心知識點及對應的編程能力。本書共有17章內容，第1章～第7章介紹HTML中常用的標簽；第8章～第11章介紹了CSS中的常見樣式，其中包括浮動和定位兩種網頁佈局方式；第12章介紹了HTML5中的新增元素和屬性；第13章介紹了CSS3中的新增屬性；第14章介紹了flex佈局的用法，並用案例的方式講解了移動端網頁的實現方法；第15章和第16章講解了JavaScript的基礎知識並提供了大量示範案例；第17章以一個商業網站為案例，對全書重點內容進行綜合實戰練習，案例中使用了HTML+CSS+JavaScript的核心知識點。本書提供配套視頻教程，並附有HTML、CSS、JavaScript的技巧精講。書中提供的練習題和章節任務，可以幫助讀者及時進行自我檢測，查漏補缺。本書知識點全面、講解詳細，適合零基礎的編程初學者閱讀，也適合具備基礎知識、想要提升編程能力的讀者閱讀。

本書是網頁特效設計任務驅動式教材。本書將網頁特效分為9類，分別是基本網頁特效、日期時間類網頁特效、文字類網頁特效、圖片類網頁特效、表單控件類網頁特效、導航菜單類網頁特效、選項卡類網頁特效、內容展開與折疊類網頁特效和頁面類網頁特效，同時相應地將全書分為9個教學單元，每個教學單元分析和設計一種類型的網頁特效，將JavaScript和jQuery的相關知識合理地安排到各個教學單元中。

本書從初學者的角度出發，以實用的案例、通俗易懂的語言詳細介紹了使用HTML、CSS及JavaScript進行網頁製作的一般技巧。本書分為8個項目，結合HTML、CSS和JavaScript的基礎知識及應用，提供了7種不同類型的網頁設計案例。其中，項目1介紹了HTML、CSS和JavaScript的基礎知識，包括Web基本概念、HTML簡介、CSS簡介、JavaScript簡介、Dreamweaver工具的使用等；項目2～項目8為7個完整的網頁設計項目，涉及“博客”“網店”“家居”“教育”“婚戀”“視頻”“美食”多個方向，有助於讀者掌握不同網站的設計風格和製作技巧。本書以項目為導向，通過項目將相關知識點串聯起來，學完項目內容就能基本掌握如何製作一個完整的項目頁面，從而極大地激發讀者的學習興趣。本書附有源代碼、習題、教學課件等資源，並且為了幫助初學者更好地學習，編者還提供了在線答疑，希望可以幫助更多的讀者。本書既可作為高等院校本、專科相關專業的網頁設計與製作課程的教材，也可作為網頁平面設計的培訓教材，還可作為網頁製作、美工設計、網站開發、網頁編程等行業從業人員的參考讀物。

本書全面系統地介紹了網頁設計、開發涉及的主要技術和技巧。主要內容包括：Web前端開發概述、HTML5基礎、表格和表單、框架、CSS樣式表、CSS樣式表佈局、HTML5、CSS3綜合案例、JavaScript基礎、JavaScript對象、JavaScript DOM、JQuery基礎、JQuery應用、響應式佈局、Bootstrap。

本書共六大模塊、26 個案例，以案例驅動組織學習內容，按照“應用為主，理論夠用”的原則編寫。前24 個案例為小案例，每個案例通過製作網頁、網站或實現某種功能，介紹 HTML5、CSS3 和 JavaScript 基礎知識。最後兩個案例是綜合案例，按照真實網站開發流程，學習小米商城網站和美麗山東網站的設計與製作。小米商城網站案例模仿真實的小米商城網站開發，將真實的小米商城網站適當簡化處理，便於初學者學習。美麗山東網站案例充分運用 CSS3 的過渡、變形和動畫等屬性實現圖片的移動、遮罩和翻轉等動畫效果，代碼簡潔、高效，頁面表現力強。

JavaScript是一種廣泛應用於Web前端開發的腳本語言，能夠為網頁添加各式各樣的動態效果，為用戶提供流暢、美觀的瀏覽效果，具有簡單、易學的特點。為了加深讀者對知識的理解，本書採用項目驅動教學的思路編寫，內容包括9個小項目和1個綜合項目：抽獎頁面――初識JavaScript、體脂率計算器――JavaScript程序設計基礎、猜數字遊戲――JavaScript流程控制、計算個人所得稅――JavaScript?函數、畢業倒計時――JavaScript?對象、商品放大鏡――DOM對象、故宮輪播圖――BOM對象、滑塊驗證碼――事件和事件處理、異步獲取用戶信息――AJAX技術、綜合項目――學生成績查詢。各個項目通過情境導入引出教學核心內容，明確教學任務。本書在系統地講解知識的基礎上，配備精彩的任務實踐，有助於讀者對知識的理解。本書可以作為普通高等學校、高職高專院校計算機相關專業的教材，也可以作為JavaScript愛好者及相關技術人員自學的參考資料。

全新章節教您巧妙運用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 來協助程式開發。 全新章節教您巧妙運用AI，讓寫程式更有效率！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端

📢 含ITS HTML&CSS國際認證模擬試題 本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，同時介紹使用jQuery Mobile製作跨平台行動網頁，逐步引導初學者邁向網頁設計高手的坦途。 ．易學：經過初學者試讀，按圖索驥，可以完整重現書中範例，初學者好上手。並配合大量範例了解如何整合運用。 ．易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 ．易懂：以圖文並茂方式逐步解說，內文融入ITS HTML & CSS國際認證知識，同時附上兩份國際認證模擬試題，讓讀者具考取認照的能力。 【快速上手HTML5語法】 使用大量範例輔助初學者學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版與動畫設計】 以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。 【JavaScript程式】 從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstap元件，如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【跨平台行動網頁】 使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。 【ITS HTML&CSS國際證照訓練】 內文含蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。

本書主要介紹了八個項目，分別是JavaScript快速入門、基本語法、函數與物件、事件處理、資料交互、jQuery、初始Vue.js、Vue的應用。全書使用循序漸進的方式對從JavaScript指令碼語言到Vue漸進式框架的發展的知識點進行講解。

本教材共9章，第一張講解JavaScript的基本概念；第二章講解JavaScript基本語法；第三章講解JavaScript數組；第四章講解JavaScript函數的定義及使用；第五章講解JavaScript內置對象；第六章講解JavaScript文檔對象模型；第七章講解JavaScript瀏覽器對象模型；第八章講解JavaScript中正則表達式的使用；第九章講解JavaScript面向對象編程。本書既可以作為高等教育本、專科院校計算機相關專業的前端開發教材、也可以用於1+X等證書考試教材，同時可以作為前端開發愛好者的參考讀物。