跟著實務學習HTML、CSS、JavaScript、Bootstrap、jQuery網頁設計(含ITS HTML&CSS國際認證模擬試題) (1版)

類似書籍推薦給您

【簡介】 本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，逐步引導初學者邁向網頁設計高手的坦途。 【快速上手HTML5語法】 使用大量範例輔助學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版】 以豐富的案例介紹CSS文字樣式、段落、列表、區域設計，精進排版技巧。 【CSS3動畫】 學習控制網頁元素變形、轉換與動畫設計，讓網頁的視覺呈現更加豐富。 【JavaScript程式】 從零開始學習JavaScript，由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstrap元件，如表單、按鈕、表格、縮圖、卡片、廣告看板與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【ITS HTML&CSS國際證照訓練】 內文涵蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。【目錄】 Ch1 認識HTML與網頁開發工具 1.1 網頁開發技術簡介 1.2 HTML 簡介 1.3 RWD 響應式網頁設計概念與優缺點 1.4 HTML5 支援的瀏覽器 1.5 HTML5 開發工具 Ch2 網頁圖文、超連結、音效與影片 2.1 HTML5 網頁文件結構 2.2 段落設定 2.3 超連結 2.4 圖片、音效與影片 2.5 語意標籤 Ch3 表格的設計 3.1 表格的功能 3.2 表格的組成 3.3 表格常用的屬性 3.4 表格排版實例-旅遊相簿 Ch4 表單的設計 4.1 表單的建立 4.2 表單欄位類型簡介 4.3 表單欄位的使用 4.4 表單欄位常用的屬性 4.5 表單欄位顯示名稱 label標籤 4.6 表單欄位外框 Ch5 CSS基礎 5.1 CSS 的演進與特色 5.2 CSS 基本語法 5.3 CSS 套用方法 5.4 CSS 各類選擇器 Ch6 CSS顏色、文字、段落與列表設計 6.1 顏色設定 6.2 文字設定 6.3 段落設定 6.4 項目清單設定 Ch7 CSS背景、區域與外框設計 7.1 背景與圖片設定 7.2 版面定位 7.3 框線變化設定 7.4 表格設定 7.5 陰影與漸層 7.6 媒體查詢 7.7 CSS 網頁範例 Ch8 CSS變形、轉換與動畫設計 8.1 變形效果 8.2 轉場效果 8.3 動畫效果 Ch9 JavaScript語言、變數與運算子 9.1 JavaScript 基本功能介紹 9.2 JavaScript 程式碼位置 9.3 JavaScript 變數的使用 9.4 JavaScript 運算子 9.5 JavaScript 常用輸出入方法 Ch10 JavaScript流程控制 10.1 選擇敘述 10.2 迴圈敘述 Ch11 JavaScript陣列與函式 11.1 陣列 11.2 函式 11.3 習題 Ch12 jQuery 基礎與選擇器的使用 12.1 jQuery 特色與功能 12.2 jQuery 語法 12.3 jQuery 選擇器使用 Ch13 jQuery函式、特效與事件應用 13.1 與DOM 元素互動 13.2 與元素的CSS 互動 13.3 事件處理 13.4 特效應用 13.5 jQuery 網頁開發實例 Ch14 Bootstrap 套件與基礎元件使用 14.1 Bootstrap 簡介與下載 14.2 格線系統 14.3 Bootstrap 常用元件 Ch15 Bootstrap JS 互動組件 15.1 標籤頁組件(Bootstrap JS Tab) 15.2 圖片輪播組件(Bootstrap JS Carousel) 15.3 互動視窗組件(Bootstrap JS Modal) 15.4 手風琴組件(Bootstrap JS Collapse) 15.5 實例-科技公司資訊網 附錄 A：ITS HTML & CSS 國際認證模擬試題【A 卷】 附錄 B：ITS HTML & CSS 國際認證模擬試題【B 卷】

深入淺出 JavaScript 程式設計 (2版)

類似書籍推薦給您

