JavaScript

動態網站建造指南 包含React、PHP 8&MySQL 8 「本書介紹許多重要的web開發語言，是一本很棒的入門書，節奏明快、容易閱讀、內容豐富，可讓你用最快的速度製作動態網站，包括基本的社交網站。」 ―Albert Wiersch CSE HTML ValidatorZ開發者 即使你只會基本的HTML，也可以利用開放原始碼技術與web標準來建構互動、資料驅動的網站。這本暢銷書的新版本將帶領你使用最新的核心技術來設計動態網路程式，包括PHP、MySQL、JavaScript、CSS、HTML5、jQuery與強大的React程式庫。 本書將告訴web設計者如何同時使用這些技術，並在過程中教導寶貴的web程式設計實踐法，包括如何為行動設備優化網站。你將整合所有知識，建立一個功能齊全、可在桌機和行動瀏覽器中使用的社交網站。 ‧探索MySQL，包括資料庫結構與複雜的查詢指令 ‧使用MySQL PDO擴充套件，它是PHP的改善版MySQL介面 ‧建立動態的PHP網頁，讓它為使用者量身定制 ‧管理cookie與session並維持高度安全 ‧用React程式庫來加強JavaScript ‧使用Ajax呼叫來做幕後的瀏覽器/伺服器通訊 ‧掌握CSS技術，為網頁設計樣式 ‧實作HTML5功能，包括地理定位、音訊、視訊與canvas元素 ‧變更網站的格式，將它改成行動web app

內容簡介:擷取、清理、分析與轉換資料「Kyran的書包含了大量資訊，從D3.js細節說明，到如何建構出由客製化互動式儀表板所使用的、且由資料庫所支持的API。可以肯定地說，您將從這本書中學到很多東西！」―Peter Cook, 《D3 Start to Finish》作者如何將原始、未經處理的資料轉化為動態的互動式web視覺化？在這本實用的書中，作者Kyran Dale向資料科學家、分析師以及Python、JavaScript開發人員，展示如何為工作建立理想的工具鏈。藉由提供引人入勝的範例以及分享得之不易的實務經驗，本書將引導您善用最佳的Python和JavaScript程式庫。Python為爬取、清理和處理資料提供強大、成熟的程式庫。在web視覺化程式設計方面，JavaScript是最好的語言。這兩種語言相得益彰，可以幫助您建立現代web視覺化工具鏈。您將學習如何：‧使用爬取或web API(Requests、Scrapy、Beautiful Soup)獲取資料‧在NumPy生態系統(帶有pandas、Matplotlib和Seaborn的Jupyter notebook)中使用Python資料處理程式庫清理和處理資料‧使用靜態檔案或輕量級Python伺服器(Flask RESTful API)將資料交付到瀏覽器‧掌握足夠的web開發技能(HTML、CSS、JavaScript)將資料視覺化‧使用挖掘和精煉資料建立web圖表和視覺化(Plotly、D3)

ChatGPT神助攻！教語法、寫程式、除錯、出題練習、轉換其它程式語言樣樣行！ JavaScript×ChatGPT強強聯名，讓您在AI的神助攻下，華麗化身為JavaScript程式設計高手！ 在ChatGPT橫空出世後，有不少人驚覺「寫程式」即將由AI工具所取代，沒錯，AI工具確實能夠寫程式，但這並不表示您就不用學程式設計，而是程式設計師必須要進化為AI工具的程式審查員或教AI學習的老師。 換句話說，您必須具備程式設計能力，才有辦法跟AI工具溝通，讓它寫出您需要的程式碼，也才有辦法閱讀或審查AI工具所生成的程式碼，確保程式碼是正確的、有效率的、經過完整測試的。 在本書中，我們除了告訴您如何使用ChatGPT撰寫程式、解讀程式、查詢語法、尋求技術支援、除錯、出題練習、在JavaScript與其它程式語言之間做轉換，更重要的是有計畫地帶您學習JavaScript，無論您有無程式設計的經驗，只要約略具有HTML與CSS的基礎知識，都能看得懂、學得會，不會愈看愈挫折、半途而廢。 全書彩色印刷、圖解詳盡、範例導向、邊做邊學，零基礎也能輕鬆上手！

