More JavaScript

imagesQ6IKZBDSPowerPoint – Understanding JavaScript


Activity – Introduction to JavaScript – Beginner’s Quiz


Activity – 1.1 Using Comments

Activity – 1.2 Using Semicolons

Activity – 1.3 Where to Place the JavaScript Code

Activity – 1.4 Where to Include the JavaScript Code

Activity – 2.1 Case Sensitivity

Activity – 2.2 Variables

Activity – 2.3 String Variables

Activity – 2.4 Using Quotation Marks in Strings

Activity – 2.5 Escaping Characters

Activity – 2.6 Variable Typing and Casting

Activity – 3.1 Arithmetic Operators

Activity – 3.2 Incrementing and Decrementing

Activity – 3.3 Assignment Operators

Activity – 3.4 Comparison Operators

Activity – 3.5 Logical Operators

Activity – 4.1 Arrays – Creating an Array

Activity – 5.1 Creating a Two-Dimensional Array – Timestable

Activity – 5.2 Creating a Two-Dimensional Array – Chess

Activity – 5.3 Creating a Multi-Dimensional Array – Toystore

Activity – 6.1 Array Functions – Using for (..in..)

Activity – 6.2 Array Functions – Using concat()

Activity – 6.3 Array Functions – Using join()

Activity – 6.4 Array Functions – Using forEach()

Activity – 6.5 Array Functions – Using map()

Activity – 6.6 Array Functions – Using push()

Activity – 6.7 Array Functions – Using pop()

Activity – 6.8 Array Functions – Using reverse()

Activity – 6.9 Array Functions – Using sort()

Activity – 6.10 Array Functions – Sorting numerically

Activity – 6.11 Array Functions – Reversing a sort

Activity – 6.12 Array Functions – Inserting Elements into an Array

Activity – 6.13 Array Functions – Using splice()

Activity – 6.14 Array Functions – Advanced Array Splicing

Activity – 7.1 Controlling Program Flow – The if() Statement

Activity – 7.2 Controlling Program Flow – The switch() Statement

Activity – 8.1 Looping Sections of Code – Using the while() Loop

Activity – 8.2 Looping Sections of Code – Using the do…while() Loop

Activity – 8.3 Looping Sections of Code – Using the for() Loop

Activity – 8.4 Looping Sections of Code – Using the for(…in…) loop

Activity – 8.5 Looping Sections of Code – Using the Break Statement

Activity – 8.6 Looping Sections of Code – Using the continue Statement

Activity – 9.1 JavaScript Functions – Using Functions 1

Activity – 9.2 JavaScript Functions – Using Functions 2

Activity – 9.3 JavaScript Functions – Passing Arguments 1

Activity – 9.4 JavaScript Functions – Passing Arguments 2

Activity – 9.5 JavaScript Functions – Passing Arguments 3

Activity – 9.6 JavaScript Functions – Using the this Keyword

Activity – 9.7 JavaScript Functions – Using Local Variables

Activity – 10.1 JavaScript Objects – Declaring a Class

Activity – 10.2 JavaScript Objects – Using the prototype Keyword 1

Activity – 10.3 JavaScript Objects – Using the prototype Keyword 2

Activity – 11.1 Errors and Expressions – Using onerror

Activity – 11.2 Errors and Expressions – Using try…catch

Activity – 11.3 Errors and Expressions – Using the test() Function

Activity – 11.4 Errors and Expressions – Using the replace() Function

Activity – 11.5 Errors and Expressions – Fuzzy Matching

Activity – 12.1 The Document Object Model – JavaScript Example 1

Activity – 12.2 The Document Object Model – JavaScript Example 2

Activity – 12.3 The Document Object Model – Using Classes

Activity – 12.4 The Document Object Model – Accessing Properties

Activity – 12.5 The Document Object Model – Inline JavaScript

Activity – 12.6 The Document Object Model – Adding Elements


jsActivity – 1a Setting Up – Using JavaScript in HTML Files

Activity – 2a Variables – Time of Day

Activity – 3a Arrays – Mutator Methods – splice()

Activity – 3b Arrays – Mutator Methods – unshift()

Activity – 3c Arrays – Accessor Methods – join()

Activity – 3d Arrays – Iteration Methods – forEach()

Activity – 3e Arrays – Iteration Methods – map()

Activity – 3f Arrays – Iteration Methods – every()

Activity – 3g Arrays – Iteration Methods – some()

Activity – 3h Arrays – Iteration Methods – filter()

Activity – 3i Arrays – Iteration Methods – reduce()

Activity – 4a Objects and Functions – Reading from an Object

Activity – 4b Objects and Functions – Looping over an Object 1

Activity – 4c Objects and Functions – Looping over an Object 2

Activity – 4d Objects and Functions – Scope 1

Activity – 4e Objects and Functions – Scope 2

Activity – 4f Objects and Functions – Functions 1

Activity – 4g Objects and Functions – Functions 2

Activity – 4h Objects and Functions – Pig-Latin

Activity – 4i Objects and Functions – OOP with Functions

