網頁設計全攻略,精通六大必學技術!網頁設計 x AI 工具,讓你的創意無限延伸!從零開始,掌握超實用響應式網頁設計技巧!跨平台網頁設計熱門技術大集合!本書精選了網頁設計必學的技術,分為六大主題,從 HTML5 與 CSS3 的基本概念開始,逐步進入 JavaScript 的動態效果,並探討 jQuery 與 jQuery Mobile 的互動設計,最後介紹流行的 Bootstrap 5 框架,立即學會響應式網頁的製作。搭配 AI 工具的應用,讓你在學習網頁設計技術的同時,也能夠掌握智慧化設計的最新趨勢。
深入探討 Browser Web API 的最佳實踐快速將學到的技能應用到實際開發中本書內容改編自第 16 屆 iThome 鐵人賽JavaScript 組冠軍系列文章《可愛又迷人的 Web API》。作者整合比賽期間累積的範例與心得,以「一個 Browser Web API 即一個主題」的模組化架構呈現,讓讀者不用按照章節閱讀,能依需求即翻即用。每章均包含核心概念、瀏覽器支援、常見錯誤、替代方案與完整實作,並附進階優化技巧,兼顧新手入門與資深開發者的深入探索。本書收錄的 Browser Web API,涵蓋地理定位、語音輸入輸出、背景計算、離線資料庫、動畫與性能監測等多元領域。透過範例程式碼、實戰情境與效能調校,讀者可快速將功能落地至專案,同時學會權限、安全與跨瀏覽器相容要點。書中也設計了「一分鐘概覽」與「踩雷區(Tips)」欄位,讓你在零碎時間也能迅速掌握精華,遠離常見陷阱。書中也幫大家整理所有的 Browser Web API(包含正式發佈與實驗中版本),幫助各位快速了解它們的特色,並能定位所需的工具。若你正在尋找一部能兼具速查手冊與系統化學習路徑的中文 Browser Web API 指南,本書將成為你工作桌旁不可或缺的最佳夥伴,助你在競爭激烈的前端領域快一步升級。目標讀者● 對 JavaScript 有基礎認知,想知道 Browser Web API 能做到哪些運用的前端工程師● 想深入瞭解 Browser Web API,並希望能實作在專案上的前端工程師
https://youtu.be/PwjcNJIu7Qc★★★【全台第一本繁體中文WebGL教學書】★★★★★★【好評再上市】★★★★★★【2021 iThome 鐵人賽 Modern Web 組 優選文章改寫】★★★★★★【536頁內容+全彩圖文解說=完整學習WebGL!】★★★本書由 2021 iThome 鐵人賽 Modern Web 組「如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起」改寫並加入遊戲互動要素,除了波光粼粼的海面,現在更有遊玩性了!WebGL是一種JavaScript API,用於網頁呈現互動式2D和3D圖形,現今許多商家網頁展示自家商品,或讓顧客於線上預覽客製化商品時,都能看見其蹤影存在。書中提供一系列連貫範例,帶領讀者透過 WebGL 在瀏覽器中學習電腦渲染 3D 的運作機制,一步步建構 3D 渲染流程,再到各種光線、陰影效果,最後加入遊戲機制與互動,製作成刺激好玩的遊戲!本書主要內容如下★初步認識WebGL★Texture&2D★3D&物件★Lighting★Framebuffer&陰影★帆船與海
☆★好評再上市★☆★導入實際開發場景與案例,由淺入深、循序漸進★★帶領讀者快速掌握 Electron 開發必備知識及技巧★【本書內容】隨著Electorn的流行,越來越多的開發人員開始學習和使用Electron框架。本書特別針對一些會讓初學者感到困惑的問題提出解決方案,舉例來說,官方文件詳盡地列舉了Electron提供的API以及其呼叫的方式和參數說明,然而卻完全沒有任何案例進行實作的教學,本書針對這個痛點,將全書10章分別按不同的主題設計成一個完整連貫的開發案例,讓讀者真正知道在專案開發中會遇到的問題並加以解決。另外目前坊間完全沒有Electron的中文書籍,對於Web工程師來說,桌面應用程式的跨度有點大,必須了解node.js和Chrominum的原理。主處理程序與繪製處理程序的概念等知識,會在應用程式開發的過程中感到困惑,本書清楚完整地說明了這個部分,讓開發者在寫程式時更加放心。非常適合有一定的前端知識基礎,開始學習或即將使用Electron進行開發的讀者,也適合傳統桌面用戶端開發,想了解Electron框架的C#/C++/QT開發人員。當然如果你已經是Electron的使用者,想更進一步精進自己的技術,這本書也一樣非常適合你。【本書特點】.只要會Html+CSS+Javascript,就能開發出跨平台的輕量桌面應用程式。.利用Web開發的Chrominum為基礎。.Node為基礎的桌面環境設定。.了解不同作業系統之間的處理程序。.了解應用程式中視窗的多種組合應用。.帶參數的應用程式設計。.修改Windows的登錄檔。.處理硬體裝置及系統UI。.錯誤處理及程式品質控制。.將應用程式打包及發佈到Windows市集。.服務處理程序及外掛程式的開發。【適合讀者】1.從事Web前端開發,有一定的前端知識基礎,出於興趣開始學習Electron框架,或是專案即將使用Electron進行開發,想快速上手Electron的開發人員。2.從事傳統桌面用戶端開發,想了解Electron框架,對擴充自己技術廣度有訴求的開發人員。3.已經使用Electron框架開發過專案,熟悉Electron的基本使用,但想學習更多案例實踐的開發人員。
學網頁 3D 可以用聰明的方式融會貫通,再也不用埋頭苦幹!「我衷心推薦《網頁視覺特效最強必殺技大全》,書中很多艱澀的原理在 Umas 的文筆下都相當有趣,相信你將從中受益匪淺。」——蔡木景,《JavaScript 概念三明治》作者| 內容簡介本書內容改編自第 14 屆 iThome 鐵人賽 Software Development 組的優選系列文章《30 天成為鍵盤麥可貝:前端視覺特效開發實戰》。本書透過不同前端 3D 作品案例逐步解釋 WebGL 底層運作原理,用淺顯易懂的方式,搭配豐富的插圖,進而解釋艱澀難懂的主題,幫助讀者打造屬於自己的網頁 3D 作品。內容從數學原理到畫面上的特效,從第一行程式碼到各個 bug 的解方,深入淺出,口吻風趣,涵蓋理論到實務創作的全面認識,帶領讀者輕鬆進入前端 3D 的大門。網頁 3D 在創作時,最麻煩的是踩到深不見底的大坑,而這些大坑往往代表底層原理需要被理解,本書也依照不同案例會遇到的大坑做詳盡解釋,讓新手除了能夠打造自己的作品外,還可以省下埋頭苦幹的時間,用聰明的方式融會貫通!| 核心內容本書分為三部曲,第一部曲介紹多種底層關係,第二部曲提供多個 three.js 案例的教學同時引出原理,第三部曲深入 Shader 的世界。每一部都能單獨看,每一個案例都有上手的程式碼以及完成的程式碼,學網頁 3D 再也不必茫然!| 目標讀者◪ 對網頁開發相對陌生,但希望能更嘗試網頁 3D 並融入創作的網頁設計師◪ 對 3D 相對陌生,但對網頁 3D 躍躍欲試的前端工程師◪ 對網頁 3D 感到好奇,想多加認識該領域的勇者◪ 想嘗試在網頁上呈現創作的 3D 建模師◪ 尋找更酷炫的媒材加以創作的視覺藝術家