全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例 經典暢銷書全新改版，快速學會網頁設計的關鍵技術！ 有了本書，讓你一次學會網頁設計的關鍵技術： *使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 *使用CSS3的Box Model、定位方式、彈性版面(Flexbox Layout)、格線版面(Grid Layout)，以及色彩、字型、文字、清單、背景、漸層、表格、版面設計、變形、轉場、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 *使用JavaScript的基本語法和瀏覽器端的技術，讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。 *使用jQuery的基本語法、事件、特效和常用函式，讓操作HTML文件、選擇HTML元素、處理事件、建立特效動畫等動作變得更簡單。 *使用Vue.js提供的API進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。Vue.js是近年來相當熱門的前端框架，簡單易學、容易導入並具有高度的擴充性。 *使用響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。

本書特色● 超過100題豐富範例演練● 架構清楚、易讀性高，經由「步驟式教學→程式碼示範→預覽結果→完成範例檔」四步驟，網頁設計立即上手● 全彩印刷，範例程式碼的重點以紅色清楚標示，幫助讀者進一步掌握不同章節的語法重點● 每章皆附有習題，透過問答與實作，掌握全章精華內容簡介這是一本易於學習與理解的HTML5、CSS3與JavaScript網頁程式設計入門書。本書先進行概念解說，介紹標籤或指令，接著解說它們的使用方法，再以步驟方式進行範例實作，務必讓概念、標籤與指令的解說清楚易懂。本書從基礎概念到進階應用方式安排章節次序，先帶您初步認識HTML5+CSS3+JavaScript與網頁製作軟體的使用，接著介紹使用CSS設定文字與圖片、各種選擇器、版面編排、CSS的套用順序、製作選單與特效等功能及操作，再介紹HTML5的常用標籤、以網頁範例介紹JavaScript的概念與語法、說明JavaScript如何操作DOM(Document Object Model)動態修改網頁，最後整合前面章節所學，實際進行網頁設計及網站實作，讓您動手跟著做，就能實做出美觀實用，風格統一的網站。

「Bryan和Thomas熟練地奠定了多執行緒開發的基礎，並巧妙地說明各種JavaScript執行時期如何實作平行計算。」 ―James Snell Node.js技術指導委員會成員 「當我開始深入研究worker執行緒時，我會很想讀這本書。它很詳細並提供很好的參考資訊。分析那章讓我忘情的大喊大叫。」 ―Matteo Collina NearForm首席軟體架構師 您準備好使用JavaScript來建構多執行緒應用程式了嗎？透過這本實用書籍，有經驗的JavaScript開發人員將可瞭解瀏覽器中所提供的web worker API和Node.js所提供的worker執行緒模組的優缺點。 作者Thomas Hunter II和Bryan English聚焦於建構多執行緒應用程式的兩種方法：一種是使用訊息傳遞，另一種則使用共享記憶體。您將學習用於實作每種方法的API，包括何時可能會想要使用其中一種方法或另一種方法，以及何時可以將它們組合。您還將接觸到基於這些方法所建構的進階樣式。 ‧瞭解如何從多執行緒程式設計中受益 ‧瞭解專用worker、共享worker和service worker之間的區別 ‧知道何時要以及何時不要在應用程式中使用執行緒 ‧透過利用Atomics物件來協調執行緒之間的通訊 ‧應用這些知識來建構高效能應用程式 ‧進行基準測試，來看看您是否會從多執行緒中受益

