通过制作数字桌面游戏和Web应用程序学习JavaScript

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：Cyberpunk Fantasy RPG》的创意总监和首席游戏设计师，并且是《 The Nightpath Trilogy》的作者。在Twitter @sominator上找到MS Farzan 。