亚洲日韩在线观看不卡,青青久久国产免费

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

Web 發(fā)展至今已有 30 多個(gè)年頭了，它從一個(gè)僅能連接少數(shù)計(jì)算機(jī)的局限性系統(tǒng)，發(fā)展成為全球計(jì)算機(jī)緊密相連的龐大網(wǎng)絡(luò)，是一個(gè)個(gè)計(jì)算機(jī)科學(xué)家不懈努力的成果。在移動(dòng)互聯(lián)網(wǎng)時(shí)代到來(lái)之前，Web 早已風(fēng)靡全球，在瀏覽器日漸成熟、普及和國(guó)際標(biāo)準(zhǔn)的助推之下，其一度成為互聯(lián)網(wǎng)最大的應(yīng)用體系。
近年來(lái)，隨著 HTML5 的普及，WebGL（Web Graphics Library，Web 圖形庫(kù)）技術(shù)日趨成熟，Web 得到了快速的發(fā)展，網(wǎng)頁(yè)的表現(xiàn)能力越來(lái)越強(qiáng)大，利用 WebGL 技術(shù)在網(wǎng)頁(yè)上創(chuàng)建各種復(fù)雜的 3D 可視化效果已然成為一個(gè)新的流行趨勢(shì)。WebGL 廣泛應(yīng)用于互動(dòng)式可視化（3D 產(chǎn)品展示）、游戲開(kāi)發(fā)、虛擬現(xiàn)實(shí)（Virtual Reality，VR）和增強(qiáng)現(xiàn)實(shí)（Augmented Reality，AR）、在線教育、影視動(dòng)畫(huà)、建筑設(shè)計(jì)可視化、數(shù)字展會(huì)等多種領(lǐng)域。
科技是第一生產(chǎn)力，而軟件編程也是科技發(fā)展重要的推動(dòng)力量。目前，中小學(xué)生常用的編程語(yǔ)言主要是 Scratch、Python、C 。編程的教學(xué)內(nèi)容也主要是以興趣培養(yǎng)和應(yīng)試算法為主，偏重于知識(shí)理論學(xué)習(xí)。然而，學(xué)習(xí)這些到底能做些什么？這是很多學(xué)生的困惑，主要是因?yàn)槿鄙偻暾到y(tǒng)的軟件項(xiàng)目的開(kāi)發(fā)實(shí)踐。
本書(shū)編寫(xiě)人員均在軟件開(kāi)發(fā)一線工作多年，有豐富的軟件項(xiàng)目開(kāi)發(fā)實(shí)戰(zhàn)經(jīng)驗(yàn)。本書(shū)以軟件工程中項(xiàng)目式開(kāi)發(fā)為主線，學(xué)習(xí)如何從零開(kāi)始搭建自己的第一個(gè)網(wǎng)站，并能夠結(jié)合面向?qū)ο缶幊痰乃枷�，采用�?dāng)今最流行的 WebGL 技術(shù)在瀏覽器中構(gòu)建出真正的 3D 場(chǎng)景。本書(shū)語(yǔ)言通俗易懂，不僅有詳細(xì)的文字描述，還結(jié)合源代碼和大量的圖表來(lái)解釋一些抽象的編程概念，應(yīng)用探究式學(xué)習(xí)方法，通過(guò)生活案例引領(lǐng)讀者一步一步了解 JavaScript 和 HTML5，由淺入深學(xué)習(xí) 3D場(chǎng)景的構(gòu)建和渲染過(guò)程。在實(shí)踐中探究學(xué)習(xí)和成長(zhǎng)，并引導(dǎo)和激發(fā)讀者對(duì)編程的興趣，是本書(shū)重要的目標(biāo)。
本書(shū)的內(nèi)容強(qiáng)調(diào)實(shí)戰(zhàn)式學(xué)習(xí)，以項(xiàng)目驅(qū)動(dòng)的方式來(lái)串聯(lián)相關(guān)的知識(shí)點(diǎn)，開(kāi)發(fā)工具用的是軟件行業(yè)非常流行的 VS Code，并引用流行的 Bootstrap 前端開(kāi)發(fā)框架及開(kāi)源的 3D 圖形庫(kù) ThreeJS，讓讀者了解前沿的軟件開(kāi)發(fā)技術(shù)。在書(shū)中融合了許多軟件工程中的優(yōu)秀編程思路，比如自頂向下對(duì)象的拆解過(guò)程，在程序設(shè)計(jì)中巧妙地應(yīng)用類(lèi)的繼承性、多態(tài)性、封裝性來(lái)提升代碼質(zhì)量。
本書(shū)編寫(xiě)過(guò)程中，山東省實(shí)驗(yàn)中學(xué)李梓菡同學(xué)對(duì)所編寫(xiě)的案例及程序進(jìn)行了校驗(yàn)，并對(duì)程序案例適用對(duì)象給出了有價(jià)值的建議，同時(shí)在科技項(xiàng)目公益活動(dòng)中進(jìn)行了應(yīng)用和推廣。
少兒編程網(wǎng)學(xué)員珠海市第九中學(xué)楊長(zhǎng)杰同學(xué)、西安市碑林區(qū)實(shí)驗(yàn)小學(xué)王笠丞同學(xué)也都主動(dòng)參與學(xué)習(xí)體驗(yàn)，對(duì)本書(shū)后期的優(yōu)化與改進(jìn)提供了很大幫助，在此向以上同學(xué)表示感謝。如果廣大讀者朋友在學(xué)習(xí)過(guò)程中有好的想法、建議、意見(jiàn)，歡迎隨時(shí)與我們聯(lián)系。

第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 嘗試寫(xiě)個(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)畫(huà)
第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 類(lèi)
5.4.2 構(gòu)造方法
5.4.3 類(lèi)的繼承
5.4.4 類(lèi)的方法重寫(xiě)
5.5 JS 與 HTML
5.5.1 JS 程序?qū)?HTML 的控制
5.5.2 事件
5.5.3 燈光開(kāi)關(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 自定義類(lèi)
6.4.2 使用自定義類(lèi)創(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 類(lèi)
6.5.5 創(chuàng)建 Minecraft 樹(shù)
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)畫(huà)模型
6.6.1 加載 GLB 動(dòng)畫(huà)模型
6.6.2 加載 FBX 動(dòng)畫(huà)模型
6.6.3 加載 Minecraft 游戲玩家
6.7 模擬 Minecraft 游戲場(chǎng)景

你還可能感興趣

我要評(píng)論