【簡介】 語法學了就忘、程式書翻開就想睡…… ╰(▔皿▔╰) 快來體驗最適合大腦的學習方法 跳脫硬背語法這種痛苦又折磨的舊方法 圖像漫畫 + 情境式教學 + 互動練習 = 多感官的腦神經科學導向學習法 暢銷超過10年的經典新版，帶你一步步建立真正的程式思維 不只教你「怎麼寫」，還要合理、合規，而且真的「記得住」 ▌你適合這本書嗎？ ? 完全初學，但不想被教科書式寫法勸退的人 ? 學過JavaScript，卻到處卡卡而心生放棄的人（喂喂！現在放棄，比賽就結束了吶！） ? 再也不想忍受枯燥，想要有點瘋、有點鬆，但內容超紮實的學習方式的你 ▌來看看這些大師級的推薦 「這本書以前所未有的方式釋放了JavaScript的威能！告別枯燥乏味的程式碼教材，迎接有趣又創新的教學方式，幫助你精通時下最熱門的程式語言！準備好徹底顛覆你學習JavaScript的方式！」 —— Doreen Lorenzo，德州大學奧斯汀分校/設計與創意科技學院 副院長 「Freeman和Robson是我見過最棒的老師，沒有人比他們更了解JavaScript。這是少數幾本我可以毫無保留推薦的軟體與計算相關書籍之一。」 ——David Gelernter，耶魯大學/電腦科學教授 「這本書清晰、引人入勝的對話風格，搭配淺顯易懂的範例、練習和讀者挑戰關卡，使其成為有學習動機的自學者不可或缺的工具。」 ——Josh Sharfman，Shalhevet高中/電腦科學教師 ▌這本書到底有什麼？ 本書將帶你踏上全面探索現代JavaScript的旅程，涵蓋從核心語言基礎到當今最尖端的新功能。 我們會深入探討JavaScript型別的微妙之處，以及其函式無與倫比的靈活性。 你會學習如何熟練運用類別與物件，最終理解closure的概念。 你還會親自動手操作瀏覽器的DOM（document object model），以令人興奮的方式與JavaScript互動。 這本書讓你不只是閱讀，還有遊戲和解謎可玩、一起思考奧秘，並以前所未有的方式體驗JavaScript。 此外，你還會寫出大量的實際程式碼，讓你能開始打造屬於自己的應用程式。 ▌《深入淺出》系列為何如此與眾不同？ 曾經讀過《深入淺出》系列的讀者一定知道，這本書充滿了專為大腦設計的視覺化風格，好玩、好讀又好吸收。 尚未看過的讀者也別擔心，翻開書就是讓你欲罷不能的沉浸式學習！ 本書跳脫讓人眼睛酸澀又昏昏欲睡的技術文字，用圖像和情境打造多重感官的閱讀饗宴，帶你一口氣讀懂JavaScript。 學習原來可以這麼有趣又有感！ 目錄 【簡介】 當你的大腦遇上JavaScript。此時此刻你正在努力學習，但你的腦袋卻幫了個倒忙，確保這些知識不會留下深刻印象。你的大腦想的是：「最好留些空間給更重要的事情，比如該躲避哪些野獸，或是全裸滑雪到底是不是個糟糕的主意」。那麼，要如何哄騙你的大腦，讓它以為學會JavaScript是攸關性命的大事呢？ 這本書是為誰而寫的？ 我們知道你在想什麼 後設認知（metacognition） 讓你的大腦屈服 讀我 技術審閱團隊 致謝 【1　淺嚐JavaScript：讓我們先踩踩水】 JavaScript賦予你超能力。JavaScript是Web真正的程式語言，可讓你在網頁中加入行為。有了JavaScript，你就可以接觸使用者、對感興趣的事件做出反應、從Web抓取資料用於你的網頁、在那些網頁中直接繪製圖形，還有更多其他功能，不再只有枯燥、無趣的靜態頁面。一旦你了解JavaScript，你就能為你的使用者創造嶄新的行為。 你也將成為搶手的人才。JavaScript不僅是最流行的程式語言之一，所有的現代瀏覽器都支援JavaScript，而且在瀏覽器以外的許多環境中也都有使用。稍後再詳述；現在，讓我們開始吧！ JavaScript的運作方式 你要如何編寫JavaScript 如何將JavaScript放入你的頁面 JavaScript，你已經走了很長一段路... 如何撰寫一個述句（statement） 變數（variables）與值（values） 常數（constants），另一種變數 遠離那個鍵盤！ 表達你自己 重複執行任務 while迴圈如何運作 使用JavaScript做決定 還有，當你需要做很多決定時 接觸使用者並與他們溝通 仔細檢視console.log 開啟主控台（console） 編寫一個實際的JavaScript應用程式 如何在我的頁面中加入程式碼？（讓我數數看有幾種方法！） 我們得把你們兩個分開 【2　撰寫真實程式碼：繼續深入】 你已經知道變數、型別、運算式...我們可以繼續往下說了。重點是，你已經知道了一些關於JavaScript的事情。事實上，你所知的已經足夠寫出一些真正的程式碼了。也就是可以做一些有趣的事情的程式碼、有人會想要使用的程式碼。你所欠缺的是編寫程式碼的真實經驗，而我們現在就要在此補救這一點。如何彌補？就是要一頭栽進去，用JavaScript寫個輕鬆好玩的小遊戲。雖然這目標很有野心，但我們會循序漸進地實現它。來吧，讓我們開始動手，如果你想藉此打造下一家新創公司，我們絕不會擋路，這些程式碼都是你的。 讓我們打造一個戰艦（Battleship）遊戲 首先是高階的設計 逐步解析虛擬程式碼（pseudocode） 哦，在我們繼續之前，別忘了HTML！ 撰寫Simple Battleship的程式碼 現在我們來編寫遊戲邏輯 步驟1：設置迴圈，取得一些輸入 prompt的運作方式 步驟2：檢查使用者的猜測 添加命中偵測程式碼 步驟3：嘿，你擊沉了我的戰艦！ 步驟4：提供一些賽後分析 做一點品質管控（quality assurance） 我們可以聊聊你那囉嗦的表達方式嗎... 完成Simple Battleship遊戲 產生隨機數字（random number）的步驟 恭喜你完成第一個真正的JavaScript程式，並簡短談談程式碼的重複使用 【3　函式介紹：邁向函式化之路】 為你的第一項超能力做好準備。你已經掌握了一些程式設計的技巧；現在是使用函式（functions）來真正推動事情發展的時候了。函式讓你可以寫出適用於各種不同情況的程式碼、可以一再重複使用的程式碼、更容易管理的程式碼、能夠進行抽象化並提供一個簡單名稱的程式碼，讓你可以忘記所有的複雜性，繼續處理重要的事情。你會發現函式不僅是你從指令稿寫手（scripter）轉型為程式設計師（programmer）的大門，也是JavaScript程式設計風格的關鍵。在本章中，我們將從最基本的知識開始，也就是函式的運轉機制，了解從內到外實際上是如何運作的，然後你將在本書其餘的章節中不斷磨練你的函式技巧。所以，現在就開始打好基礎吧！ 這段程式碼到底有什麼問題？ 對了，我們有碰巧提到「函式」嗎？ 好吧，但它實際上是如何運作的？ 你可以傳入什麼給函式？ JavaScript是藉由值傳遞（pass-by-value）的 奇怪的函式 函式也能回傳東西 追蹤帶有return述句的函式 全域（global）變數和區域（local）變數 了解你區域和全域變數的範疇（scope） 故事還沒說完 別忘了宣告你的區域變數！ 變數的短暫生命 【4　資料排排站：陣列登場】 JavaScript不只有數字、字串和Boolean值。到目前為止，你一直在使用原始型別（primitives，字串、數字和Boolean值，例如「Fido」、23和true）撰寫JavaScript程式碼。你可以使用原始型別做很多事情，但到了某個時候，你還是得處理更多的資料。比方說，購物車中的所有項目，或播放清單中的所有歌曲，或一組恆星及其視星等（apparent magnitude），或整個產品目錄。為此，你需要一點額外的火力。這類有序資料的首選型別是JavaScript的陣列（array），在本章中，我們將介紹如何將資料放入陣列、如何傳遞它，以及如何對其進行運算。在接下來的章節中，我們將探討其他幾種將資料結構化的方式，但讓我們先從陣列開始。 你能幫助Bubbles-R-Us泡泡公司嗎？ 如何在JavaScript中表示多個值 陣列如何運作 那個陣列到底有多大？ Phrase-O-Matic片語產生器 同時，回到Bubbles-R-Us... 如何迭代陣列 但等等，迭代陣列還有一種更好的方法 又到了這個時候...我們能談談你囉嗦的表達方式嗎？ 使用後置遞增運算子（post-increment operator）重製for迴圈 從頭建立陣列（並為之添加東西） 勝出的是... 快速瀏覽一下程式碼 撰寫printAndGetHighScore函式 使用printAndGetHighScore重構（refactor）程式碼 全部整合在一起 【5　了解物件：物件村之旅】 到目前為止，你一直在你的程式碼中使用原始型別和陣列。而且你以相當程序化（procedural）的方式進行程式碼編寫，使用簡單的述句、條件式、for/while迴圈搭配函式，但這並不完全是物件導向（objectoriented）的。事實上，這根本不算物件導向！你確實在不知不覺中用了一些物件，但你自己還沒有寫出任何的物件。現在是時候離開這無聊的程序城，創造一些你自己的物件（objects）了。在本章中，你會發現為什麼使用物件會讓你的生活變得非常美好──嗯，至少是在程式設計的層面上變得美好（我們真的無法在一本書中幫你同時提升時尚品味和JavaScript技能）。事前警告：一旦你發現了物件的好，你就再也回不去了。當你抵達那裡時，請寄張明信片給我們。 有人說了「物件」嗎？ 思考特性（properties）... 如何建立物件 到底什麼是「物件導向」？ 特性如何運作 變數如何存放物件？好奇的人想知道... 比較原始型別值（primitives）與物件 使用物件做到更多事 這輛計程車符合資格嗎？ 讓我們再談談如何將物件傳給函式 Auto-O-Matic 乖乖聽話！或者說，如何為你的物件添加行為（behavior） 改善drive方法 呃，等等，別那麼快... 為什麼drive方法不知道started特性？ 「this」如何運作 方法簡寫（method shorthand） 行為如何影響狀態（state） 現在讓我們用狀態影響行為 恭喜你完成第一個物件！ 知道嗎？你身邊到處都是物件！ 【6　與網頁互動：認識DOM】 你在JavaScript方面已經有了長足的進步。事實上，你已經從新手進化為指令稿寫手，再進化為程式設計師（programmer）了。但是，還缺少一些東西。要真正開始運用JavaScript技能，你需要知道如何與你程式碼所在的網頁互動。只有做到這一點，你才能編寫出動態（dynamic）的頁面，這些頁面在載入之後會做出反應、進行回應和自我更新。那麼你要如何與網頁互動呢？使用DOM，也就是文件物件模型（document object model）。在本章中，我們將分解DOM，並示範如何以JavaScript使用它，教會你的網頁一些新的花招。 在上一章中，我們留給你一個小小的挑戰... 所以這段程式碼在做什麼？ JavaScript實際上是如何與你頁面互動的 如何製作你自己的DOM 初嚐DOM 使用getElementById獲取元素 我究竟從DOM得到了什麼？ 尋找你內在的HTML 更改DOM時會發生什麼事 在頁面完全載入之前，別想執行我的程式碼！ 你說「事件處理器（event handler）」，我說「回呼（callback）」 為何要停在這？讓我們更進一步... 如何使用setAttribute設定屬性（attribute） 屬性的更多樂趣！ 言歸正傳，回到太陽系... 那麼DOM還有什麼用呢？ 【7　型別、相等性、轉換，以及那些有的沒的：認真的型別】 是時候認真對待我們的型別了。JavaScript的一大優點在於，你能在不了解大量語言細節的情況下，做到很多事情。但是，若要真正掌握這門語言，獲得升遷，並去追求你在人生中真正想做的事情，就必須精通型別（types）。還記得我們在第1章是怎麼說JavaScript的嗎？它可沒有那種含著銀湯匙出生、經過學術界同儕審查的語言定義。是沒錯，但缺乏學術背景並沒有阻止Steve Jobs和Bill Gates成就事業，也阻止不了JavaScript。這確實意謂著JavaScript並沒有...嗯，最經過深思熟慮的型別系統，而我們也會在過程中發現一些特異之處。不過別擔心，在本章中我們會把那些問題都解決，很快你就能避免在型別上的那些尷尬時刻了。 真相就在那裡... 小心，你可能意外碰到undefined... 如何使用null 處理NaN 變得更奇怪了... 我們要坦白一件事 了解相等性運算子（又稱為==） 相等性如何轉換其運算元 如何得到更嚴格的相等性 更多的型別轉換 如何判斷兩個物件是否相等 truthy就在眼前... JavaScript會將什麼視為falsey 字串的祕密生活 字串如何能夠同時像是原始型別值（primitive）和物件 範本字面值（template literals）如何運作 字串之特性與方法的五分鐘導覽 椅子爭奪戰 【8　全面整合：建造一個App】 繫好你的工具腰帶。也就是裝載你所有的程式編寫新技能、DOM知識，甚至還有一些HTML和CSS的工具腰帶。在本章中，我們要把所有東西都整合在一起，來建立我們第一個真正的Web應用程式（application）。不再是只有一艘戰艦和單一列藏身處的愚蠢玩具遊戲。在本章中，我們要建構整個體驗（experience）：一個大而美觀的遊戲版面、多艘戰艦，以及直接在網頁上進行的使用者輸入。我們會使用HTML建立遊戲的頁面結構，使用CSS設定遊戲的視覺樣式，並撰寫JavaScript程式碼來控制遊戲的行為。準備好了嗎？這一章我們要全力衝刺，徹底放手一搏，在這裡寫下一些認真的程式碼。 這一次，讓我們建立一個真正的戰艦遊戲 退後一步...回到HTML和CSS 建立HTML頁面：整體全貌 新增一些樣式（style） 使用hit和miss類別 設計遊戲 實作視圖（view） 模型（model） 你需要一艘更大的船...和遊戲棋盤 我們要如何表示那些船艦 全都整合在一起 等等，我們能再談談你囉嗦的表達方式嗎？ 擊殺的視圖... 實作控制器（controller） 處理玩家的猜測 取得玩家的猜測 如何放置船艦 避免碰撞！ 恭喜，是時候創業了！ 【9　處理事件：進入非同步世界】 翻開本章之後，你會發現自己就像綠野仙蹤的桃樂絲一樣，一轉眼已經不在堪薩斯（Kansas）了。到目前為止，你所寫的程式碼通常都是從上到下執行的──當然，你的程式碼可能會比較複雜一點，也會使用一些函式、物件和方法，但到了某個時間點，程式碼就只會按部就班地執行。很抱歉這麼晚才告訴你，其實JavaScript程式碼通常不是這樣寫的。取而代之，大多數的JavaScript都是為了對事件（events）做出反應而寫的。什麼樣的事件？比方說使用者點擊你的網頁、有資料透過網路抵達了、瀏覽器中的計時器到期、DOM中發生變化...等，這些只是少數幾個例子。事實上，在瀏覽器的幕後，一直都有各種事件在發生。在本章中，我們將重新思考JavaScript程式的編寫方式，並探討我們應該如何以及為何要寫出對事件做出反應的程式碼。 何謂事件？ 何謂事件處理器（event handler）？ 建立事件處理器 透過製作遊戲來了解事件... 實作遊戲 讓我們加入更多影像 如何為所有影像重複使用相同的處理器 事件物件（event object）如何運作 讓事件物件發揮作用 事件和佇列（queues） setTimeout如何運作 完成影像遊戲 【10　匿名函式與高階函式：解放函式】 掌握函式，所向披靡。每種技藝、工藝和學科都有一個關鍵原則，可以區分出中階玩家和頂尖高手──談到JavaScript時，差別在於對函式的真正了解。函式是JavaScript的基礎，我們用來設計和組織程式碼的許多技巧都取決於函式的進階知識和使用。通往這種層次函式應用的學習之路，既有趣又時常會讓人絞盡腦汁，所以準備好了嗎...接下來的兩章會有點像是威利．旺卡（Willy Wonka）的巧克力工廠冒險之旅──學習JavaScript函式更多知識的過程中，你會遇到一些瘋狂、古怪且奇妙的事情。 function關鍵字神祕的雙重身分 函式也是值 如果函式是值，我們就能把它們指定給變數 我們有提到函式在JavaScript中擁有 一等公民（first class）的地位嗎？ 看看函式的另一面... 如何使用匿名函式（anonymous function） 我們得再談談你的囉嗦程度 我們可以使用箭號函式（arrow functions）讓程式碼更簡短 建立箭號函式 Webville Cola 了解陣列的sort方法 全部整合在一起 同時，回到Webville Cola 介紹高階函式（higher-order functions） 使用高階函式進行過濾 別忘了你的匿名和箭號函式 使用reduce得到總銷售箱數 鏈串map、filter和reduce 以forEach進行迭代 【11　現代語法、語彙範疇與closure：函式真功夫】 你已經征服了函式，但還有更多要學習的。本章將更進一步，我們要認真了。我們將教你如何運用處理引數（arguments）、參數（parameters）和指定（assignments）的進階技巧來提升你的語法技能。接著，我們會再看看範疇（scope），以及JavaScript如何管理範疇的一些細節。這段探索範疇奧妙之處的旅程，將帶領我們進入closure（閉包）的核心──這個概念經常蒙上神祕的面紗，但卻是精通JavaScript的關鍵。到頭來，你會發現自己運用JavaScript表達的能力，超乎你原先的想像。 認真研究函式語法 分散你的引數 關於函式有些事情我們還沒告訴你... 函式宣告會被「拉升（hoisted）」 我們已經完成函式宣告，現在要做的是其他的事情 我們需要談談範疇 讓函式超越全域範疇 溫習語彙範疇（lexical scope） 再次看看我們的外層（outer）和內層（inner）函式 使用範疇進行封裝（encapsulation） 兩條重要的JavaScript範疇規則 解開謎團 如何製作一個closure 使用closure實作魔法計數器（magic counter） 揭開神祕面紗... 使用closure實作計數器 makeTimer的運作方式 實作onlyOnceMaker 【12　進階的物件建構：創造物件】 到目前為止，我們一直在手工製作物件。對於所有的物件，我們都使用物件字面值（object literal）來指定每一個特性。小規模進行的話，這沒啥問題，但對於認真的程式碼，我們需要更好的東西。這就是類別（classes）的用武之地。藉由類別，我們可以更輕鬆地創建物件，而且我們可以建立出遵循相同設計藍圖（design blueprint）的物件，也就是說，我們可以使用類別來確保每個物件都有相同的特性，並包含相同的方法。而有了類別之後，我們就能寫出更簡潔的物件程式碼，而且在建立大量物件時，更不容易出錯。那麼，讓我們開始吧... 使用物件字面值建立物件 使用物件的慣例 介紹類別 如何定義類別 如何從類別建立出物件 類別的運作方式 讓我們加入一些方法 生產的時間到了！ 基本的Car類別 使用extends實作Taxi類別 新增方法到Taxi類別 實作RocketCar類別 使用物件字面值來整理我們的建構器 改造Car建構器 存取器（accessor）特性 使用取值器（getter） 若無設值器（setter），取值器又有何用？ 靜態特性和方法 計算我們的車子產量 【A　漏網之魚：十大遺珠之憾（我們沒講到的主題）】 我們已經涵蓋了很多內容，而你幾乎快讀完這本書了。我們會想念你的，但在讓你離開之前，如果沒有更多一點的準備工作，我們不放心把你送到外面的世界。我們不可能在這相對較小型的一章中包含你會需要知道的一切。事實上，我們原本確實放入了所有你需要知道的JavaScript程式設計知識（其他章節尚未提及的），方法是將字體縮小到0.00004。雖然全部都寫進去了，但是沒人有辦法讀。所以我們丟掉了大部分的內容，將最好的部分保留在這個「十大」附錄中。 #1 模組（modules） #2 JSON #3 Promise（承諾） #4 解構指定（destructuring assignment） #5 Symbol（符號）和BigInt（大整數） #6 Map（映射）與Set（集合） #7 使用DOM執行更多操作 #8 window物件 #9 伺服端（server-side）JavaScript #10 遞迴（recursion）

