Devlog 4 - KaziOS

Updates:

• I standardized everything, so I now have initApp(), initWindow(), initIcon() functions to easily make new functions apps + windows.

• I also made it so that the all these windows are closeable with ease.

• I created my first app icon and made it open the window

• When a window is clicked, it is moved to the front to improve the user experience.

Notes:

• I feel way more confident with JS now. I veered pretty far off from the tutorial when I was standardizing everything, which did take a long time, but I am proud of myself.

• I also got a linting extension for each language, but ngl it doesn’t help too too much. For some reason the small bugs are still left unnoticed. (This is very different for me coming from python development since all the syntax errors were found instantly.

What’s Next?

• Make the notes app functional (the user is able to add whatever they want + store old notes) !!!

• Make it prettier and add more apps

Thanks for reading, see y’all laterrr

Devlog 3 - KaziOS

Problem 1:

• You’re probably seeing all this time I spent and wondering what greatness have I cooked up, but unfortunately most of this time was spent debugging the smallest and most annoying bugs ever…

• First, when I transferred my js logic to a separate file, I updated the <script> tag and put it in the head of my file. (This was the mistake..)

• After I added some updates to the style of my OS, and tested everything, I realized that my window could no longer move.

• I spent a long time reviewing the JS logic, redoing it over and over, and comparing my code to other peoples.

• After the longest time ever, I finally realized that the script tag should either be at the bottom, or include an additional attribute.

Problem 2:

• I wanted to make the header of the welcome screen separate from the actual content of the welcome screen, but as you know, I am very knew to this.

• It took a very long time and a lot of configuring/adjusting to finally get to this point, and I’m quite happy with it.

Updates:

• Everything is successfully debugged (windows can move again)

• CSS and JS separated from the HTML file. (Some styles are kept inline, and class styles are in the separate file).

• Windows have a new look, with their own headers and close button.

• Windows can now be opened by pressing “KaziOS” on the top bar and closed by pressing the red button on the header.

What’s next?

• I feel a lot more confident with HTML, CSS, and JS, so I don’t think I will spend nearly as much time debugging in the future.

• I will also be adding APP icons, and building my first few apps. The first app will be a simple notes app.

• I also hope to make small games, possibly hangman with prompts generated automatically to be guessed by the user.

Anyway, thanks for reading, I really hope next time I have more to report….

Devlog 2 - KaziOS

Updates:

• The welcome window is now moveable!!

• I added a background which actually took a lot longer than expected because I wanted to make sure I’m legally able to use it for anything.

• I created a top bar, blurred it, and added individually boxes for each element in it.

• I also moved my JS logic to a separate file

What’s next?

• I am going to put my CSS styles in a separate file to declutter.

• I am going to further customize the look of the window + home screen.

• And I am going to add apps and the ability to minimize/toggle windows.

Thanks for listeninggg, see you guys soon!

Devlog 1 - KaziOS

Notes:

• Hello! I am going to be making my own web operating system by following along with the guide, and freestyling.

• I currently have no idea how to code with HTML, JS, or CSS, so this is going to be a very interesting journey.

• I’m going through the guide right now, and I’m having trouble making the background color (its white cause I’m still trying to figure it out).

• I wanted to show you all my humble beginnings, and I’m really excited to learn more and fix this all up! I’ll update you guys on my progress soon, bye nowwww