Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying JavaScript Projects for Kids
  • Table Of Contents Toc
JavaScript Projects for Kids

JavaScript Projects for Kids

By : Omar Faruk Towaha
3.5 (2)
close
close
JavaScript Projects for Kids

JavaScript Projects for Kids

3.5 (2)
By: Omar Faruk Towaha

Overview of this book

JavaScript is the most widely-used programming language for web development and that's not all! It has evolved over the years and is now being implemented in an array of environments from websites to robotics. Learning JavaScript will help you see the broader picture of web development. This book will take your imagination to new heights by teaching you how to work with JavaScript from scratch. It will introduce you to HTML and CSS to enhance the appearance of your applications. You’ll then use your skills to build on a cool Battleship game! From there, the book will introduce you to jQuery and show you how you can manipulate the DOM. You’ll get to play with some cool stuff using Canvas and will learn how to make use of Canvas to build a game on the lines of Pacman, only a whole lot cooler! Finally, it will show you a few tricks with OOP to make your code clean and will end with a few road maps on areas you can explore further.
Table of Contents (12 chapters)
close
close
11
Index

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:

Our first program

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:

Our first program

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:

Our first program

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:

Our first program

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
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
JavaScript Projects for Kids
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon