JavaScript Projects for Kids

图书信息

作者	Syed Omar Faruk Towaha
出版社	Packt Publishing
ISBN	9781783988495
出版时间	2016-01-30
字数	44.5万
分类	进口书,外文原版书,电脑,网络

读书简介

Gear up for a roller-coaster ride into the world of JavaScript and programming with this easy-to-follow, fun, and entertaining project-based guideAbout This BookGet to know the concepts of HTML and CSS to work with JavaScriptExplore the concepts of object-oriented programmingFollow this step-by-step guide on the fundamentals of JavaScript programmingWho This Book Is ForIf you've never written code before or you are completely new to the world of web programming, then this book is the right choice for you. This book is for kids of age 10 years and above and parents who are completely new to the world of programming and want to get introduced to programming.What You Will LearnLearn how to work with Google Developer tools to iterate, debug and profile your codeDevelop a Battleship game using the basic concepts of HTML and CSSGet to know the fundamentals of JavaScript programmingCreate our own version of Pac Man game.Discover the vital concepts of object-oriented programmingIn DetailJavaScript 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.Style and approachThis is an easy-to-follow, informative, and fun guide that takes a project-based approach to teaching programming in JavaScript. You will learn everything you need to get started with serious web application development.

目录

JavaScript Projects for Kids

Table of Contents

JavaScript Projects for Kids

Credits

About the Author

About the Reviewer

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Exploring JavaScript in the Console

Installing Google Chrome

Installing Atom

Chrome Developer Tools

Our first program

Why do we use Chrome Developer Tools?

Why do we use Atom as the text editor?

Exercise

Summary

2. Solving Problems Using JavaScript

Variables

Comments

Arithmetic operators

Addition

Subtraction

Multiplication

Division

Modulus

More operators and operations

Increment or decrement operators

Assignment operators

JavaScript comparison and logical operators

Summary

3. Introducing HTML and CSS

HTML

Your first webpage

More HTML tags

Coloring HTML text

Linking HTML text

Inserting an image

CSS

JavaScript on an HTML page

Summary

4. Diving a Bit Deeper

JavaScript methods

HTML buttons and form

Buttons

Form

If statement

Switch-case

Exercise

Loops

The for loop

Exercise

The while loop

Exercise

Summary

5. Ahoy! Sailing into Battle

The HTML part

The CSS part

The JavaScript part

The final code

Summary

6. Exploring the Benefits of jQuery

Installing jQuery

Explaining the code

Going deeper

The load() method

The keyup() and keydown() methods

The change() method

The blur() and focus() methods

The resize() method

The scroll() method

Summary

7. Introducing the Canvas

Implementing canvas

Adding JavaScript

Drawing a rectangle

Drawing a line

A quick exercise

Drawing a circle

Draw linear gradient

A quick exercise

Let's make a clock!

Summary

8. Building Rat-man!

Game user interface

Adding functionalities to the game

The app.main.js file

The app.display_functions.js file

The app.init.js file

Images for Rat-man!

The monsters folder

The player folder

The portal folder

The walls folder

Adding images to our cats

Draw the canvas

The app.key_handler.js file

The app.movement_functions.js file

The app.constants.js file

Playing the game

Summary

9. Tidying up Your Code Using OOP

Inheritance in JavaScript

Encapsulation in JavaScript

Dissecting Hangman

Summary

10. Possibilities

JavaScript as your first programming language

JavaScript is everywhere

JavaScript developer as profession

All chores can be done by JavaScript

Robotics

3D games

Making apps for your smartphones

Running web servers

Running Ruby and Python

Writing OS-independent desktop applications

Web scraping and screenshotting

Web analytics

Responsive and interactive contents

Animation

Creating cookies

Awesome JavaScript examples

Summary

Index