Our first program

Now, let's check whether JavaScript works on your machine.

From the tools, select Console. If you cannot find Console, click on the >> symbol, as follows:

Once your console is open, type the following code and hit Enter on your keyboard:

document.write("Hello World");

If you can see the output on the left-hand side panel as shown in the following, then you have successfully configured JavaScript on your browser:

The output that you will see is as follows:

Hello World

Congratulations!

Note

Downloading the example code

You can download the example code files for all the Packt books that you have purchased from your account at http://www.packtpub.com. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register in order to have the files e-mailed to you directly.

If you cannot see the text, check your code or install Google Chrome with administrative rights.

You can also click on the gear button of your console. Check whether Disable JavaScript is unchecked:

You can also debug your JavaScript codes using this tool.

If you type anything wrong; consider that you forgot the inverted commas of the Hello World string, you will get the following errors:

To speed up writing your codes, you may learn some keyboard shortcuts for both console and Atom text editor.

Here are few keyboard shortcuts for console:

• Ctrl + L: Clear console
• Tab: Autocomplete common prefix
• Right arrow: Accept suggestion
• Ctrl + U: Clear console prompt
• Up/Down: Next/previous line
• Enter: Execute command

Here are few keyboard shortcuts for Atom text editor:

• Ctrl + B: Browse list of open files
• Ctrl +Alt + R: Reload Atom
• Ctrl +Shift + L: Change syntax highlighting
• Alt +Shift + S: Show available code snippets
• Ctrl +Shift + M: Markdown preview
• Ctrl +Alt + I: Toggle Developer Tools
• Ctrl + N: New file
• Ctrl +Shift + N: New Window
• Ctrl + P: Open file (type the name to perform a search)
• Ctrl + O: Open file
• Ctrl +Shift + O: Open folder
• Ctrl + S: Save
• Ctrl +Shift + S: Save as
• Ctrl + W: Close tab
• Ctrl +Shift + W: Close window
• Ctrl + G: Go to line
• Ctrl + L: Select line
• Ctrl +Shift + D: Duplicate line
• Ctrl +Shift + K: Delete line
• Ctrl + Up/Down: Move line up/down
• Ctrl + /: Toggle comment line
• Ctrl + Enter: New line below
• Ctrl + [/]: Indent/unindent selected lines
• Ctrl + J: Join lines
• Ctrl + Alt + .: Complete bracket
• Ctrl + M: Go to matching bracket
• Ctrl + Alt + M: Select code inside matching brackets
• Ctrl + Alt + /: Fold/unfold code
• Ctrl + Alt + F: Fold selected code
• Ctrl + Alt + [/]: Fold/unfold all code
• Ctrl + F: Find in current file
• Ctrl + Shift + F: Find in project
• F3: Find next
• Shift + F3: Find previous
• Ctrl + Enter: Replace all
• Ctrl + Alt + /: Use Regex in search
• Ctrl + Shift + =/-: Increase/decrease text size
• Ctrl + 0 (zero): Reset text size
• F11: Toggle fullscreen