Activity – 5a Loops and Jumps – The while Loop

Activity – 5b Loops and Jumps – The do…while Loop

Activity – 5c Loops and Jumps – The for Loop 1

Activity – 5d Loops and Jumps – The for Loop 2

Activity – 5e Loops and Jumps – The for Loop 3

Activity – 5f Loops and Jumps – The for…in Loop

Activity – 5g Loops and Jumps – break

Activity – 5h Loops and Jumps – continue

Activity – 5i Loops and Jumps – Labeled Statements

Activity – 5j Loops and Jumps – Exception Handling 1

Activity – 5k Loops and Jumps – Exception Handling 2

Activity – 5l Loops and Jumps – Higher Order Functions 1

Activity – 5m Loops and Jumps – Higher Order Functions 2

Activity – 5n Loops and Jumps – Recursion

Activity – 5o Loops and Jumps – Iteration

Activity – 6a The Document Object Model – The document object

Activity – 6b The Document Object Model – insertBefore

Activity – 6c The Document Object Model – isEqualNode

Activity – 6d The Document Object Model – style attribute

Activity – 7a Events – Events Exercise 1

Activity – 7b Events – Events Exercise 2

Activity – 7c Events – Events Exercise 3

Activity – 7d Events – Events Exercise 4

Activity – 7e Events – Events Exercise 5

Activity – 7f Events – Events Exercise 6 – onload

Activity – 7g Events – Events Exercise 7 – onresize

Activity – 7h Events – Events Exercise 8 – Custom Event

Activity – 8a Canvas – Canvas Exercise 1

Activity – 8b Canvas – Canvas Exercise 2


Activity – Extra – Improved Form Validation


Activity – Session 1 – The Grammar of JavaScript – Example 1

Activity – Session 1 – The grammar of Javascript – Example 2

Activity – Session 1 – The grammar of Javascript – Example 3

Activity – Session 1 – The grammar of Javascript – Example 4

Activity – Session 1 – The grammar of Javascript – Example 5

Activity – Session 1 – The grammar of Javascript – Example 6

Activity – Session 1 – The grammar of Javascript – Example 7

Activity – Session 1 – The grammar of Javascript – Example 8

Activity – Session 1 – The grammar of Javascript – Example 9

Activity – Session 1 – The grammar of Javascript – Example 11

Activity – Session 1 – The grammar of Javascript – Example 10

Activity – Session 1 – The grammar of Javascript – Example 12 – Error

Activity – Session 1 – The grammar of Javascript – Example 13 – Endless Loop – Error


Activity – Session 2 – What are objects – Example 1 – Variable scope

Activity – Session 2 – What are objects – Example 2 – Math object – Math methods

Activity – Session 2 – What are objects – Example 3 – Math object – random method

Activity – Session 2 – What are objects – Example 4 – Array object – sort method

Activity – Session 2 – What are objects – Example 5 – Date object

Activity – Session 2 – What are objects – Example 6 – window object – open method

Activity – Session 2 – What are objects – Example 7 – screen object

Activity – Session 2 – What are objects – Example 8 – Student Scores Exercise 1


Activity – Session 3 – More Objects – Example 1 – Images Array

basketball

basketball.jpg

football

football.jpg

Activity – Session 3 – More Objects – Example 2 – links array

Activity – Session 3 – More Objects – Example 3 – forms object 1

Activity – Session 3 – More Objects – Example 4 – forms object 2

Activity – Session 3 – More Objects – Example 5 – forms object 3

Activity – Session 3 – More Objects – Example 6 – Student Scores Exercise 2


Activity – Session 4 – Debugging Javascript – Example 1 – console.log

Activity – Session 4 – Debugging Javascript – Example 2 – Regular Expressions 1

Activity – Session 4 – Debugging Javascript – Example 3 – Regular Expressions 2

Activity – Session 4 – Debugging Javascript – Example 4 – Regular Expressions 3

Activity – Session 4 – Debugging Javascript – Example 5 – Form Validation

Activity – Session 4 – Debugging Javascript – Example 6 – Error Handling – Try…Catch

Activity – Session 4 – Debugging Javascript – Example 7 – Student Scores 3 – Form Validation

Activity – Session 4 – Debugging Javascript – Example 7 – Student Scores Exercise 3 – Form Validation


Activity – Session 5 – Understanding the Document Object Model – Example 1 – DOM 1

Activity – Session 5 – Understanding the Document Object Model – Example 2 – DOM 2

Activity – Session 5 – Understanding the Document Object Model – Example 3 – DOM 3

Activity – Session 5 – Understanding the Document Object Model – Example 4 – DOM 4

Activity – Session 5 – Understanding the Document Object Model – Example 5 – Unobstrusive JavaScript – Open a New Window

Activity – Session 5 – Understanding the Document Object Model – Example 6 – Unobstrusive JavaScript – Image Gallery

rose.jpg

rose.jpg

placeholder.gif

placeholder.gif

fireworks.jpg

fireworks.jpg

coffee.jpg

coffee.jpg

