123,123

內(nèi)容簡(jiǎn)介

　　《編程真好玩：從零開始學(xué)網(wǎng)頁(yè)設(shè)計(jì)及3D編程》從網(wǎng)頁(yè)開發(fā)的基礎(chǔ)知識(shí)HTML5、CSS、JavaScript開始，以項(xiàng)目實(shí)戰(zhàn)的方式詳細(xì)介紹如何構(gòu)建自適應(yīng)網(wǎng)頁(yè)，并通過工具免費(fèi)發(fā)布自己的網(wǎng)站。在后面的章節(jié)中，以主流的3D框架ThreeJS為技術(shù)支撐，在網(wǎng)頁(yè)中編寫JavaScript代碼，讓讀者深入淺出地構(gòu)建完整的3D應(yīng)用場(chǎng)景。《編程真好玩：從零開始學(xué)網(wǎng)頁(yè)設(shè)計(jì)及3D編程》由少兒編程網(wǎng)核心成員編寫，作者都具有多年軟件開發(fā)經(jīng)驗(yàn)，書中案例中包含很多優(yōu)秀的軟件工程思想，強(qiáng)調(diào)編程實(shí)戰(zhàn)，采用項(xiàng)目驅(qū)動(dòng)和目標(biāo)導(dǎo)向的思維方法去學(xué)習(xí)最前沿的計(jì)算機(jī)編程技術(shù)。《編程真好玩：從零開始學(xué)網(wǎng)頁(yè)設(shè)計(jì)及3D編程》適合對(duì)網(wǎng)頁(yè)設(shè)計(jì)和3D編程感興趣的讀者，特別是對(duì)前端開發(fā)（網(wǎng)站、小程序、3D模型展示、3D游戲原理、數(shù)據(jù)可視化、虛擬現(xiàn)實(shí)等應(yīng)用方向）有興趣的青少年。無(wú)論是初學(xué)者還是有一定基礎(chǔ)的愛好者，都能從《編程真好玩：從零開始學(xué)網(wǎng)頁(yè)設(shè)計(jì)及3D編程》中獲益匪淺。

作者簡(jiǎn)介

　　少兒編程網(wǎng)（kidscode.cn）成立于2014年，是國(guó)內(nèi)最早專門從事少兒編程教育宣傳、推廣、普及的公益平臺(tái)，網(wǎng)站提供了大量的免費(fèi)圖文和視頻教程，并有QQ群和微信群提供在線指導(dǎo)和答疑。網(wǎng)站的創(chuàng)始及運(yùn)營(yíng)團(tuán)隊(duì)均來(lái)自于軟件開發(fā)一線，具有豐富的程序設(shè)計(jì)開發(fā)經(jīng)驗(yàn)，也有多年的青少年編程教學(xué)實(shí)踐經(jīng)驗(yàn)，曾編寫出版了《帶你步入編程世界：Scratch 2.0 零基礎(chǔ)入門》、《Scratch2.0 少兒編程奇幻之旅》及《從 Scratch 進(jìn)階到 Python（基礎(chǔ)篇）》。

圖書目錄

第1章小試牛刀——認(rèn)識(shí)網(wǎng)頁(yè)設(shè)計(jì)
1.1 認(rèn)識(shí)網(wǎng)頁(yè)三劍客
1.1.1 網(wǎng)頁(yè)是什么
1.1.2 HTML、CSS 和 JS 的效果對(duì)比
1.2 嘗試寫個(gè)程序吧
1.2.1 創(chuàng)建網(wǎng)站目錄
1.2.2 創(chuàng)建自己的第一個(gè)網(wǎng)頁(yè)
1.2.3 HTML 頁(yè)面結(jié)構(gòu)
第2章整裝待發(fā)——升級(jí)裝備
2.1 VS Code 下載與安裝
2.2 VS Code 安裝擴(kuò)展
2.2.1 安裝中文語(yǔ)言包
2.2.2 安裝 Live Server
2.2.3 安裝 Code Runner
2.2.4 VS Code 初體驗(yàn)
2.2.5 創(chuàng)建代碼片段
2.2.6 Live Server 本地服務(wù)
2.2.7 本地服務(wù)啟動(dòng)與關(guān)閉
第3章免費(fèi)搭建網(wǎng)站
3.1 注冊(cè)賬號(hào)，創(chuàng)建隧道
3.1.1 注冊(cè)賬號(hào)、登錄
3.1.2 創(chuàng)建隧道
3.2 啟動(dòng)隧道，網(wǎng)站上線
3.2.1 下載客戶端
3.2.2 啟動(dòng)客戶端
3.2.3 網(wǎng)站上線
3.2.4 流程總結(jié)
第4章網(wǎng)頁(yè)設(shè)計(jì)制作
4.1 召集助手
4.2 設(shè)計(jì)草圖
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 底部頁(yè)腳
4.10 頁(yè)面動(dòng)畫
第5章探尋 JavaScript 的世界
5.1 JavaScript 基礎(chǔ)知識(shí)
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 條件語(yǔ)句
5.2.2 循環(huán)語(yǔ)句
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 使用幫助手冊(cè)
第6章用 JavaScript 構(gòu)建 3D 世界
6.1 認(rèn)識(shí) ThreeJS
6.1.1 ThreeJS 框架下載
6.1.2 ThreeJS 中的一些概念
6.2 創(chuàng)建第一個(gè) 3D 場(chǎng)景
6.2.1 準(zhǔn)備工作
6.2.2 代碼實(shí)現(xiàn)
6.2.3 三維坐標(biāo)系
6.2.4 旋轉(zhuǎn)物體
6.3 場(chǎng)景升級(jí)
6.3.1 更換材質(zhì)
6.3.2 添加光源
6.3.3 軌道控制器
6.3.4 ThreeJS 中的顏色
6.3.5 添加多個(gè)物體
6.4 面向?qū)ο缶幊虡?gòu)建 3D 場(chǎng)景
6.4.1 自定義類
6.4.2 使用自定義類創(chuàng)建 3D 場(chǎng)景
6.5 Minecraft 場(chǎng)景搭建
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 動(dòng)畫模型
6.6.1 加載 GLB 動(dòng)畫模型
6.6.2 加載 FBX 動(dòng)畫模型
6.6.3 加載 Minecraft 游戲玩家
6.7 模擬 Minecraft 游戲場(chǎng)景