Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
JavaScript Projects for Kids

You're reading from   JavaScript Projects for Kids Gear up for a roller-coaster ride into the world of JavaScript and programming with this easy-to-follow, fun, and entertaining project-based guide

Arrow left icon
Product type Paperback
Published in Jan 2016
Publisher Packt
ISBN-13 9781785287176
Length 188 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
 Omar Faruk Towaha Omar Faruk Towaha
Author Profile Icon Omar Faruk Towaha
Omar Faruk Towaha
Arrow right icon
View More author details
Toc

Index

A

  • abstraction
    • about / Encapsulation in JavaScript
  • AngularJS
    • URL / Dissecting Hangman
  • animation
    • creating, with JavaScript / Animation
  • Arduino
    • about / Robotics
  • arithmetic operators
    • about / Arithmetic operators
    • addition / Addition
    • subtraction / Subtraction
    • multiplication / Multiplication
    • division / Division
    • modulus / Modulus
  • assignment operators
    • about / Assignment operators
  • Atom
    • URL / Installing Atom
    • installing / Installing Atom
    • keyboard shortcuts / Our first program
    • advantages / Why do we use Atom as the text editor?

B

  • Battleship game
    • HTML code, writing / The HTML part
    • CSS code, writing / The CSS part
    • JavaScript code, writing / The JavaScript part
    • code, executing / The final code
  • bitwise operators
    • && / JavaScript comparison and logical operators
    • || / JavaScript comparison and logical operators
    • ~ / JavaScript comparison and logical operators
    • ^ / JavaScript comparison and logical operators
    • >> / JavaScript comparison and logical operators
    • << / JavaScript comparison and logical operators
  • blur() method
    • about / The blur() and focus() methods
  • Business Narrative Markup Language (BNML)
    • about / HTML
  • buttons
    • adding, to HTML web page / Buttons

C

  • canvas
    • implementing / Implementing canvas
    • JavaScript, adding / Adding JavaScript
    • rectangle, drawing / Drawing a rectangle
    • line, drawing / Drawing a line
    • circle, drawing / Drawing a circle
    • liner gradient, drawing / Draw linear gradient
  • canvas, Rat-man
    • drawing / Draw the canvas
    • app.key_handler.js file / The app.key_handler.js file
    • app.movement_functions.js file / The app.movement_functions.js file
    • app.constants.js file / The app.constants.js file
  • Cascading Style Sheets (CSS)
    • about / CSS
    • applying / CSS
  • change() method
    • about / The change() method
  • Chrome Developer Tools
    • using / Chrome Developer Tools
    • advantages / Why do we use Chrome Developer Tools?
  • circle
    • drawing, in canvas / Drawing a circle
  • clock
    • creating / Let's make a clock!
  • ColdFusion Markup Language (CFML)
    • about / HTML
  • comments
    • about / Comments
  • comparison operators
    • about / JavaScript comparison and logical operators
  • console
    • keyboard shortcuts / Our first program
  • content delivery network (CDN)
    • about / Installing jQuery
  • cookies
    • creating, with JavaScript / Creating cookies
  • Cordova
    • URL / Making apps for your smartphones
  • CreativeJS.com
    • about / Awesome JavaScript examples
    • URL / Awesome JavaScript examples

D

  • 3D games
    • creating, with JavaScript / 3D games
    • reference link / 3D games
  • data types
    • about / Variables
  • decrement operators
    • about / Increment or decrement operators
  • document.write() method
    • using / JavaScript methods

E

  • encapsulation
    • about / Encapsulation in JavaScript
  • examples, JavaScript projects
    • calculator / Awesome JavaScript examples
    • drag and drop / Awesome JavaScript examples
    • random maze generator / Awesome JavaScript examples
    • particle joining / Awesome JavaScript examples
    • tearable cloth / Awesome JavaScript examples
    • neon thing / Awesome JavaScript examples
    • smartphone submenu / Awesome JavaScript examples
    • 3D Solar System / Awesome JavaScript examples

F

  • Firebase
    • URL / Running web servers
  • focus() method
    • about / The blur() and focus() methods
  • for loop
    • about / The for loop
  • form, HTML
    • basic structure / Form
  • functionalities, Rat-man
    • adding / Adding functionalities to the game
    • app.main.js file / The app.main.js file
    • app.display_functions.js file / The app.display_functions.js file
    • app.init.js file / The app.init.js file

G

  • gamepad API
    • URL / 3D games
  • Google Chrome
    • installing / Installing Google Chrome
    • URL / Installing Google Chrome
  • Graphics Interchange Format (GIF)
    • about / Inserting an image
  • GreenSock
    • URL / Animation

H

  • *Hello World* program
    • writing / Our first program
  • Hangman
    • about / Encapsulation in JavaScript
    • analyzing / Dissecting Hangman
  • hex color code
    • about / Coloring HTML text
    • URL / Coloring HTML text
  • HTML page
    • JavaScript, using / JavaScript on an HTML page
  • HyperText Markup Language (HTML)
    • about / HTML
    • basic structure / HTML
    • tags / HTML, More HTML tags
    • webpage, creating / Your first webpage
    • text, coloring / Coloring HTML text
    • text, linking / Linking HTML text
    • image, inserting / Inserting an image
    • buttons / Buttons
    • form / Form

