JavaScript for Beginners
Course notes
,JavaScript for Beginners 2
1 What is a Programming Language? .......................................................................................5
Key Points ......................................................................................................................................................... 5
2 Server-side vs. Client-side .......................................................................................................7
Key Points ......................................................................................................................................................... 7
3 About JavaScript ....................................................................................................................10
Key Points ....................................................................................................................................................... 10
4 A Tour of JavaScript...............................................................................................................13
Key Points ....................................................................................................................................................... 13
Project.............................................................................................................................................................. 13
5 Objects, Properties and Methods ..........................................................................................18
Key Points ....................................................................................................................................................... 18
6 Assigning Values to Properties .............................................................................................21
Key Points ....................................................................................................................................................... 21
Project.............................................................................................................................................................. 22
7 About Comments ....................................................................................................................25
Key Points ....................................................................................................................................................... 25
Project.............................................................................................................................................................. 26
8 Hiding Scripts from Older Browsers ......................................................................................28
Key Points ....................................................................................................................................................... 28
Project.............................................................................................................................................................. 29
9 Automatically Redirecting the User .......................................................................................31
Key Points ....................................................................................................................................................... 31
Project.............................................................................................................................................................. 31
10 Alert, Prompt and Confirm .....................................................................................................33
Key Points ....................................................................................................................................................... 33
Project.............................................................................................................................................................. 34
11 Variables and Operators ........................................................................................................35
Key Points ....................................................................................................................................................... 35
Project.............................................................................................................................................................. 38
12 Comparisons...........................................................................................................................40
Key Points ....................................................................................................................................................... 40
Project.............................................................................................................................................................. 41
13 Conditionals ............................................................................................................................42
Key Points ....................................................................................................................................................... 42
Project.............................................................................................................................................................. 45
Project 2........................................................................................................................................................... 46
,JavaScript for Beginners 3
14 Looping....................................................................................................................................48
Key Points ....................................................................................................................................................... 48
Project.............................................................................................................................................................. 50
15 Arrays ......................................................................................................................................53
Key points ........................................................................................................................................................ 53
Project.............................................................................................................................................................. 55
16 Associative & Objective Arrays .............................................................................................57
Key Points ....................................................................................................................................................... 57
Project.............................................................................................................................................................. 58
17 Two Dimensional Arrays ........................................................................................................59
Key Points ....................................................................................................................................................... 59
Project.............................................................................................................................................................. 60
18 String Manipulation.................................................................................................................61
Key Points ....................................................................................................................................................... 61
Project.............................................................................................................................................................. 65
19 Using Functions ......................................................................................................................66
Key Points ....................................................................................................................................................... 66
Project.............................................................................................................................................................. 69
20 Logical Operators ...................................................................................................................71
Key Points ....................................................................................................................................................... 71
Project.............................................................................................................................................................. 74
21 Using Event Handlers ............................................................................................................75
Key Points ....................................................................................................................................................... 75
Project.............................................................................................................................................................. 77
22 Working with Images ..............................................................................................................79
Key Points ....................................................................................................................................................... 79
Project.............................................................................................................................................................. 80
23 Simple Image Rollovers .........................................................................................................81
Key Points ....................................................................................................................................................... 81
Project.............................................................................................................................................................. 83
24 Object Instantiation and Better Rollovers .............................................................................85
Key Points ....................................................................................................................................................... 85
Project.............................................................................................................................................................. 86
25 Working with Browser Windows ............................................................................................88
Key Points ....................................................................................................................................................... 88
Project.............................................................................................................................................................. 90
26 Positioning Browser Windows ...............................................................................................91
Key Points ....................................................................................................................................................... 91
Project.............................................................................................................................................................. 92
, JavaScript for Beginners 4
27 Focus and Blur........................................................................................................................93
Key Points ....................................................................................................................................................... 93
Project.............................................................................................................................................................. 94
28 Dynamically Created Content ................................................................................................95
Key Points ....................................................................................................................................................... 95
Project.............................................................................................................................................................. 95
29 Working with Multiple Windows .............................................................................................97
Key Points ....................................................................................................................................................... 97
Project.............................................................................................................................................................. 98
30 Using an External Script File .................................................................................................99
Key Points ....................................................................................................................................................... 99
Project............................................................................................................................................................ 100
31 Javascript and Forms...........................................................................................................101
Key Points ..................................................................................................................................................... 101
Project............................................................................................................................................................ 103
32 Form Methods and Event Handlers ....................................................................................105
Key Points ..................................................................................................................................................... 105
Project............................................................................................................................................................ 106
33 JavaScript and Maths...........................................................................................................108
Key Points ..................................................................................................................................................... 108
Project............................................................................................................................................................ 109
34 Object Variables – A Refresher ...........................................................................................111
Key Points ..................................................................................................................................................... 111
Project............................................................................................................................................................ 112
35 Actions From Menu Items ....................................................................................................113
Key Points ..................................................................................................................................................... 113
Project............................................................................................................................................................ 114
36 Requiring Form Values or Selections..................................................................................116
Key Points ..................................................................................................................................................... 116
Project............................................................................................................................................................ 118
37 Working with Dates ..............................................................................................................121
Key Points ..................................................................................................................................................... 121
Project............................................................................................................................................................ 122
38 Retrieving Information from Date Objects...........................................................................123
Key Points ..................................................................................................................................................... 123
Project............................................................................................................................................................ 124
39 Creating a JavaScript Clock ................................................................................................126
Key Points ..................................................................................................................................................... 126
Project............................................................................................................................................................ 128
Course notes
,JavaScript for Beginners 2
1 What is a Programming Language? .......................................................................................5
Key Points ......................................................................................................................................................... 5
2 Server-side vs. Client-side .......................................................................................................7
Key Points ......................................................................................................................................................... 7
3 About JavaScript ....................................................................................................................10
Key Points ....................................................................................................................................................... 10
4 A Tour of JavaScript...............................................................................................................13
Key Points ....................................................................................................................................................... 13
Project.............................................................................................................................................................. 13
5 Objects, Properties and Methods ..........................................................................................18
Key Points ....................................................................................................................................................... 18
6 Assigning Values to Properties .............................................................................................21
Key Points ....................................................................................................................................................... 21
Project.............................................................................................................................................................. 22
7 About Comments ....................................................................................................................25
Key Points ....................................................................................................................................................... 25
Project.............................................................................................................................................................. 26
8 Hiding Scripts from Older Browsers ......................................................................................28
Key Points ....................................................................................................................................................... 28
Project.............................................................................................................................................................. 29
9 Automatically Redirecting the User .......................................................................................31
Key Points ....................................................................................................................................................... 31
Project.............................................................................................................................................................. 31
10 Alert, Prompt and Confirm .....................................................................................................33
Key Points ....................................................................................................................................................... 33
Project.............................................................................................................................................................. 34
11 Variables and Operators ........................................................................................................35
Key Points ....................................................................................................................................................... 35
Project.............................................................................................................................................................. 38
12 Comparisons...........................................................................................................................40
Key Points ....................................................................................................................................................... 40
Project.............................................................................................................................................................. 41
13 Conditionals ............................................................................................................................42
Key Points ....................................................................................................................................................... 42
Project.............................................................................................................................................................. 45
Project 2........................................................................................................................................................... 46
,JavaScript for Beginners 3
14 Looping....................................................................................................................................48
Key Points ....................................................................................................................................................... 48
Project.............................................................................................................................................................. 50
15 Arrays ......................................................................................................................................53
Key points ........................................................................................................................................................ 53
Project.............................................................................................................................................................. 55
16 Associative & Objective Arrays .............................................................................................57
Key Points ....................................................................................................................................................... 57
Project.............................................................................................................................................................. 58
17 Two Dimensional Arrays ........................................................................................................59
Key Points ....................................................................................................................................................... 59
Project.............................................................................................................................................................. 60
18 String Manipulation.................................................................................................................61
Key Points ....................................................................................................................................................... 61
Project.............................................................................................................................................................. 65
19 Using Functions ......................................................................................................................66
Key Points ....................................................................................................................................................... 66
Project.............................................................................................................................................................. 69
20 Logical Operators ...................................................................................................................71
Key Points ....................................................................................................................................................... 71
Project.............................................................................................................................................................. 74
21 Using Event Handlers ............................................................................................................75
Key Points ....................................................................................................................................................... 75
Project.............................................................................................................................................................. 77
22 Working with Images ..............................................................................................................79
Key Points ....................................................................................................................................................... 79
Project.............................................................................................................................................................. 80
23 Simple Image Rollovers .........................................................................................................81
Key Points ....................................................................................................................................................... 81
Project.............................................................................................................................................................. 83
24 Object Instantiation and Better Rollovers .............................................................................85
Key Points ....................................................................................................................................................... 85
Project.............................................................................................................................................................. 86
25 Working with Browser Windows ............................................................................................88
Key Points ....................................................................................................................................................... 88
Project.............................................................................................................................................................. 90
26 Positioning Browser Windows ...............................................................................................91
Key Points ....................................................................................................................................................... 91
Project.............................................................................................................................................................. 92
, JavaScript for Beginners 4
27 Focus and Blur........................................................................................................................93
Key Points ....................................................................................................................................................... 93
Project.............................................................................................................................................................. 94
28 Dynamically Created Content ................................................................................................95
Key Points ....................................................................................................................................................... 95
Project.............................................................................................................................................................. 95
29 Working with Multiple Windows .............................................................................................97
Key Points ....................................................................................................................................................... 97
Project.............................................................................................................................................................. 98
30 Using an External Script File .................................................................................................99
Key Points ....................................................................................................................................................... 99
Project............................................................................................................................................................ 100
31 Javascript and Forms...........................................................................................................101
Key Points ..................................................................................................................................................... 101
Project............................................................................................................................................................ 103
32 Form Methods and Event Handlers ....................................................................................105
Key Points ..................................................................................................................................................... 105
Project............................................................................................................................................................ 106
33 JavaScript and Maths...........................................................................................................108
Key Points ..................................................................................................................................................... 108
Project............................................................................................................................................................ 109
34 Object Variables – A Refresher ...........................................................................................111
Key Points ..................................................................................................................................................... 111
Project............................................................................................................................................................ 112
35 Actions From Menu Items ....................................................................................................113
Key Points ..................................................................................................................................................... 113
Project............................................................................................................................................................ 114
36 Requiring Form Values or Selections..................................................................................116
Key Points ..................................................................................................................................................... 116
Project............................................................................................................................................................ 118
37 Working with Dates ..............................................................................................................121
Key Points ..................................................................................................................................................... 121
Project............................................................................................................................................................ 122
38 Retrieving Information from Date Objects...........................................................................123
Key Points ..................................................................................................................................................... 123
Project............................................................................................................................................................ 124
39 Creating a JavaScript Clock ................................................................................................126
Key Points ..................................................................................................................................................... 126
Project............................................................................................................................................................ 128