Javascript 撲克牌遊戲專案課程

使用 JavaScript建立一個動態的全功能撲克牌遊戲-包含原始碼,可以建立您自己的版本

報名參加課程

從這 2 小時的課程,你會學到

  • 如何使用 JavaScript
  • 如何動態建立網頁元素
  • 使用 JavaScript 操作網頁元素
  • 探索 JavaScript Document Object Model

要求

  • 基本的 JavaScript 概念
  • 會使用電腦
  • 使用編輯器編寫程式碼

課程說明

學習更多關於 JavaScript-DOM 操作,同時從頭開始建立一個有趣的互動遊戲

撲克牌戰爭遊戲——最高分的撲克牌贏得一局

遊戲大綱

  1. 讓使用者選擇玩家的人數
  2. 使用 JavaScript 建立一副撲克牌(52張)
  3. 把撲克牌平均分給每個玩家
  4. 為每個玩家翻轉最上面的撲克牌
  5. 檢查哪張牌是最高分的——如果有平局的話則進入下一場對決
  6. 在平局時進行附加賽功能檢查,看看玩家的後續撲克牌和誰的得分最高。 如果玩家的撲克牌用完了,他們就輸了。
  7. 讓玩家決定要進行多少回合的對決
  8. 繼續進行 4-7 個回合,直到一個玩家拿到所有的撲克牌並成為贏家
  9. 一旦獲勝者被確定,允許玩家重新開始遊戲再次洗牌

課程包含

  • 網頁元素選擇和操作
  • 在 JavaScript 中建立陣列-陣列方法和陣列資料處理
  • 新增事件偵聽器以偵聽使用者互動
  • 動態更新網頁的元素樣式屬性和值
  • 新增和刪除網頁元素類別
  • 動態建立網頁元素並將它們新增到網頁中
  • 應用遊戲邏輯和遊戲開發邏輯
  • 大的修復和除錯應用程式
  • 檢查遊戲邏輯並應用遊戲邏輯建立遊戲路徑
  • 包含原始碼

不需要額外的程式庫,沒有捷徑,只是學習使用 JavaScript 做動態和互動式 web 應用程式。

一步一步的學習,包括所有步驟。

初學者必須掌握 JavaScript 知識,因為本課程只涉及與遊戲建構相關的 JavaScript。 此外,HTML 和 CSS 知識是必不可少的,因為本課程的範圍都是以 JavaScript 為中心的。

同時在 Q&A 給予友好的支援,幫助你學習並回答你可能有的任何問題。

現在試試吧,你已經沒有什麼可以失去的了,30天的退款保證。

今天就開始構建你自己的遊戲版本吧!

目標受眾

  • JavaScript 初學者
  • 任何想要練習編寫 JavaScript 的人
  • 網頁開發者
  • 任何想要學習在沒有任何程式庫的情況下編寫 JavaScript 遊戲的人
  • 對 JavaScript Document Object Model 和 JavaScript 方法感興趣的初學者

講師簡介

Laurence Svekis 18年以上的網頁開發經驗教練 ( 更多講師主講課程介紹 )

我在這裡幫助你學習,實現你的夢想,來參加我今天這個驚人的冒險

創新技術專家擁有廣泛的真實世界體驗 為小型和企業級企業在線提供智慧數位解決方案。

我對任何數位相關的技術有熱情,享受程式設計和挑戰開發成功的數位體驗。作為一個有經驗的開發人員,我在1990年創造了我的第一個應用程式,1998年建立了我的第一個網站。我喜歡與他人分享我的知識,並希望幫助你分享網路提供的奇妙機會。

“為了教育帶有強烈的熱情去學習,理解。網路為我們提供了擴大和分享知識的新機會。”

想要了解更多關於成為網路開發人員的資訊,你想體驗技術為我們提供的自由嗎?學習如何在網上帶來驚人的事情。技術以許多方式連接我們。它打開了那些擁抱它的門,並學習如何使這些連接真實世界。

我的課程主旨在幫助您實現你的目標,學習和更新技能“

背景:經驗豐富的Web應用程式開發人員,曾在開發過企業等級應用程式,數百個網站,商業解決方案和許多獨特和創新的Web應用程式。Web應用程式開發領域的專長包括HTML,CSS,JavaScript,JQuery,Bootstrap,PHP和MySQL。任何與網頁創作和數位經驗。熱愛一切與web應用程式開發,程式設計到網路行銷,強別關注社群媒體和SEO。

了解技術提供了一種更好地與使用者連接的方法。它也打開了這麼多的門 。知識是成功的關鍵,我想幫助你體驗技術能提供什麼。我對網路技術充滿熱情,期待與你分享我的知識和經驗!

課程討論專區

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 e-mail 訂閱 Soft & Share 

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: