01 - Preparing for Development

Welcome to the guide! To get started with writing your own apps, you need to prepare the Developer Tools of your browser. In this chapter, we'll do that and write our first line of code.

Opening the tools

To write and run your apps, you will first have to open the DevTool panel of your browser. This is a console where you can look at HTML and run your code.

• Navigate to windows93.net

• Press Ctrl+Shift+I to open the DevTool Panel

• Press on Console at the top to open the console and start running code

Writing our first line of code

All of those words starting with $ that you can find on the sidebar of this documentation, are actually JavaScript functions. If you want to show a message box for example, you'd use the $alert function.

Tip: If you don't know what this means, you should probably learn more JavaScript before continuing with this guide.

Let's use that function to show a message saying "Hello World!" in Windows 93! Type the code below into the developer console (at the side of your screen) and press enter.

$alert("Hello World");

And it works

If you did everything correctly, this should pop up on your screen now.

What you just did was set the first parameter of $alert, being the text to show.

Great job! You just wrote your first application. It's that easy! In the next chapter we'll add a new icon and title to that alert.

[Next Chapter]