學網頁 3D 可以用聰明的方式融會貫通,再也不用埋頭苦幹!「我衷心推薦《網頁視覺特效最強必殺技大全》,書中很多艱澀的原理在 Umas 的文筆下都相當有趣,相信你將從中受益匪淺。」——蔡木景,《JavaScript 概念三明治》作者| 內容簡介本書內容改編自第 14 屆 iThome 鐵人賽 Software Development 組的優選系列文章《30 天成為鍵盤麥可貝:前端視覺特效開發實戰》。本書透過不同前端 3D 作品案例逐步解釋 WebGL 底層運作原理,用淺顯易懂的方式,搭配豐富的插圖,進而解釋艱澀難懂的主題,幫助讀者打造屬於自己的網頁 3D 作品。內容從數學原理到畫面上的特效,從第一行程式碼到各個 bug 的解方,深入淺出,口吻風趣,涵蓋理論到實務創作的全面認識,帶領讀者輕鬆進入前端 3D 的大門。網頁 3D 在創作時,最麻煩的是踩到深不見底的大坑,而這些大坑往往代表底層原理需要被理解,本書也依照不同案例會遇到的大坑做詳盡解釋,讓新手除了能夠打造自己的作品外,還可以省下埋頭苦幹的時間,用聰明的方式融會貫通!| 核心內容本書分為三部曲,第一部曲介紹多種底層關係,第二部曲提供多個 three.js 案例的教學同時引出原理,第三部曲深入 Shader 的世界。每一部都能單獨看,每一個案例都有上手的程式碼以及完成的程式碼,學網頁 3D 再也不必茫然!| 目標讀者◪ 對網頁開發相對陌生,但希望能更嘗試網頁 3D 並融入創作的網頁設計師◪ 對 3D 相對陌生,但對網頁 3D 躍躍欲試的前端工程師◪ 對網頁 3D 感到好奇,想多加認識該領域的勇者◪ 想嘗試在網頁上呈現創作的 3D 建模師◪ 尋找更酷炫的媒材加以創作的視覺藝術家
精采內容不容錯過,暢銷回饋中!!掌握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。|適用對象|✰對前端技術有興趣卻不知從何入門的初學者✰前端開發技術相關從業人員✰大專院校網站設計相關課程教材