【新書簡介】 有鑑於現代Web應用程序的需求越來越高，從而需要一些高效而且可重用的解決方案。開發JavaScript函式庫就是一種解決方案，這種方案可以為Web開發者提供更快的開發速度，並且能夠滿足複雜的需求。本書主要涵蓋三個部分內容，可以滿足讀者不同階段的學習訴求：首先，介紹如何開發和開放原始碼一個現代 JavaScript 函式庫，這部分內容可以幫助讀者快速達成函式庫開發目標；接續介紹現代 JavaScript 函式庫的設計最佳實踐和安全最佳實踐，這部分內容可以極大提高讀者開發 JavaScript 函式庫的品質；最後為實戰部分，本書精選了 9 個典型函式庫作為案例，帶領讀者了解不同類型的 JavaScript 函式庫的開發要點。透過本書作者專業與實作經驗，讀者可以學習到這些技能，提高自己的技術水準，本書就是讓讀者走上正確道路之最佳指南。 【本書看點】 ✪ 定義函式庫目標，為開發者提供什麼功能？確保能滿足實際需求 ✪ 設計函式庫架構，包括確定需要函式和模組，以及兩者之間的關係 ✪ 編寫函式程式，確保程式易維護和可擴充 ✪ 建立測試使用案例驗證函式按預期運行，透過手動測試自動化測試 ✪ 程式碼重構，包括優化性能、改進可讀性或提升再使用性 ✪ 文件撰寫，函式庫使用指南、API 文件等 ✪ 建立範例程式，說明函式庫使用，建立簡單的範例應用並演示 ✪ 發佈函式庫到適當的來源函式庫中，包括 NPM、GitHub ✪ 維護函式庫，定期維護及相容性 【適合讀者】 ☛ 對於JavaScript有基礎的開發者。 ☛ 即將要面試的前端開發者。 ☛ 想要鑽研JavaScript核心知識的開發者。 ☛ 網頁程式設計相關從業人員。 ☛ 大專院校網頁程式設計相關系所的師生。 ※ 本書附程式碼，可至深智官網下載：deepmind.com.tw/