bigben.jpg

bigben.jpg

Activity – Session 5 – Understanding the Document Object Model – Example 7 – Unobstrusive JavaScript – Obstrusive Image Rollover

mouse2_over.gif

mouse2_over.gif

mouse2_out.gif

mouse2_out.gif

mouse1_over.gif

mouse1_over.gif

mouse1_out.gif

mouse1_out.gif

Activity – Session 5 – Understanding the Document Object Model – Example 8 – Unobstrusive JavaScript – Unobstrusive Image Rollover


Activity – Session 6 – Cookies – Example 1 – Create Cookie

Activity – Session 6 – Cookies – Example 2 – Read Cookie 1

Activity – Session 6 – Cookies – Example 3 – Read Cookie 2

Activity – Session 6 – Cookies – Example 4 – Student Scores Exercise 4 – Using Cookies


Activity – Session 7 – Object Orientated Programming – Example 1 – Form Object

Activity – Session 7 – Object Orientated Programming – Example 2 – jQuery Exercise 1

Activity – Session 7 – Object Orientated Programming – Example 3 – jQuery Exercise 2

Activity – Session 7 – Object Orientated Programming – Example 4 – jQuery Exercise 3

Activity – Session 7 – Object Orientated Programming – Example 5 – jQuery Exercise 4

Activity – Session 7 – Object Orientated Programming – Example 6 – Ajax Exercise

Activity – Session 7 – Object Orientated Programming – Example 7- Object Literal Notation


Activity – Introduction to JavaScript – Student Test Scores Exercises 1

Activity – Introduction to JavaScript – Student Test Scores Exercises 2

Activity – Introduction to JavaScript – Student Test Scores Exercises 3

Activity – Introduction to JavaScript – Login Page Cookie Exercise

Activity – Introduction to JavaScript – Unobtrusive Mouse Rollover Exercise


Activity – 13.1 Advanced JavaScript – Using cookies

Activity – 13.2 Advanced JavaScript – Using local storage

Activity – 13.3 Advanced JavaScript – The User Agent String

Activity – 13.4 Advanced JavaScript – The Document Query String

Activity – 13.5 Advanced JavaScript – Using setTimeout() 1

Activity – 13.6 Advanced JavaScript – Using setTimeout() 2

Activity – 13.7 Advanced JavaScript – Using setTimeout() 3

Activity – 13.8 Advanced JavaScript – Using setTimeout() 4

Activity – 13.9 Advanced JavaScript – Using setInterval() 1

Activity – 13.10 Advanced JavaScript – Using setInterval() 2

Activity – 13.11 Advanced JavaScript – Simple animation

Activity – 13.12 Advanced JavaScript – Using Ajax


Activity – Scripting the Web – Part 1 – Introduction to JavaScript

Activity – Scripting the Web – Part 1 – Introduction to JavaScript – Exercise 1 – Creating and Using a Function

Activity – Scripting the Web – Part 1 – Introduction to JavaScript – Exercise 2 – Using Conditions to Make Decisions

Activity – Scripting the Web – Part 1 – Introduction to JavaScript – Exercise 3 – Using Logical Operators with Conditions

Activity – Scripting the Web – Part 1 – Introduction to JavaScript – Exercise 4 – Passing an Argument to a Function

Activity – Scripting the Web – Part 1 – Introduction to JavaScript – Exercise 5 – Using Arrays and Loops


Activity – Scripting the Web – Part 2 – Introduction to jQuery

Scripting for the Web – Part 2 Zipped Files

Activity – Scripting the Web – Part 2 – Introduction to jQuery – Exercise 1 – Getting Started

Activity – Scripting the Web – Part 2 – Introduction to jQuery – Exercise 2 – Adding a New Paragraph Dynamically

Activity – Scripting the Web – Part 2 – Introduction to jQuery – Exercise 3 – Chaining JQuery Methods

Activity – Scripting the Web – Part 2 – Introduction to jQuery – Exercise 4 – Showing and Hiding HTML Elements

Activity – Scripting the Web – Part 2 – Introduction to jQuery – Exercise 5 – Changing CSS Properties Dynamically

Activity – Scripting the Web – Part 2 – Introduction to jQuery – Exercise 6 – Passing Arguments to Event Handlers


Activity – Introduction to JavaScript – Introductory Quiz

Activity – Introduction to JavaScript – Timestable Exercises

Activity – Introduction to JavaScript – Variable and Window Status Exercises

Activity – Introduction to JavaScript – Programming the Browser Exercises

Activity – Introduction to JavaScript – HTML Forms – Interacting with the User Exercises

Activity – Introduction to JavaScript – Expressions Exercises

Activity – Introduction to JavaScript – Various Exercises

Activity – Introduction to JavaScript – Using Arrays Exercises

Activity – Introduction to JavaScript – Decisions, Loops and Functions Exercises

Activity – Introduction to JavaScript – Date and Maths Object Exercises

Activity – Introduction to JavaScript – Working with Images Exercises

Activity – Introduction to JavaScript – Datatypes and Variables Exercises