I

  • if statement
    • about / If statement
  • images, Rat-man
    • adding / Images for Rat-man!
    • monsters folder / The monsters folder
    • player folder / The player folder
    • portal folder / The portal folder
    • walls folder / The walls folder
    • adding, to cats / Adding images to our cats
  • increment operators
    • about / Increment or decrement operators
  • inheritance
    • about / Inheritance in JavaScript

J

  • JavaScript
    • using, on HTML page / JavaScript on an HTML page
    • adding, for canvas / Adding JavaScript
    • as programming language / JavaScript as your first programming language
    • online references / JavaScript as your first programming language
    • browser support / JavaScript is everywhere
    • use cases / All chores can be done by JavaScript
    • examples / Awesome JavaScript examples
  • JavaScript developer
    • about / JavaScript developer as profession
  • Joint Photographic Experts Group (JPG or JPEG)
    • about / Inserting an image
  • jQuery
    • installing / Installing jQuery
    • URL / Installing jQuery
    • code, explaining / Explaining the code
    • methods / Going deeper

K

  • keydown() method
    • about / The keyup() and keydown() methods
  • keyup() method
    • about / The keyup() and keydown() methods

L

  • line
    • drawing, in canvas / Drawing a line
  • liner gradient
    • drawing, in canvas / Draw linear gradient
  • load() method
    • about / The load() method
  • logical operators
    • about / JavaScript comparison and logical operators
  • loops
    • about / Loops
    • while loop / Loops, The while loop
    • for loop / The for loop

M

  • Meteor
    • URL / Making apps for your smartphones
  • methods
    • using / JavaScript methods
  • methods, jQuery
    • about / Going deeper
    • load() method / The load() method
    • keydown() method / The keyup() and keydown() methods
    • keyup() method / The keyup() and keydown() methods
    • change() method / The change() method
    • blur() method / The blur() and focus() methods
    • focus() method / The blur() and focus() methods
    • resize() method / The resize() method
    • scroll() method / The scroll() method
  • modulus (%) operator
    • about / Modulus

N

  • Node.js
    • URL / Running web servers
  • NodeBots
    • URL / Robotics

O

  • object-oriented programming (OOP)
    • reference link / Encapsulation in JavaScript
  • Opera Binary Markup Language (OBML)
    • about / HTML
  • operators
    • about / More operators and operations
    • decrement operators / Increment or decrement operators
    • increment operators / Increment or decrement operators
    • assignment operators / Assignment operators
    • comparison operators / JavaScript comparison and logical operators
    • logical operators / JavaScript comparison and logical operators
  • OS-independent desktop applications
    • writing, JavaScript used / Writing OS-independent desktop applications
    • reference links / Writing OS-independent desktop applications

P

  • PhoneGap
    • URL / Making apps for your smartphones
  • polymorphism
    • about / Encapsulation in JavaScript
  • Portable Network Graphics (PNG)
    • about / Inserting an image
  • Python
    • running, JavaScript used / Running Ruby and Python

R

  • Rat-man
    • user interface, creating / Game user interface
    • functionalities, adding / Adding functionalities to the game
    • images, adding / Images for Rat-man!
    • canvas, drawing / Draw the canvas
    • playing / Playing the game
  • rectangle
    • drawing, in canvas / Drawing a rectangle
  • resize() method
    • about / The resize() method
  • responsive and interactive contents
    • creating / Responsive and interactive contents
    • references / Responsive and interactive contents
  • robotics
    • with JavaScript / Robotics
  • Ruby
    • running, JavaScript used / Running Ruby and Python

S

  • screenshotting
    • about / Web scraping and screenshotting
  • scroll() method
    • about / The scroll() method
  • smartphone apps
    • creating, with JavaScript / Making apps for your smartphones
  • Standard Generalized Markup Language (SGML)
    • about / HTML
  • switch-case statement
    • about / Switch-case
  • SyntaxError
    • about / Variables
  • Systems Biology Markup Language (SBML)
    • about / HTML

U

  • use cases, JavaScript
    • about / All chores can be done by JavaScript
    • robotics / Robotics
    • 3D games / 3D games
    • smartphone apps, creating / Making apps for your smartphones
    • web servers, running / Running web servers
    • Ruby, running / Running Ruby and Python
    • Python, running / Running Ruby and Python
    • OS-independent desktop applications, writing / Writing OS-independent desktop applications
    • web scraping / Web scraping and screenshotting
    • screenshotting / Web scraping and screenshotting
    • web analytics / Web analytics
    • responsive and interactive contents / Responsive and interactive contents
    • animation / Animation
    • cookies, creating / Creating cookies
  • user interface
    • creating, for Rat-man / Game user interface

V

  • variables
    • about / Variables
    • example / Variables
  • Velocity.js
    • URL / Animation
  • Virtual Human Markup Language (VHML)
    • about / HTML

W

  • web analytics
    • with JavaScript / Web analytics
  • web cookies
    • reference link / Creating cookies
  • web scraping
    • about / Web scraping and screenshotting
    • URL / Web scraping and screenshotting
  • web servers
    • running, JavaScript used / Running web servers
  • while loop
    • about / Loops, The while loop
lock icon The rest of the chapter is locked
arrow left Previous Section
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at £13.99/month. Cancel anytime
Visually different images