In the first month of this year I decided to learn about Game Development with JavaScript as the language. The goal was simple learn how video games actually work and rediscover my love of programming and building things and learn JavaScript OOP.

I decided to use a language that I’m already “comfortable” with which is JavaScript. I quoted “comfortable” because during this journey of rediscovery I’ve learned that I’m not really that comfortable with JavaScript, I’ve learn so many new things that I didn’t usually use like class based programming.

With that in mind, I went and research about different game development frameworks that runs on JavaScript. I decided to use Phaser because I wanted to do the coding and learn the ins and outs of video games concepts and design. Instead of learning a new tool like Godot or Unity as there’s a lot GUI to know though Phaser have their own editor, I wanted to do much on coding than relying on tools GUI.

The very first thing I did was to learn using the 

, which is really informative and beginner friendly. And then after that I supplied it with AI and asked it to create a study plan for me that I can finish with 4 weeks ( but was able to finish in 8 )

This is the study plan AI created for me which is pretty good, easy, digestible and almost complete, just need some follow up questions, additional information and personal research as I go, which is why I didn’t finish it on time.

 repository on how he creates Phaser games. I recommend his channel as he explain it in so much detailed and I also to check his repositories as his file organization where pretty solid.

This is the start of a new learning series for me which I will call “Building Games with Phaser”. I’ll posting more about how I built a game and showing off the Demo if I finish a game. I’ll try to be more detailed on what’s the game is about and what I’ve learned during the process.

My journey to learning game development with JavaScript and Phaser.

Game Development with Phaser

Sometimes you don’t really know what error your backend or API is providing so Typescript will question the type on your 

 block your using so this are the different types you can use.

 as type is available as the errors type but this is discourage due to the loss of type safety.

 keyword is also available but also may loss of type safety and makes a runtime error if your assumption is incorrect

if you have a strong idea of the error’s origin and certain that specific type of error will be thrown you can use the 

 forces type narrowing. Before you can access any properties or call any methods on caught error, you must first check its type.

checks whether an object belongs to a particular class or its subclasses

Sometimes you don’t really know what error your backend or API is providing so Typescript will question the type on your try...catch block your using so this are the different types you can use.

TS Basic: Typing Errors in Try-Catch

Type utilities you can use to transform types or make them more reusable. These are set of built-in generic types.

creates a new type by excluding specific properties from an existing type

creates a new type by selecting a specific properties from an existing type

create an object type with specific keys and values

this utility can be used to map the properties of a type to another type

 meaning the properties of the type cannot be reassigned.

https://www.typescriptlang.org/docs/handbook/utility-types.html

TS Basic: Utilities

At the moment the missus uses a worksheet to store her tasks and meeting notes for her work. This application will help her store it on a cloud database for portability and additional features that she wants like sorting by categories or adding priority level to her task.

My goal for this project is to learn the NextJs Server Component use Appwrite as my database and do all my code using Typescript.

A task list application for storing work-related tasks and notes. Unlike a simple to-do list application this will be able to add categories and priorities for sorting and reporting purposes. 

Hi, I'm Owa Aquino.

👉 This website is here to help me become a better developer.

💻 What I'm working on

Tasks List

📝Latest Posts

Game Development with Phaser

TS Basic: Typing Errors in Try-Catch

TS Basic: Utilities