Jump Start JavaScript: Get Up to Speed With JavaScript in a Weekend

by Ara Pehlivanian, Don Nguyen

Overview

Get a Jump Start on JavaScript today!

JavaScript is a key technology in modern web development, enabling you to craft interactive, usable and engaging experiences for your users.

In just one weekend with this SitePoint book, you'll learn how to:

• Use JavaScript to solve real world problems: build forms, track user events and craft animations
• Use JavaScript with HTML5 and CSS3
• Build an entire JavaScript-powered application from scratch: a task management application

Plus you'll discover how to use modern techniques such as Canvas and Ajax.

Product Details

ISBN-13:	9780987332189
Publisher:	SitePoint
Publication date:	07/12/2013
Pages:	184
Product dimensions:	7.00(w) x 9.10(h) x 0.50(d)

About the Author

Ara Pehlivanian has been working on the Web since 1997. He now works for Nurun* as a Senior Client-side developer and Tech Lead working on projects for highly visible clients.

Don Nguyen's background is in building real time trading systems to analyze every single transaction for multiple markets spanning many years. Applications had to be fast, scalable and fault tolerant. These are exactly the same principles that need to be applied to modern day web applications.

Table of Contents

Preface xiii

Who Should Read This Book xiii

Conventions Used xiii

Code Samples xiii

Tips, Notes, and Warnings xv

Supplementary Materials xv

Do you want to keep learning? xvi

Chapter 1 Setting Up 1

Console 2

Chrome 2

Firefox 2

Internet Explorer 2

Safari 3

Using JavaScript in HTML Files 4

In the HTML File 4

In a Separate File 5

Location of the <script> Tag 5

Summary 7

Chapter 2 Variable 9

First, a Quick Comment 9

Declarations 10

Types 12

Number 12

String 13

Boolean 13

Undefined 13

Null 13

Object 14

Operations 14

The Dangers of Loose Typing 15

Type Conversion (aka Type Coercion) 15

Comparison Operators 16

Equal (==) 16

Not Equal (!=) 16

Strict Equal (===) 17

Strict Not Equal (!==) 17

Greater than (>) 18

Greater than or Equal to (>=) 18

Less than (<) 18

Less than or Equal to (<=) 19

Logic Flow 19

Project 24

Summary 24

Chapter 3 Arrays 25

Creating an Array 25

Adding to an Array 26

Reading from an Array 27

Nested Arrays 28

What can you do with arrays? 29

Mutator Methods 30

Accessor Methods 35

Iteration Methods 40

Project 45

Summary 45

Chapter 4 Objects and Functions 47

Objects 47

Creating an Object 47

Adding to an Object 48

Reading from an Object 49

Nested Objects 50

Prototype Chain 53

Looping over an Object 54

Functions 56

Scope 57

Hoisting 61

Declaration 62

Arguments 65

Object-oriented Programming with Functions 67

this 70

Properties 72

Methods 74

Project 77

Summary 78

Chapter 5 Loops and Jumps 79

The while Loop 80

The do … while Loop 81

The for Loop 82

The for … in Loop 84

Jumps 85

break 85

continue 86

Labeled Statements 87

return 89

Exception Handling 91

throw 91

try 91

An Empirical Study 93

Loop Alternatives 94

On Style 94

Higher Order Functions 94

Recursion 97

Project 98

Counting Tasks 98

Sorting 99

Summary 100

Chapter 6 The Document Object Model 101

What is the DOM? 101

The Need for Backward Compatibility 102

The document Object 102

DOM Level 0 or Legacy DOM 103

DOM Level 1 105

Creating DOM Elements and Attributes 106

insertBefore 108

getElement sByTagName 109

DOM Level 2 111

getElementByld 111

hasAttributes 112

hasAttribute 112

DOM Level 3 112

DOM Level 4 113

getElementsByClassName 113

Data Attributes 114

The style Attribute 115

Project 115

Summary 119

Chapter 7 Events 121

DOM Events 122

Event Propagation 123

Event Handlers 125

HTML Attribute 125

addEventListener 126

DOM Element Properties 128

More Examples 129

Event Context 132

Custom Events 134

Project 138

Adding Tasks 138

Sorting 139

Task Modification 140

Summary 141

Chapter 8 Canvas 143

What is Canvas? 143

Preparing the Data 145

Setting up the Canvas 146

The Most Basic Drawing 147

Text and the Coordinate System 149

A Further Rotation Example 151

Y-axis Numbering 153

"Hello World" Canvas-style 154

Grid Lines 155

Rectangles 156

Ares 159

Bar Chart Labels 159

Shadows 160

Making Images 161

Summary 162

Appendix A Common Events 163