這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！．HTML．CSS．JavaScript．Bootstrap．jQuery．Vue.js．響應式網頁設計 (RWD)除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。學習重點------------------------------------------------------------【第0章－ChatGPT】在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。【第1篇－HTML】HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。【第2篇－CSS】CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。【第3篇－JavaScript】JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScript讓靜態網頁具有動態效果，包括文件物件模型 (

解鎖地圖與JavaScript相遇的秘密 全國第一本介紹WebGIS開發與實戰應用的實體書籍！ 本書提供範例程式下載，事半功倍一學即上手！ WebGIS啟蒙首選✖五家地圖API✖近百個程式範例✖實用簡易口訣✖學習難度分級✖補充ES6小知識 內容簡介 本書內容改編自第12屆iT邦幫忙鐵人賽，Modern Web組佳作網路系列文章－《你的地圖會說話？WebGIS與JavaScript的情感交織》。 在人手一台智慧型手機，運用Google地圖查詢餐廳位址的時代，您是否會好奇這些地圖功能是如何透過程式實作的呢？本書會從最基礎開始，帶您進入WebGIS的奇幻旅程。 ❖給完全沒有WebGIS及地圖domain knowhow的你 👉本書將從最基本的地理資訊系統概念談起，從概念到程式實作一應俱全，完全沒接觸過GIS的讀者依舊能輕鬆上手！ ❖給網頁開發的初學者與擔心看不懂書內範例程式的你 👉別擔心！本書會詳細介紹JavaScript程式的實作細節，並採用ES6以後的語法，讓您學習地圖開發之餘，還能學習到最新的JavaScript程式語法！ ❖給覺得Google Map API收費高，而想轉戰其它地圖API的你 👉本書統整五家地圖API，包括：Google Map API、Here Maps API、ArcGIS API、TGOS Map API、Leaflet API，無論您在不同的情境下想使用不同的地圖API (皆含範例程式碼) ，本書是您最好的入門聖經！ ❖給已會使用Leaflet API製作簡單的口罩地圖，但還希望更進一步加深功力的你 👉常見的口罩地圖實作的是WebGIS的展點功能，本書除了展點外，還有：圖層套疊、定位、環域查詢、群聚、熱區等等……，不勝枚舉的WebGIS實戰應用，等你來挑戰！ 好評推薦 這本書的內容是非常適合初學者自學上手的WebGIS入門教材，從地理圖資的常見格式，再來深入淺出的解說運用網路資源進行資料擷取、設定、展示與分析等。這是一本讓所有想要瞭解如何開發地圖應用程式的任何人，都能一窺WebGIS實用且充滿趣味的技術領域。 溫在弘 國立臺灣大學地理環境資源學系教授 國立臺灣大學理學院空間資訊研究中心主任 中華民國地圖學會理事長

原來網頁還可以這樣玩？融合電子電路與網頁，一起打造有趣的遊戲吧！ 【內容簡介】 本書內容改編自【第13屆】2021 iThome 鐵人賽，Modern Web 組佳作網路系列文章 ──《你渴望連結嗎？將 Web 與硬體連上線吧！》。 隨著瀏覽器支援的 Web API 越來越豐富，有一天我注意到了「Web Serial API」這個神奇的東東。以往 JS 沒有權限能夠存取作業系統底層 API，所以要進行串列通訊都需要一個中介伺服器轉送資料，但是透過 Web Serial API 就可以直接透過瀏覽器進行串列通訊了！於是這個主題就這麼誕生了。 【寓教於樂】 本書應用情境將以各類遊戲為主，了解電子訊號如何與遊戲結合。透過遊戲與技術的連結，讓讀者能夠從底層了解運作原理且不會枯燥乏味。 【由淺入深】 本書將依序介紹 Vue、Quasar、Firmata、各類電路等等技術，讓讀者可以循序漸進的認識相關技術，並整合這些技術、設計情境，透過一層一層堆疊，最終淬鍊出一個完整的應用程式。 【設計與分析】 軟體開發領域的工程師一定都知道一個永遠不變的道理，就是「技術會不斷更新」。 本書在設計應用情境章節時，會先從需求分析、設計草稿開始，因為技術會變，但是設計與分析的過程基本上大同小異，學會「如何分析、解決問題等等技能」遠比「學會使用工具或某項技術」還重要。

【好評推薦】 「文章內容講解得非常清楚，搭配詳細的說明圖片，以問答的形式可以讓人能夠一目了然，並了解這個問題的解決方式與問題核心內容知識，非常推薦給需要轉職的工程師們參考。 」 ──黃士桓 / 台北市前端工程師 「極度適合列為公司教育訓練的必讀書籍，提升核心觀念，減少在專案中埋入未知地雷的機會，推薦給正在帶新人的你，用一本書拯救你的專案。 」 ──薯餅 / 大安區全端工程師 「即便工作了幾年，也有許多的小細節未曾發現過，作者透過由淺入深的方式，將原本生硬的運作原理以更口語化的方式來幫助大家吸收。 」 ──WeiJ / 什麼都要學的軟體工程師 「卡斯伯長期撰寫的部落格文章中，有各種漂亮阿姨舉例，這些淺顯易懂、融合經驗的重點整理，讓小菜雞獲益良多。 」 ──莨 / 設計轉職前端菜雞預備軍 「其實掉坑是其次，爬起來就好了，關鍵是語法背後的邏輯為什麼錯？這些是Google搜尋時不會跟你說明的。 」 ──Leo / 桃園助理工程師 「無論是面試需要懂的JavsScript核心觀念，或者在實戰中常掉進的屎坑，這本書都講得非常清楚而且淺白易懂，可以讓開發者少走很多彎路。上個月面試碰到的考題都在這裡了，相見恨晚啊！」 ──王小白 / 台南前端工程師 【本書特色】 著重JavaScript實戰應用與核心知識！ 掌握一定要會的JavaScript面試致勝筆記！ ✦介紹JavaScript的核心知識、經典知識點以及「求職中容易被問到」的問題 ✦每個JS章節後方均有額外考題，除了提供知識，更驗證是否有正確理解 ✦加入前端必備的額外延伸知識，包含開發架構、網路等相關觀念 【內容簡介】 在本書中，包含許多經典的JavaScript知識點及問題，這些知識點是屬於容易被忽略的核心知識，掌握這些知識內容，將有助於求職中應對各類陷阱題，以及在複雜的JavaScript開發時，更容易找出相對應的錯誤；除此之外，目前主流的ECMAScript 6以上的語法當然也不會錯過，本書會介紹這些語法與ES5觀念上的不同，以及可能遇到的問題點。 當然，作者非常清楚前端在求職的過程絕對不是只有被問到JavaScript的問題，而且並非所有的面試官都是前端開發者，所以除了書中的七大JavaScript章節以外，另外補充「第八章前端面試常見問題」，此章節加入了前端面試常見的延伸問題，例如：MVC、SPA、SSR等各種專有名