前端工程師進階軟體開發核心攻略：使用C#與JavaScript從零打造遊戲機模擬器，為你的履歷加分 (1版)

類似書籍推薦給您

【簡介】 從入門到精通，完整理解核心知識 掌握C#與JavaScript的實戰應用，提升實務能力 【專業推薦】 相信本書不論對初學者或進修者，都能提供很完整的學習指南。若是學生，可以將自己的創意與編程做結合，對於完成學習歷程及專題製作，也能有很大的助益。 ─ 林格立，頭城家商資處科教師 本書不僅適合對程式設計感興趣的初學者，也適合那些希望深入理解電腦科學底層原理，或想提升自身程式邏輯能力的開發者。它不僅傳授知識，更傳遞一種對學問的敬畏與探索精神。 ─ 顏旭男 【內容簡介】 本書是專為程式語言新手及追求進階的工程師所寫的實戰指南，內容介紹了程式語言入門需要學習的變數、陣列、方法等，然後使用C#或JavaScript製作遊戲機模擬器，用現代的程式語言模擬遊戲主機的控制器到畫面渲染，以及中央處理器的指令集執行。本書帶你學習程式語言的撰寫，並掌握程式運作與中央處理器、暫存器底層的合作邏輯。 【本書特色】 ✪提供程式語言的基礎教學與變數、陣列、函式、方法等。 ✪介紹2進制與16進制、位元運算的應用，增進程式運作的效率。 ✪說明中央處理器的運作邏輯以及暫存器之間的關係。 ✪實作遊戲主機模擬器的講解與範例。 ✪實作遊戲機模擬器的控制器實現以及遊戲畫面顯示。 【目標讀者】 ✪希望有入門程式語言的教學與實作應用的學生。 ✪希望能進階應用程式語言、製作出特殊作品的工程師。 ✪希望透過實際範例，理解到程式語言與電腦底層的邏輯關係，進而提升程式效率。 ✪想要製作出一款屬於自己的遊戲機模擬器的工程師。 【目錄】 |Chapter 01| 為什麼要製作遊戲機模擬器 1.1 遊戲機模擬器的介紹 1.2 本書的撰寫方向 1.3 CHIP-8背景介紹 1.4 以CHIP-8練習的原因 |Chapter 02| 程式語言介紹與軟體安裝 2.1 JavaScript介紹 2.2 C#介紹 2.3 軟體與套件的安裝（通用） 2.4 套件的安裝：JavaScript 2.5 套件的安裝：C# 2.6 JavaScript新建專案 2.7 C#新建專案 |Chapter 03| 基礎：運算式 3.1 運算式基本認識 3.2 運算子優先順序 |Chapter 04| 基礎：變數、常數、常值 4.1 變數 4.2 常數 4.3 常值基本認識 4.4 強型別與弱型別差異 4.5 變數的宣告規則 4.6 JavaScript變數的型別 4.7 C#變數的型別 4.8 變數推薦的命名方式 4.9 跳脫字元 4.10 綜合練習應用 |Chapter 05| 基礎：陣列 5.1 陣列基本認識 5.2 JavaScript陣列介紹 5.3 C#陣列介紹 5.4 C#的List介紹 5.5 綜合練習應用 |Chapter 06| 基礎：if與switch 6.1 if語法介紹 6.2 switch語法介紹 6.3 綜合練習應用 |Chapter 07| 基礎：迴圈 7.1 迴圈使用範例 7.2 for迴圈介紹 7.3 while迴圈介紹 7.4 do-while迴圈介紹 7.5 迴圈的關鍵字介紹 7.6 綜合練習應用 |Chapter 08| 基礎：函式與方法 8.1 函式應用示範 8.2 JavaScript函式建立教學 8.3 C#函式建立教學 8.4 C#物件內的方法 8.5 綜合練習應用 |Chapter 09| 基礎：內建函式、方法 9.1 JavaScript數學運算方法 9.2 JavaScript輸出/輸入函式 9.3 JavaScript類型轉換方法 9.4 C#數學運算方法 9.5 C#輸出/輸入方法 9.6 C#類型轉換方法 9.7 綜合練習應用 |Chapter 10| 基礎：類別與實例 10.1 JavaScript建立類別與實例 10.2 C#建立類別與實例 |Chapter 11| 實作：製作前需要理解的知識 11.1 Uint8Array陣列 11.2 2 進位制 11.3 16 進位制 11.4 位元位移 11.5 位元運算 11.6 位元溢出與捨棄 11.7 XMLHttpRequest 11.8 Web Audio API 11.9 FileStream |Chapter 12| 實作：讀取遊戲ROM檔案 12.1 製作前注意事項 12.2 JavaScript讀取ROM步驟 12.3 C#讀取ROM步驟 12.4 小結 |Chapter 13| 實作：實現CHIP-8環境 13.1 環境介紹 13.2 CHIP-8的暫存器介紹 13.3 JavaScript目前進度 13.4 C#目前進度 13.5 小結 |Chapter 14| 實作：載入遊戲與迴圈實現 14.1 JavaScript載入遊戲與遞迴 14.2 JavaScript目前進度 14.3 C#載入遊戲與迴圈實現 14.4 C#目前進度 |Chapter 15| 實作：實現指令集 15.1 CHIP-8指令集 15.2 JavaScript實作操作碼 15.3 JavaScript執行指令集 15.4 JavaScript目前進度 15.5 C#實作操作碼 15.6 C#執行指令集 15.7 C#目前進度 15.8 偵錯測試 |Chapter 16| 實作：遊戲畫面與操作 16.1 JavaScript實現遊戲畫面 16.2 JavaScript實現鍵盤操作 16.3 JavaScript版本完成 16.4 JavaScript所有語法 16.5 C#實現遊戲畫面 16.6 C#實現鍵盤操作 16.7 C#版本完成 16.8 C#所有語法 |Appendix A| VSC建立非最上層陳述式專案