Skip to main content

How to Use jsKidz

jsKidz is an awesome online place where you can learn JavaScript through fun tutorials, interactive tools, and a built-in code editor. You can play and learn right here without needing anything else! Plus, all the code you write can be copied and pasted into your own code editor, which is VS Code we highly recommend by jsKidz, you can find out how to use the awesome VS Code in Run Our Code in VS Code.

Here’s how you can level up your Js skills with jsKidz step by step. Take jsKidz as a fun adventure where each step builds your coding superpowers!

My Coding Jounrey on jsKidz​

  • Learn the most useful Fundamental Js knowledges. On this step, test your knowledges with interactive Quiz and make your hands dirty by playing with Js on the awesome jsKidz Code Editors - Js Box and HTML Box.
  • Learn some basic but useful Coding Algorithm, still keep practising what you learn and explore more on Test Box - the unit test way to verify your codes.
  • We've learned the basics from Fundamental and Algorithm, let's use our knowledge to create some fun and Simple Js Games. In this step, we'll focus on how we can use Js to bring games to life. You’ll be amazed by how the boring Js syntax can create exciting and interactive games.
  • In the Fundamental step, you learned about HTML, jQuery, and Canvas. Now, we can take your knowledge to the next level and make HTML Games. This step focuses on Coding Structure by introducing Simple Component Framework, where you’ll learn to organize your code in a clear and clean way using the Simple Component Framework to build. By doing this, you'll be able to write code that is easier to read, maintain, and scale for bigger projects.
  • In the final step, we will focus on building Canvas Games, piece by piece. Along the way, we’ll create our own Simple Game Framework - the Canvas Game Engine, and learn how to create images pixel by pixel and animate images for games. As the complexity of our games grows, it is time for our code to VS Code as jsKidz codes already VS Code ready, it is just a copy and paste away as we know. This will help us manage larger projects and write more advanced code locally. This is where we can take our game-making skills to the next level!
  • Now it's your time to fly 🕊️! With VS Code, you can create your own exciting, complex game, using everything you’ve learned from jsKidz. You have all the tools, frameworks, and skills to bring your own creative ideas to life. Get coding and make something amazing. Happy Js Coding!