整體性嗓音輔導臨床手冊(附光碟)(ABCLOVE Voice Training)
其他會員也一起購買
立即查看
兒童語言障礙-理論、評量與教學
相關熱銷的書籍推薦給您
兒童語言障礙理論評量與教學
系列名:溝通障礙
ISBN13:9789577028532
出版社:心理
譯者:錡寶香
裝訂:平裝
出版日:2006/01/01
內容簡介
本書主要是針對兒童可能出現的語言問題,提出理論介紹,以及評量與教學或語言療育之建議。全書涵蓋不同層面的語言習得或語言處理問題的介紹,包括:語意、語法、語用問題與教學,後設語言或語言覺識問題與教學,聽覺記憶問題及詞彙尋取困難與教學,閱讀與書寫表達問題與教學。希望透過本書的出版能引起更多人對兒童語言障礙的興趣與關注,也希望能提供家長、教師、語言治療師一些療育、教學的參考資料。
目錄
第1章 溝通、語言與說話:基本概念的介紹
第2章 兒童的語言障礙:概觀介紹
第3章 語言障礙的鑑定與評量
第4章 語言療育與語言教學
第5章 提昇語意能力的教學
第6章 提昇語法能力的教學
第7章 提昇語用能力的教學
第8章 提昇兒童後設語言或語言覺識能力的教學
第9章 提昇聽覺記憶能力的教學
第10章 兒童的詞彙尋取困難與介入
第11章 提昇兒童閱讀能力的教學
第12章 提昇兒童書寫表達能力的教學
立即查看
【全圖鑑】照順序就好!看圖學文法不用背:用「直覺+視覺」秒懂所有文法觀念,把英文變簡單! (1版)
類似書籍推薦給您
按順序 × 視覺化 = 英文文法超簡單!
文法不能靠死記,而是要靠直覺!拋開文法術語,
英文就是「誰→做了什麼→針對哪個人/事物做」的概念!
用最符合直覺的「語意順序法」讓你立即秒懂英文文法!
老是被「名詞」「動詞」「名詞子句」這種術語搞瘋嗎?
「先學完名詞、再來學動詞、形容詞等」的分科式學習,
讓你始終搞不懂一整句英文的邏輯嗎?
語意順序關係圖表 × 多圖表比較 × 大量的文法重點圖表
視覺化所有文法觀念,同時理解句子結構、各詞類重點!
只要看得懂圖表,沒有基礎也能學好英文!
★ 搞一堆文法名詞,不如用最實際的「誰、做了什麼、針對哪個人/事物」的順序來理解!
以往我們學英文文法時,是不是常常用「文法術語」的方式去理解一個句子呢?
I saw a house whose roof is red.
【以往用文法術語的解讀方式】
.I →代名詞/主詞:我
.saw →動詞/過去式:看見
.a →不定冠詞:一個
.house →名詞/先行詞:房子
.whose →所有格關係代名詞:~的
.roof →名詞:屋頂
.is →be動詞:是
.red →形容詞:紅色的
【用這本書學習之後,你會這樣秒懂】
直接用圖表「誰、做了什麼、針對哪個人/事物」的來理解主要的句子:
誰 做動作(是) 人/事物 地點 時間
我 看到 一間房子 無 無
I saw a house
用另一個同樣的「誰、做了什麼、針對哪個人/事物」表格說明上面的a house:
誰 做動作(是) 人/事物 地點 時間
(它的屋頂) 是 紅色的 無 無
whose roof is red.
I saw a house whose roof is red.
我看到一間屋頂是紅色的房子。
不需要用艱澀的文法術語,不需要一個字一個字拆解,靠一個圖表、兩行架構,依語意把詞彙放進適當的欄位裡,馬上搞懂最繁雜的「所有格關係代名詞所引導的形容詞子句」是什麼概念!
★ 結合「圖表+插圖+例句」,搭配易懂文字,直接用「直覺+視覺」來理解複雜的文法!
一般厚厚都是文字與列表的那種文法書,是否常讓你覺得英文好難?文法術語的用字再專業、解釋地再多,也比不過文字淺顯易懂、一看就懂的圖解式教學!針對每單元的文法重點,都會以表格結合好幾個插圖來做說明,而非表格是表格、插圖是插圖、例句是例句各自獨立,得靠自己去理解其關聯性。正因為有這樣的結合,讓你可以在一個畫面中,一眼就融會貫通其文法重點。
此外,在解說句子結構時,也不用一般文法書的主詞、動詞、副詞等等,而是用像是「誰、做了什麼、針對哪個人/事物」這樣連小學生都懂的文字來做說明。
★ 擺脫「名詞是名詞」、「動詞是動詞」的分科式教學,句子結構、各詞類、各文法重點同時學會
以往的文法書都是這樣安排,每一章節的文法重點各自獨立、各講各的,名詞歸名詞、動詞歸動詞這樣分章解講,對於英文的文法概念其實很片段、破碎、無法融會貫通。
本書會用類似人事時地物的架構圖,去結合文法各詞類,來建立一個完整的關係圖表,套用在所有你以往學過的文法理論上,並透過一行或兩行的圖表來理解該文法。因此不論你正在學哪一個文法觀念,縱使是名詞、形容詞、副詞等各詞類,你都是有清楚完整架構的,不會只是單純告訴你形容詞有哪些、副詞有哪些就結束,讓學習者在腦海中隨時都有清晰的文法全貌。
本書特色
◆ 直覺式秒懂英文的「語意順序法」
不同於以往學文法是用文法公式、文法術語等理論來學,但學完之後還是不懂一句英文的意思,本書以教育語言學中的「語意順序法」,以圖表的方式來教導文法,也就是把句子中的詞彙,依照如「誰、做什麼、針對哪個人/事物」等語意的順序做拆解,並放進適當的位置中來理解一句話的方法。透過此順序法,便能很直覺式地理解一句話的重點,還能直覺地表達英文。
◆ 用圖表複習國高中6年的英文文法
本書涵蓋國、高中所有文法,可以一次完整學習到國高中6年的英文文法,當初在課堂上覺得不懂的文法理論,這一次用圖表就搞定。
◆ 使用大量圖表與插圖
本書透過「語意順序法」觀念,以「語意順序關係圖表」以及插圖式圖解,將以往所學過的複雜文法理論,變成很視覺化的理解畫面,同時讓你很清楚完整的句子架構。此外還用「多圖表比較」來比較多個相似但可能誤解的文法,以及利用大量的文法重點圖表,搭配少量的重點文字解說,來讓你明白各個瑣碎又難懂的文法規則。
立即查看
網頁視覺特效最強必殺技大全:用 Three.js 與 Shader 圖說核心原理 x 閃避踩雷 x 創作指南(iThome鐵人賽系列書)【軟精裝】 (1版)
類似書籍推薦給您
【簡介】
學網頁 3D 可以用聰明的方式融會貫通,
再也不用埋頭苦幹!
| 內容簡介
本書內容改編自第 14 屆 iThome 鐵人賽 Software Development 組的優選系列文章《30 天成為鍵盤麥可貝:前端視覺特效開發實戰》。本書透過不同前端 3D 作品案例逐步解釋 WebGL 底層運作原理,用淺顯易懂的方式,搭配豐富的插圖,進而解釋艱澀難懂的主題,幫助讀者打造屬於自己的網頁 3D 作品。內容從數學原理到畫面上的特效,從第一行程式碼到各個 bug 的解方,深入淺出,口吻風趣,涵蓋理論到實務創作的全面認識,帶領讀者輕鬆進入前端 3D 的大門。
網頁 3D 在創作時,最麻煩的是踩到深不見底的大坑,而這些大坑往往代表底層原理需要被理解,本書也依照不同案例會遇到的大坑做詳盡解釋,讓新手除了能夠打造自己的作品外,還可以省下埋頭苦幹的時間,用聰明的方式融會貫通!
| 核心內容
本書分為三部曲,第一部曲介紹多種底層關係,第二部曲提供多個 three.js 案例的教學同時引出原理,第三部曲深入 Shader 的世界。每一部都能單獨看,每一個案例都有上手的程式碼以及完成的程式碼,學網頁 3D 再也不必茫然!
| 目標讀者
◪ 對網頁開發相對陌生,但希望能更嘗試網頁 3D 並融入創作的網頁設計師
◪ 對 3D 相對陌生,但對網頁 3D 躍躍欲試的前端工程師
◪ 對網頁 3D 感到好奇,想多加認識該領域的勇者
◪ 想嘗試在網頁上呈現創作的 3D 建模師
◪ 尋找更酷炫的媒材加以創作的視覺藝術家
好評推薦
「我衷心推薦《網頁視覺特效最強必殺技大全》,書中很多艱澀的原理在 Umas 的文筆下都相當有趣,相信你將從中受益匪淺。」——蔡木景,《JavaScript 概念三明治》作者
【目錄】
推薦序
序言
CHAPTER 01 導論:前端 3D 視覺特效是什麼?
誰適合學習前端 3D 視覺特效?
學習前端 3D 視覺特效有什麼好處?
網頁視覺特效包含哪些做法?
我所準備的資源
本書內容
PART Ⅰ | 用 three.js 理解 3D 世界觀
CHAPTER 02 安裝、建置環境
透過 CodePen 上手
透過 Live Server 上手
CHAPTER 03 Hello three.js!
三者關係
從 three.js 開始,要怎麼起頭?
開始程式碼
CHAPTER 04 three.js 空間座標――讓世界繞著我旋轉!
巢狀結構
以程式碼示範
設定空間的方法?
CHAPTER 05 什麼!空間被扭曲了?我 three 願稱你為最強――矩陣
順序到底有沒有差?
在 three.js 看這個問題
矩陣
在 three.js 實作該方法
CHAPTER 06 The World !砸瓦魯多!歐拉歐拉歐拉!――歐拉角跟四元數
天球問題
在 three.js 應用歐拉角
在 three.js 應用四元數
製作天球
CHAPTER 07 three.js 圓弧的藝術家!弧線的教授!――OrbitControls 軌道控制器
Control
OrbitControls 控制「目標」跟「鏡頭」
實作
Target 不正確問題
總結:target 跟 lookAt 的差異
CHAPTER 08 three.js 的一方通行:矢量操作――全面釐清向量與底層特性
我們需要有向量操作能力
學一方通行在短時間內分析向量來反擊 immutable
不止向量,這觀念遍布 three.js
必學的向量函式
如同「矢量操作」般必殺的向量函式
CHAPTER 09 你有被光速踢過嗎?解析 3D 界的黃猿――光的底層原理與介紹
最常用的光源及其原理
這些光怎麼來的?
光就是內積算出的結果
以上 three.js 都幫你包好了
CHAPTER 10 傲慢的太陽――光的開發
實作地球與太陽
PART Ⅱ | 用 Three.js 實戰 3D 作品
CHAPTER 11 前端視覺特效工程師實戰:全球戰情室――貼圖原理
做一個地球可以做什麼?――地球的應用
理解貼圖的運作模式
數不清的貼圖
小結
CHAPTER 12 前端 3D 視覺特效開發實戰:全球戰情室――實作地球
成品
運用貼圖
加上雲圖
跨入修圖領域
加上互動
CHAPTER 13 3D 地球特效開發實戰:留下飛雷神術式吧!――經緯度座標轉換
開發鏡頭跳躍功能
完成品
經緯度轉三維空間座標
結論
CHAPTER 14 three.js 3D 地球特效開發實戰:飛雷神之術走跳地球!――鏡頭追蹤與浮動文字
開發功能
地球的潛力
CHAPTER 15 three.js 3D 圖表特效開發實戰――繪畫就跟佐為下棋一樣簡單:線段原理
線段是什麼?
三個重要的線段物件:Shape、Path、Curve
線段物件:路徑 Path
線段物件:曲線 Curve
CHAPTER 16 3D 圖表特效開發實戰――來人!餵公子吃餅:圓餅圖
開發線段
小結
CHAPTER 17 3D 圖表特效開發實戰――你爹只給個爛餅,大不了還你 3D 爛餅:用粉圓體做立體圓餅圖
完成品
開發立體圓餅圖
加上圖例
完成品
小結
CHAPTER 18 three.js GIS 系統開發實戰――鄉鎮市區 GIS 系統:SVG、GeoJson 的應用
由 SVG 渲染模型
讀取 SVG
將 Path 轉成 3D Mesh
將數值轉成物件高度
完成品
CHAPTER 19 three.js GIS 系統開發實戰――成為網頁特效的鹿丸!影子模仿術:陰影的終極原理
陰影的實作
陰影的本質
渲染問題解決方法
Self-Shadow Aliasing 問題
Bias 修正
延伸的陰影技術:Shadow Map、PCF、PCSS
各種光源所產生的陰影差異
小結
CHAPTER 20 three.js 前端 3D 視覺特效開發實戰――設備檢視器:倒影特效
成品
鏡面反射原理
開發鏡面特效
成果
envMap 是什麼?
envMap 流程
CubeCamera 怎麼照出 360 度照片的?
什麼是 HDRI
Cube 是什麼意思?
CHAPTER 21 前端 3D 視覺特效開發實戰――智慧工廠:倒影特效
成品
開發鏡面特效
進階鏡面特效
成品
小結
CHAPTER 22 智慧工廠開發實戰――Dejavu!讓鏡頭跟著拓海一起飄移:鏡頭追蹤、飄移特效
準備程式碼
鏡頭追蹤
鏡頭飄移
小結
PART Ⅲ | 用 Shader 實戰視覺特效
CHAPTER 23 WebGL Shader――你好啊大哥哥,沒想到你可以到 Shader 來呢!
Shader 是什麼
Shader 要如何開發
小結
延伸閱讀
CHAPTER 24 WebGL Shader――從認識 GLSL 開始釐清 Shader
Shader 是什麼?
寫Shader 從認識 GLSL 開始
小結
CHAPTER 25 WebGL Shader――透過自製環境光實作 Shader 傳值
實作即時變化的環境光
完成品
從實作過程中釐清變數類型
小結
CHAPTER 26 使用 Shader 創造漸層
為甚麼要用 Shader?
快速建置 Shader 環境――透過 p5.js
快速建置 Shader 環境――透過 three.js
建立具有光暈的粒子――原理
建立具有光暈的粒子――實作放射狀漸層
建立具有光暈的粒子――移動中心點
建立具有光暈的粒子――反白整個畫面
更多探索
CHAPTER 27 WebGL Shader――透過 Shader 製作光暈:速成篇
用 three.js 製作 Shader 材質
在 Vertex Shader 加上 vertexNormal
在 Fragment Shader 加上「神祕的程式碼」
完成品
小結
CHAPTER 28 WebGL Shader――透過 Shader 製作光暈:Shader 傳值的原理
觀察程式碼
vertexNormal 有值嗎?如果有的話,數值是從哪裡來的?
CHAPTER 29 WebGL Shader――透過 Shader 製作光暈:光暈原理與多種變化形式
dot() 是在哪裡宣告的?它的作用是什麼?
我們釐清了關鍵問題,現在順一遍程式碼
透過 intensity 生成顏色
延伸嘗試
小結
CHAPTER 30 WebGL Shader――用 Shader 做全視角內光暈、星球材質
成品
全視角的內光暈
內光暈在地球的應用
外光暈
小結
後記
立即查看
實體書+有聲書!1本就通!小學生必備英文文法:用聽的 + 開口跟著唸,搭配插圖的視覺效果, 0 ~ 99歲都適用!(附QR碼線上音檔) (1版)
類似書籍推薦給您
【簡介】
「實體書+有聲書+文法圖解」連小學生都能速通英文文法!
還能一次提升英聽與口說能力!
別的文法書,只能用看的,就算有音檔,大多也只唸例句…
這本文法書,不但唸例句,連文法規則都講給你聽!!
韓國中、小學及英語補教業共同指定教材!
圖案可愛、圖解清楚、說明簡單易懂,讓你學英文不再怕文法!
附QR碼線上音檔,走路、睡覺、搭車、幫忙家事,
這些無法拿著書看的狀態,也都能用「聽」的學文法
◆ 有聲書設計!用「聽」的「聽規則」,再跟著跟讀「說例句」,就能輕鬆學好文法
市面上許多文法書,即使是教你最初級的文法概念,大多只能用文字來敘述文法規則,而且文字敘述也很死板、不活潑!看不下去的文法書,怎麼可能讓你的文法變好?而且大多數沒有音檔可以學習,就算有音檔,也都只是把例句唸一唸而已。但是要熟練英文文法,就是要把文法規則學得滾瓜爛熟,本書的設計不僅是一本實體書,還是一本具有「無障礙學習」功能的有聲書,音檔的錄製不是只是敷衍的把例句唸一唸,而是連規則都唸給你聽,保證可以隨時隨地,醒著、睡著都能學。尤其是小朋友,閱讀理解力不如大人,用聽的更能讓他們學習更多。並藉由語言專家精挑細選的生活運用例句,跟著講出來,把文法自然學成反射動作,不用想就能說出符合文法的正確英文。
◆ 實體書設計!以漫畫插圖生動幽默的解說文法,小學生最愛!重點文法過目不忘
小朋友對於從圖案學習具有無限的吸收能力,而且也容易引起他們的興趣,除了詳細錄製的有聲書外,在實體書上,本書用豐富的漫畫插圖、用幽默詼諧的觀點來幫你重新解讀英文,保證不必死背,一學就懂,而且印象深刻,讓你想忘都忘不了。你會發現,原來英文文法也可以這麼可愛,從此學文法不再死板板,讓你的英文HIGH起來!
其實,不光是兒童學習者喜歡看圖文並茂及有語音教學的學習書,成人的學習者也一樣。尤其對於那些清楚自己學習需要的成人來說,他們知道比起年輕時候,現在在時間上要付出更高的學習成本,而這本書用了許多充滿童趣的插圖、淺顯易懂的敘述、生動的例句、清新的排版,也很符合成人「效率學習」的目標。而且不管是各級老師要拿來當作課堂用書,或是學生要拿來輕鬆自修,甚至家長想與自己的小孩一起在家學習英文都非常適合。對於有心學好英文的讀者來說,這是一本非常好用的工具書。
◆ 標示詳盡、深入淺出、釐清重要觀念,加速融會貫通!
一般文法書只附上主題文法的例句,頂多再加上中文翻譯就草草了事,導致讀者所能學到的內容非常有限。本書由最基本的文法開始,詳述英文的句子結構,循序漸進地導入字詞的用法,並於每個單元後面整理出複習要點,讓讀者一目瞭然,輕鬆融會貫通,且跳脫一般文法書的編排方式,加上大量說明圖框來輔助解析主要文法的重點及例句,徹底拓展你的文法實力,讓你在家自修也可以吸收補教名師的課堂筆記。
本書雖然以基礎文法為重點,但內容涵蓋廣泛,並以星號標示出學習難度,讓讀者能夠依照自己的能力範圍,吸收學習。此貼心設計適合各種程度的英文學習者,不管你是英文初學者,或是想要再重新學好英文的人,甚至要從基礎到進階,通通都適用。
另外,因為很多文法規則總是讓許多人摸不著頭緒。比方說,play the piano(彈鋼琴)和 play baseball(打棒球),到底什麼時候要有 the,什麼時候不可以加 the?本書特設「Grammar Cafe」、「再來一點!」等特別專欄,歸納重點,一次解決你對英文的疑難雜症,釐清一般人使用英文時常犯的錯誤,也幫你提昇英文素養,更上一層樓!
◆ QR碼線上音檔,免註冊、免安裝APP,隨掃隨聽!
只要用智慧型手機等行動裝置掃描一下 QR 碼,就能夠馬上聽到需要學習的音檔,不需註冊會員,保障您的私人資料,或額外安裝自己不熟悉的播放 APP 才能聽,到哪裡都能夠「行動學英文」!亦可掃描全書 MP3 下載 QR 碼更省去每次聽音檔都要掃描的麻煩!(註:由於 iOS 系統對檔案下載的限制,iPhone 用戶需升級至 iOS 13 以上,方可使用全書完整打包下載連結。)
本書特色
特製有聲書內容,用「聽」+「說」也能學習文法!
漫畫插圖生動幽默,重點文法過目不忘
由最基本的文法開始,詳述英文的句子結構,循序漸進
簡單、活潑的解說,豐富的例句、配上語言學專家的精密設計,讓你一聽就懂、一學就會。
星號難度標示,學習者可視能力吸收
跳脫一般文法書的編排方式,加上大量說明圖框來輔助解析主要文法的重點及例句
特設「Grammar Cafe」專欄,解決你對英文的疑難雜症
附「文法專有名詞索引」,讓你對這些「…詞、…式、…格、…語態」,都能馬上找到且迅速了解。
【目錄】
第一部分 初次接觸英文文法
第一章 會中文就會英文
第二章 英文句型的形式
1.第一句型
2.第二句型
3.第三句型
4.第四句型
5.第五句型
第三章 英文句子的種類
1. 直述句
1)肯定句 2)否定句
2. 疑問句
1)一般疑問句 2)WH- 疑問句 3)選擇疑問句
4)附加疑問句 5)間接疑問句
3. 祈使句
1)be動詞祈使句 2)一般動詞祈使句
3)否定祈使句4)建議祈使句
4. 感歎句
第二部分 詞類百分百活用
第一章 名詞
1. 什麼是名詞?
2. 名詞的種類
1)普通名詞 2)專有名詞 3)物質名詞
4)抽象名詞 5)集合名詞 6)複合名詞
3. 名詞的數
4. 名詞的所有格
第二章 代名詞
1. 什麼是代名詞?
2. 代名詞的種類
1)人稱代名詞 2)指示代名詞 3)不定代名詞
4)疑問代名詞 5)關係代名詞
第三章 動詞
1. 什麼是動詞?
2. 動詞的種類
1)be動詞 2)一般動詞 3)助動詞
3. 動詞的變化
4. 動詞的時態
1)現在時態 2)過去時態 3)未來時態
4)進行時態 5)完成時態
第四章 形容詞
1. 什麼是形容詞?
2. 形容詞的種類
1)普通形容詞 2)專有形容詞
3)指示,所屬,疑問,否定形容詞 4)數量形容詞
3. 形容詞的用法
1)限定性用法 2)敘述性用法 3)名詞性用法
4. 形容詞的比較
1)形容詞的比較變化 2)比較級 3)最高級
第五章 副詞
1. 什麼是副詞?
2. 副詞的種類
1)一般副詞 2)時間副詞 3)地方副詞
4)頻率副詞 5)程度副詞 6)疑問副詞
3. 副詞的作用
1)修飾動詞 2)修飾形容詞
3)修飾其他副詞 4)修飾整個句子
4. 副詞的比較
1)規則變化 2)不規則變化
第六章 介系詞
1. 什麼是介系詞?
2. 介系詞的種類
1)時間介系詞 2)地方介系詞
3)方向介系詞 4)其他介系詞
3. 複合介系詞
第七章 連接詞
1. 什麼是連接詞?
2. 連接詞的種類
1)對等連接詞 2)從屬連接詞
第三部分 輕鬆面對複雜英文句型
第一章 被動語態
1. 什麼是被動語態?
2. 被動語態構造
1)第三句型的被動語態 2)第四句型的被動語態
3)第五句型的被動語態
3. 需要注意的被動語態
1)不使用by的被動語態 2)常用被動語態形式
第二章 動詞不定詞
1. 什麼是動詞不定詞?
2. 動詞不定詞的構造
3. To動詞不定詞的用法
1)名詞性用法 2)形容詞性用法 3)副詞性用法
4. 接原形動詞不定詞的動詞
1)感官動詞 2)使役動詞 3)其他動詞
5. 接to動詞不定詞的動詞
第三章 動名詞
1. 什麼是動名詞?
2. 動名詞的構造
3. 動名詞的作用
4. 接動名詞的動詞
5. 可接動名詞和to不定詞的動詞
第四章 分詞
1. 什麼是分詞?
2. 分詞的構造
1)現在分詞:動詞原形 + -ing 2)過去分詞:動詞原形 + -ed
3. 現在分詞的作用
1)動詞的進行時態 2)形容詞作用
4. 過去分詞的作用
1)動詞的完成時態 2)被動語態 3)形容詞作用
5. 需要注意的分詞
1)現在分詞和動名詞 2)現在分詞和過去分詞
第五章 假設語氣
1. 什麼是語氣?
1)直述語氣 2)命令語氣 3)假設語氣
2. 假設語氣的時態
1)現在時態 2)過去時態
3)過去完成時態 4)未來時態
3. 需要注意的假設語氣
1)沒有if的假設語氣 2)I wish的假設語氣
3)as if的假設語氣
習題答案及詳解
文法專有名詞索引
立即查看
D3.js資料視覺化實用攻略:完整掌握Web開發技術,繪製互動式圖表不求人 (1版)
類似書籍推薦給您
【簡介】
【專業推薦】
「這是一本深度和廣度都兼具的D3.js專書,將帶領你進入資料視覺化的奇妙世界,我毫不猶豫地推薦給你。」
──Vue.js Taiwan社群主辦人 | 許國政(Kuro)
【本書特色】
打造動態且驚豔酷炫的客製化圖表的D3.js實戰指南!
剖析D3.js資料視覺化原理,搭配豐富實戰案例,讓你輕鬆上手D3.js!
✪由淺入深介紹:循序漸進說明如何使用D3.js建立圖表
✪官方文件說明:讀懂D3.js官方文件,不怕跟不上改版
✪完整圖表範例:完整收錄從基礎到進階的圖表範例
✪豐富實戰案例:使用真實世界的開放資料解說圖表
【內容簡介】
本書內容改編自第13屆iThome鐵人賽Modern Web組佳作系列文章《三十天成為D3.js v7好手》。本書從詳述D3.js建立圖表的基礎原理開始,循序介紹如何閱讀官方文件、了解繁多的API使用方式、分解圖表的構成元件、繪製圖表、建立動畫與互動功能等,透過由淺入深的內容安排,可讓你輕鬆進入D3.js的世界。此外,本書還以常見的圖表程式碼範例做示範,可讓你快速領略圖表打造的奧祕,無論你是初出茅廬的前端初心者,或是想增加圖表技能的程式開發者,都能成功邁入資料視覺化的世界。
【精采內容】
♚詳細解說D3.js原理與各項建立圖表的API
本書詳細說明D3.js繪製圖表時的API用途、輸入與輸出數值、注意事項,讓讀者從根本上了解該API的使用方式。
♚帶領你讀懂D3.js官方文件
內容解說D3.js官方文件,讓你不用再擔心會有版本變化快速以及不明白程式碼哪裡出錯的困擾。
♚常見圖表與互動效果的實際範例
書中手把手示範常見的圖表範例程式碼,同時建立該圖表常搭配的互動功能,讀者可將本書作為尋找圖表範例的參考書。
♚使用?實世界的資料示範
本書的圖表範例使用政府或公家機構釋出的開放資源,運用實際數據建立圖表,呈現真實世界的圖表應用。
【目標讀者】
✪對資料視覺化有興趣的程式開發者。
✪具備基礎JS開發經驗的前端工程師。
✪看不懂D3.js官方文件,不得其門而入的圖表苦手。
✪喜歡華麗、動態且想客製化圖表的開發者。
【目錄】
|CHAPTER 01| D3.js基本介紹
1.1 D3.js的發展簡史
1.2 D3.js的特色
1.3 D3.js能做什麼?
1.4 D3.js的優缺點
1.5 為何要選擇D3.js?
1.6 本書目標與內容
1.7 範例程式碼和Github Page範例網站
|CHAPTER 02| 學習D3.js前必備的SVG知識
2.1 SVG的基礎觀念
2.2 SVG形狀
2.3 SVG線條
2.4 SVG路徑、文字
2.5 SVG常用的表現屬性與轉換屬性
|CHAPTER 03| 從看懂文件開始
3.1 D3.js官方文件介紹
3.2 D3.js官方圖表示範網站
3.3 D3.js的30種API介紹
3.4 D3.js安裝起步走
3.5 D3.js版本確認
|CHAPTER 04| D3.js核心概念:選取與綁定
4.1 選取器(Selections)
4.2 調整元素
4.3 資料綁定(Data Binding)
4.4 選取與綁定資料的應用範例
4.5 事件處理與呼叫方法
|CHAPTER 05| 資料匯入與整理
5.1 公開資料平台
5.2 匯入資料的API
5.3 資料整理
|CHAPTER 06| 繪製圖形的Helper Function
6.1 Generators
6.2 Components
6.3 Layouts
|CHAPTER 07| 圖表的組成
7.1 比例尺(Scales)
7.2 軸線與刻度(Axes & Ticks)
7.3 響應式圖表(RWD)
|CHAPTER 08| 圖表動畫與滑鼠事件
8.1 動畫
8.2 基礎滑鼠事件與互動效果
8.3 工具提示框(Tooltips)
|CHAPTER 09| 圖表進階互動事件
9.1 拖曳
9.2 縮放
9.3 選取刷
|CHAPTER 10| 常見圖表繪製與互動效果
10.1 圓餅圖
10.2 散點圖 / 散佈圖
10.3 氣泡圖
10.4 長條圖
10.5 複數長條圖
10.6 堆疊長條圖
10.7 折線圖
10.8 多線折線圖
立即查看
Visio 2016商業應用圖表超強製作術:視覺化實務設計
類似書籍推薦給您
立即查看