- JavaScript Projects for Kids
- Syed Omar Faruk Towaha
- 508字
- 2021-07-16 09:34:36
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
- Cocos2D-X權威指南(第2版)
- Android和PHP開發最佳實踐(第2版)
- PaaS程序設計
- NLTK基礎教程:用NLTK和Python庫構建機器學習應用
- .NET 4.0面向對象編程漫談:基礎篇
- Visual Basic程序設計(第3版):學習指導與練習
- Python數據分析(第2版)
- C語言程序設計案例精粹
- TradeStation交易應用實踐:量化方法構建贏家策略(原書第2版)
- HTML5+CSS3+jQuery Mobile APP與移動網站設計從入門到精通
- 軟件工程基礎與實訓教程
- Java程序設計教程
- 會當凌絕頂:Java開發修行實錄
- Visual Basic語言程序設計基礎(第3版)
- 你必須知道的.NET(第2版)