Video description

Table of Contents

Introduction

Introduction to Javascript Fundamentals I

Lesson 1: Introduction to XHTML

Learning Objectives

Installing Firebug and the Web Developer Toolbar in Firefox

First XHTML example

Heading elements h1 through h6

Linking to other web pages

Linking to an e-mail address

Images in XHTML files

Images as link anchors

Inserting special characters

Unordered list containing hyperlinks

Nested and ordered lists

Creating a basic table

Complex XHTML table

Form with hidden fields and a text box

Form using a variety of components

Internal hyperlinks to make pages more navigable

Meta elements provide keywords and a description of a page

Lesson 2: Cascading Style Sheets TM (CSS)

Learning Objectives

Using inline styles

Embedded style sheets

Inheritance in style sheets

External style sheet and Linking an external style sheet

Absolute positioning of elements

Relative positioning of elements

Adding background images and indentation

Element dimensions and text alignment

Box model for block-level elements and Borders of block-level elements

Floating elements

CSS media types

CSS drop-down menu

Pt measurement for text size, User style sheet, User style sheet applied with pt measurement, em measurement for text size and U

Lesson 3: Introduction to Scripting

Learning Objectives

Displaying a line of text

Printing one line with separate statements

Printing on multiple lines with a single statement

Alert dialog displaying multiple lines

Prompt box used on a welcome screen

Addition script (and Using the Firebug Debugger)

Using equality and relational operators

Lesson 4: Control Statements I

Learning Objectives

Counter-controlled repetition to calculate a class average

Sentinel-controlled repetition to calculate a class average

Examination-results calculation

Arithmetic assignment operators

Increment and decrement operators and Preincrementing and postincrementing

Lesson 5: Control Statements II

Learning Objectives

Counter-controlled repetition

Counter-controlled repetition with the for statement

Summation with the for repetition structure

Compound interest calculation with a for loop

Using the switch multiple-selection statement

Using the do..while repetition statement

Using the break statement in a for statement

Using the continue statement in a for statement

Demonstrating logical operators

Lesson 6: Functions

Learning Objectives

Programmer-defined function square

Programmer-defined maximum function

Random integers, shifting and scaling

Rolling a six-sided die 6000 times

Craps game simulation

Scoping example

JavaScript global functions

Lesson 7: Arrays

Learning Objectives

Initializing the elements of an array

Declaring and initializing arrays

Summing elements of an array

Dice-rolling program using an array instead of a switch

Random image generation using arrays

Passing arrays and individual array elements to functions

Sorting an array with Array method sort

Initializing multidimensional arrays

Online quiz graded with JavaScript

Summary

Summary of Javascript Fundamentals I

Introduction

Introduction to Javascript Fundamentals II

Lesson 1: Objects

Learning Objectives

Finding information about JavaScript Objects

String methods charAt, charCodeAt, fromCharCode, toLowercase

String searching with indexOf and lastIndexOf

String object methods split and substring

String object XHTML markup methods

Date and time methods of the Date object

Using the window object to create and modify child windows

Using cookies to store user identification data

Rich welcome page using several JavaScript concepts and Online quiz in a child window

Lesson 2: Document Object Model

Learning Objectives

Demonstration of a document’s DOM tree

Basic DOM functionality

Using the links collection

Dynamic styles

Dynamic styles used for animation

Lesson 3: Events

Learning Objectives

Event registration models

Simple drawing program and some event object properties

Events onmouseover and onmouseout

Demonstrating the onfocus and onblur events

Demonstrating the onsubmit and onreset events

Canceling event bubbling

Lesson 4: XML and RSS

Learning Objectives

XML that describes a baseball player’s information

XML used to mark up an article

Business letter marked up as XML

XML namespaces demonstration

Default namespace demonstration

Document Type Definition (DTD) for a business letter

Schema-valid XML document describing a list of books. and XML Schema document for book.xml

XML Schema document defining simple and complex types and XML document using the laptop element defined in computer.xsd

Expression marked up with MathML and displayed in the Firefox browser and Algebraic equation marked up with MathML and displayed

XML document that describes various sports and XSLT that creates elements and attributes in an XHTML document

XML document containing book information and XSL document that transforms sorting.xml into XHTML

Traversing an XML document using the XML DOM

Rendering an RSS feed in a web page using XSLT and JavaScript

Lesson 5: Ajax-Enabled Rich Internet Applications

Learning Objectives

Classic web application reloading the page for every user interaction

Ajax-enabled web application interacting with the server asynchronously

Asynchronously display content without reloading the page

Image catalog that uses Ajax to request XML data asynchronously

Ajax-enabled address-book application

Summary

Summary of Javascript Fundamentals II