Building 2D games can be a great way to learn JavaScript, especially when working through the basics of complex tabletop game logic.

制作2D游戲可能是學習JavaScript的好方法，尤其是在研究復雜的桌面游戲邏輯基礎時。

In this series, I’m going to introduce you to the basics of programming, with a focus on exposing you to JavaScript development best practices and frameworks. Keep in mind that the things we’re going to learn will be applicable in other programming languages as well.

在本系列中，我將向您介紹編程的基礎知識，重點是向您介紹JavaScript開發最佳實踐和框架。 請記住，我們將要學習的東西也將適用于其他編程語言。

Throughout this series, I’ll be providing an emphasis on learning to code for digital tabletop game and web development. This should be useful for roleplaying, card game, and board game developers who want to create companion apps or digital versions of their games, as well as all JavaScript newcomers. ?

在整個系列中，我將重點介紹學習數字桌面游戲和Web開發的代碼。 這對于想要創建隨行應用或游戲數字版本的角色扮演，紙牌游戲和棋盤游戲開發人員以及所有JavaScript新手來說非常有用。

After learning JavaScript and some of the frameworks and engines that we’re going to work with, along with some practice projects and outside learning of your own, you’ll be able to:

學習了JavaScript以及我們將要使用的一些框架和引擎，以及一些練習項目和您自己的外部學習之后，您將能夠：

• run simulations
  運行模擬
• make your own apps, games, and websites
  制作自己的應用，游戲和網站
• and even develop and deploy multi-user “full stack” projects that you can share with the world.
  甚至開發和部署可以與世界共享的多用戶“全棧”項目。

If you’re not specifically interested in digital tabletop game development, you’ll probably still find this series to be helpful. We’ll be learning core concepts that are central to game and web development that you’ll be able to apply to other programming languages and frameworks. ?

如果您對數字桌面游戲開發不特別感興趣，那么您可能仍然會發現本系列很有幫助。 我們將學習對游戲和Web開發至關重要的核心概念，您可以將它們應用于其他編程語言和框架。

I’m a big proponent of using digital tabletop games in learning to code. Tabletop games are great because they involve a lot of logic and complex rulesets, but not physics, vector math, animation, and that sort of thing.

我大力支持在學習編碼時使用數字桌面游戲。 桌面游戲之所以出色，是因為它們涉及很多邏輯和復雜的規則集，但不涉及物理，矢量數學，動畫以及類似的東西。

We’ll be exploring real programming practices such as setting up an integrated development environment and using GitHub for source control. We'll also be taking on projects that will help you polish the skills that will be fundamental in your long-term development as a coder.

我們將探索真實的編程實踐，例如設置集成開發環境以及使用GitHub進行源代碼控制。 我們還將開展一些項目，這些項目將幫助您提高技能，這些技能對于您作為編碼員的長期開發至關重要。

Start by learning the basics (Beginner Series):

首先學習基礎知識(入門系列)：

Learn more about setting up an integrated development environment (Beginner Tutorial):

了解有關設置集成開發環境的更多信息(初學者教程)：

Learn how to use GitHub and ES6 to create and structure your code (Intermediate Tutorial):

了解如何使用GitHub和ES6創建和構建代碼(中級教程)：

Learn more about Phaser for digital tabletop game development (Intermediate Tutorial):

了解有關用于數字桌面游戲開發的Phaser的更多信息(中級教程)：

Learn more about Vue for digital tabletop web development (Intermediate Tutorial):

了解有關Vue用于數字桌面Web開發的更多信息(中級教程)：

Build a multiplayer card game with Phaser 3, Express, and Socket.IO (Advanced Project):

使用Phaser 3，Express和Socket.IO(高級項目)構建多人紙牌游戲：

Build a Multiplayer Tabletop Game Simulator with Vue, Phaser, Express, Node, and Socket.IO (Advanced Project):

使用Vue，Phaser，Express，Node和Socket.IO(高級項目)構建多人桌面游戲模擬器：

Build a full stack roleplaying game character generator with MongoDB, Express, Vue, and Node (MEVN) (Advanced Project):

使用MongoDB，Express，Vue和Node(MEVN)(高級項目)構建完整的堆棧角色扮演游戲角色生成器：

Learn how to deploy a full stack web app to Heroku (Advanced Project):

了解如何將完整堆棧的Web應用程序部署到Heroku(高級項目)：

Happy coding!

編碼愉快！

If you enjoyed this article, please consider checking out my games and books, subscribing to my YouTube channel, or joining the Entromancy Discord.

如果您喜歡這篇文章，請考慮查看我的游戲和書籍 ， 訂閱我的YouTube頻道或加入Entromancy Discord 。

M. S. Farzan, Ph.D. has written and worked for high-profile video game companies and editorial websites such as Electronic Arts, Perfect World Entertainment, Modus Games, and MMORPG.com, and has served as the Community Manager for games like Dungeons & Dragons Neverwinter and Mass Effect: Andromeda. He is the Creative Director and Lead Game Designer of Entromancy: A Cyberpunk Fantasy RPG and author of The Nightpath Trilogy. Find M. S. Farzan on Twitter @sominator.

法贊(MS Farzan)博士 他曾為知名的視頻游戲公司和編輯網站(例如，Electronic Arts，Perfect World Entertainment，Modus Games和MMORPG.com)撰寫和工作，并曾擔任《龍與地下城：龍骨無雙》和《 質量效應：仙女座》等游戲的社區經理。 。 他是《 Entronancy：Cyber??punk Fantasy RPG》的創意總監和首席游戲設計師，并且是《 The Nightpath Trilogy》的作者。 在Twitter @sominator上找到MS Farzan 。

翻譯自: https://www.freecodecamp.org/news/learn-javascript-by-making-digital-tabletop-games-and-web-apps/