編程真好玩:從零開始學(xué)網(wǎng)頁設(shè)計及3D編程
定 價:79 元
當(dāng)前圖書已被 25 所學(xué)校薦購過!
查看明細(xì)
- 作者:少兒編程網(wǎng) 編著
- 出版時間:2024/9/1
- ISBN:9787301353134
- 出 版 社:北京大學(xué)出版社
- 中圖法分類:TP311.1
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
《編程真好玩:從零開始學(xué)網(wǎng)頁設(shè)計及3D編程》從網(wǎng)頁開發(fā)的基礎(chǔ)知識HTML5、CSS、JavaScript開始,以項目實戰(zhàn)的方式詳細(xì)介 紹如何構(gòu)建自適應(yīng)網(wǎng)頁,并通過工具免費(fèi)發(fā)布自己的網(wǎng)站。在后面的章節(jié)中,以主流的3D框架ThreeJS為技術(shù)支撐,在網(wǎng)頁中編寫JavaScript代碼,讓讀者深入淺出地構(gòu)建完整的3D應(yīng)用場景。
《編程真好玩:從零開始學(xué)網(wǎng)頁設(shè)計及3D編程》由少兒編程網(wǎng)核心成員編寫,作者都具有多年軟件開發(fā)經(jīng)驗,書中案例中包含很多優(yōu)秀的軟件工程思想,強(qiáng)調(diào)編程實戰(zhàn),采用項目驅(qū)動和目標(biāo)導(dǎo)向的思維方法去學(xué)習(xí)最前沿的計算機(jī)編程技術(shù)。
《編程真好玩:從零開始學(xué)網(wǎng)頁設(shè)計及3D編程》適合對網(wǎng)頁設(shè)計和3D編程感興趣的讀者,特別是對前端開發(fā)(網(wǎng)站、小程序、3D模型展示、3D游戲原理、數(shù)據(jù)可視化、虛擬現(xiàn)實等應(yīng)用方向)有興趣的青少年。無論是初學(xué)者還是有一定基礎(chǔ)的愛好者,都能從《編程真好玩:從零開始學(xué)網(wǎng)頁設(shè)計及3D編程》中獲益匪淺。
任務(wù)分解:由大化小,掌握設(shè)計要點(diǎn)
接近生活:案例真實,力求學(xué)以致用
由淺入深:漸進(jìn)模式,激發(fā)學(xué)與練興趣
亦玩亦學(xué):在玩中學(xué),在學(xué)中練,輕松學(xué)會
收獲滿滿:體驗編程快樂,獲得滿滿成就感
Web 發(fā)展至今已有 30 多個年頭了,它從一個僅能連接少數(shù)計算機(jī)的局限性系統(tǒng),發(fā)展成為全球計算機(jī)緊密相連的龐大網(wǎng)絡(luò),是一個個計算機(jī)科學(xué)家不懈努力的成果。在移動互聯(lián)網(wǎng)時代到來之前,Web 早已風(fēng)靡全球,在瀏覽器日漸成熟、普及和國際標(biāo)準(zhǔn)的助推之下,其一度成為互聯(lián)網(wǎng)最大的應(yīng)用體系。
近年來,隨著 HTML5 的普及,WebGL(Web Graphics Library,Web 圖形庫)技術(shù)日趨成熟,Web 得到了快速的發(fā)展,網(wǎng)頁的表現(xiàn)能力越來越強(qiáng)大,利用 WebGL 技術(shù)在網(wǎng)頁上創(chuàng)建各種復(fù)雜的 3D 可視化效果已然成為一個新的流行趨勢。WebGL 廣泛應(yīng)用于互動式可視化(3D 產(chǎn)品展示)、游戲開發(fā)、虛擬現(xiàn)實(Virtual Reality,VR)和增強(qiáng)現(xiàn)實(Augmented Reality,AR)、在線教育、影視動畫、建筑設(shè)計可視化、數(shù)字展會等多種領(lǐng)域。
科技是第一生產(chǎn)力,而軟件編程也是科技發(fā)展重要的推動力量。目前,中小學(xué)生常用的編程語言主要是 Scratch、Python、C 。編程的教學(xué)內(nèi)容也主要是以興趣培養(yǎng)和應(yīng)試算法為主,偏重于知識理論學(xué)習(xí)。然而,學(xué)習(xí)這些到底能做些什么?這是很多學(xué)生的困惑,主要是因為缺少完整系統(tǒng)的軟件項目的開發(fā)實踐。
本書編寫人員均在軟件開發(fā)一線工作多年,有豐富的軟件項目開發(fā)實戰(zhàn)經(jīng)驗。本書以軟件工程中項目式開發(fā)為主線,學(xué)習(xí)如何從零開始搭建自己的第一個網(wǎng)站,并能夠結(jié)合面向?qū)ο缶幊痰乃枷,采用?dāng)今最流行的 WebGL 技術(shù)在瀏覽器中構(gòu)建出真正的 3D 場景。本書語言通俗易懂,不僅有詳細(xì)的文字描述,還結(jié)合源代碼和大量的圖表來解釋一些抽象的編程概念,應(yīng)用探究式學(xué)習(xí)方法,通過生活案例引領(lǐng)讀者一步一步了解 JavaScript 和 HTML5,由淺入深學(xué)習(xí) 3D場景的構(gòu)建和渲染過程。在實踐中探究學(xué)習(xí)和成長,并引導(dǎo)和激發(fā)讀者對編程的興趣,是本書重要的目標(biāo)。
本書的內(nèi)容強(qiáng)調(diào)實戰(zhàn)式學(xué)習(xí),以項目驅(qū)動的方式來串聯(lián)相關(guān)的知識點(diǎn),開發(fā)工具用的是軟件行業(yè)非常流行的 VS Code,并引用流行的 Bootstrap 前端開發(fā)框架及開源的 3D 圖形庫 ThreeJS,讓讀者了解前沿的軟件開發(fā)技術(shù)。在書中融合了許多軟件工程中的優(yōu)秀編程思路,比如自頂向下對象的拆解過程,在程序設(shè)計中巧妙地應(yīng)用類的繼承性、多態(tài)性、封裝性來提升代碼質(zhì)量。
本書編寫過程中,山東省實驗中學(xué)李梓菡同學(xué)對所編寫的案例及程序進(jìn)行了校驗,并對程序案例適用對象給出了有價值的建議,同時在科技項目公益活動中進(jìn)行了應(yīng)用和推廣。
少兒編程網(wǎng)學(xué)員珠海市第九中學(xué)楊長杰同學(xué)、西安市碑林區(qū)實驗小學(xué)王笠丞同學(xué)也都主動參與學(xué)習(xí)體驗,對本書后期的優(yōu)化與改進(jìn)提供了很大幫助,在此向以上同學(xué)表示感謝。如果廣大讀者朋友在學(xué)習(xí)過程中有好的想法、建議、意見,歡迎隨時與我們聯(lián)系。
少兒編程網(wǎng)(kidscode.cn)成立于2014年,是國內(nèi)最早專門從事少兒編程教育宣傳、推廣、普及的公益平臺,網(wǎng)站提供了大量的免費(fèi)圖文和視頻教程,并有QQ群和微信群提供在線指導(dǎo)和答疑。網(wǎng)站的創(chuàng)始及運(yùn)營團(tuán)隊均來自于軟件開發(fā)一線,具有豐富的程序設(shè)計開發(fā)經(jīng)驗,也有多年的青少年編程教學(xué)實踐經(jīng)驗,曾編寫出版了《帶你步入編程世界 :Scratch 2.0 零基礎(chǔ)入門》、《Scratch2.0 少兒編程奇幻之旅》及《從 Scratch 進(jìn)階到 Python(基礎(chǔ)篇)》。
第1章 小試牛刀認(rèn)識網(wǎng)頁設(shè)計
1.1 認(rèn)識網(wǎng)頁三劍客
1.1.1 網(wǎng)頁是什么
1.1.2 HTML、CSS 和 JS 的效果對比
1.2 嘗試寫個程序吧
1.2.1 創(chuàng)建網(wǎng)站目錄
1.2.2 創(chuàng)建自己的第一個網(wǎng)頁
1.2.3 HTML 頁面結(jié)構(gòu)
第2章 整裝待發(fā)升級裝備
2.1 VS Code 下載與安裝
2.2 VS Code 安裝擴(kuò)展
2.2.1 安裝中文語言包
2.2.2 安裝 Live Server
2.2.3 安裝 Code Runner
2.2.4 VS Code 初體驗
2.2.5 創(chuàng)建代碼片段
2.2.6 Live Server 本地服務(wù)
2.2.7 本地服務(wù)啟動與關(guān)閉
第3章 免費(fèi)搭建網(wǎng)站
3.1 注冊賬號,創(chuàng)建隧道
3.1.1 注冊賬號、登錄
3.1.2 創(chuàng)建隧道
3.2 啟動隧道,網(wǎng)站上線
3.2.1 下載客戶端
3.2.2 啟動客戶端
3.2.3 網(wǎng)站上線
3.2.4 流程總結(jié)
第4章 網(wǎng)頁設(shè)計制作
4.1 召集助手
4.2 設(shè)計草圖
4.3 導(dǎo)航欄
4.3.1 創(chuàng)建導(dǎo)航欄框架
4.3.2 給導(dǎo)航添加 Logo 圖片
4.3.3 添加導(dǎo)航文字
4.3.4 折疊導(dǎo)航欄
4.4 輪播圖
4.4.1 圖片切換輪播
4.4.2 添加指示按鈕
4.4.3 左右切換按鈕
4.4.4 添加圖片信息
4.5 校園要聞
4.5.1 搭建框架
4.5.2 填充內(nèi)容
4.6 視頻播放
4.6.1 搭建框架
4.6.2 填充內(nèi)容
4.6.3 自定義 CSS 樣式
4.6.4 裁剪出梯形背景
4.7 照片圖集
4.7.1 搭建框架
4.7.2 填充圖片
4.7.3 圖片溢出隱藏
4.8 表單
4.8.1 創(chuàng)建表單
4.8.2 添加背景圖
4.9 底部頁腳
4.10 頁面動畫
第5章 探尋 JavaScript 的世界
5.1 JavaScript 基礎(chǔ)知識
5.1.1 第一行 JavaScript 代碼
5.1.2 執(zhí)行 JavaScript 程序
5.1.3 JavaScript 注釋
5.1.4 變量和常量
5.1.5 運(yùn)算符
5.2 流程控制
5.2.1 條件語句
5.2.2 循環(huán)語句
5.3 函數(shù)
5.3.1 函數(shù)的定義
5.3.2 帶參數(shù)的函數(shù)
5.3.3 帶返回值的函數(shù)
5.3.4 遞歸函數(shù)
5.4 面向?qū)ο缶幊?
5.4.1 JavaScript 類
5.4.2 構(gòu)造方法
5.4.3 類的繼承
5.4.4 類的方法重寫
5.5 JS 與 HTML
5.5.1 JS 程序?qū)?HTML 的控制
5.5.2 事件
5.5.3 燈光開關(guān)
5.5.4 使用幫助手冊
第6章 用 JavaScript 構(gòu)建 3D 世界
6.1 認(rèn)識 ThreeJS
6.1.1 ThreeJS 框架下載
6.1.2 ThreeJS 中的一些概念
6.2 創(chuàng)建第一個 3D 場景
6.2.1 準(zhǔn)備工作
6.2.2 代碼實現(xiàn)
6.2.3 三維坐標(biāo)系
6.2.4 旋轉(zhuǎn)物體
6.3 場景升級
6.3.1 更換材質(zhì)
6.3.2 添加光源
6.3.3 軌道控制器
6.3.4 ThreeJS 中的顏色
6.3.5 添加多個物體
6.4 面向?qū)ο缶幊虡?gòu)建 3D 場景
6.4.1 自定義類
6.4.2 使用自定義類創(chuàng)建 3D 場景
6.5 Minecraft 場景搭建
6.5.1 Minecraft 中的方塊
6.5.2 創(chuàng)建 Minecraft 方塊
6.5.3 創(chuàng)建 Minecraft 草坪
6.5.4 封裝 BlockGround 類
6.5.5 創(chuàng)建 Minecraft 樹
6.5.6 創(chuàng)建一片森林
6.5.7 創(chuàng)建 Minecraft 花
6.5.8 天空盒子
6.5.9 高效地創(chuàng)建地面
6.5.10 創(chuàng)建 Minecraft 草原
6.6 加載 3D 動畫模型
6.6.1 加載 GLB 動畫模型
6.6.2 加載 FBX 動畫模型
6.6.3 加載 Minecraft 游戲玩家
6.7 模擬 Minecraft 游戲場景
游勝 (2025/5/20 20:50:00):適合對網(wǎng)頁設(shè)計和3D編程感興趣的讀者,特別是對前端開發(fā)
(網(wǎng)站、小程序、3D模型展示、3D游戲原理、數(shù)據(jù)可視化、虛
擬現(xiàn)實等應(yīng)用方向)有興趣的青少年。無論是初學(xué)者還是有一
定基礎(chǔ)的愛好者,都能從《編程真好玩:從零開始學(xué)網(wǎng)頁設(shè)計
及3D編程》中獲益匪淺。