Course Description

In this 3-day HTML, CSS & JavaScript – A Rapid Introduction class, students get a comprehensive hands-on introduction to client-side programming with HTML, CSS, and JavaScript. The course focuses on using HTML/CSS/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications. Students should be prepared to cover a lot in three days and to be ready to spend some time afterward reviewing the content on their own to solidify and build upon the skills taught in class.

Pre-requisites

Programming experience would be beneficial and a basic understanding of how the web works.

Who is this course for?

Students who want to get a jump start on all three technologies that are the foundation of the web

Further Training

After some further on-the-job programming experience with HTML, we recommend students attend our
JavaScript Programming – Advanced training course to gain more in-depth skills in the usage of JavaScript.

Course content

A Quick Overview of Web Development
Client-side Programming
HTML
Cascading Style Sheets
JavaScript
Dynamic HTML
Ajax
Adobe Flash
Server-side Programming
Perl
ColdFusion
Active Server Pages
Java EE
ASP.NET
PHP
Ruby on Rails
Introduction to HTML
Getting Started
The HTML Skeleton
HTML Elements
Whitespace
HTML Elements
Attributes
Special Characters
The HTML/XHTML
Closing Tags
Case Sensitivity
Quotes
Nesting
Some XML Stuff
Lang and xml:lang
Paragraphs, Headings & Text
Paragraphs
Breaks & Horizontal Rules
Quoted Text
Preformatted Text
Phrase Elements
HTML 4 Formatting Elements
Documenting changes
HTML Links
Text Links
Absolute vs. Relative Paths
Targeting New Windows
Email Links
Adding Links
Anchors
The title Attribute
HTML Images
Inserting Images
Making Images accessible
Alternative Text
Long Descriptions
Height & Width Attributes
Image Links
HTML Lists
Unordered Lists
Nesting Unordered Lists
Ordered Lists
Nesting Ordered Lists
Start Attribute
Definition Lists
HTML Tables
Creating Tables
Adding a Caption
Attributes
Merging Cells
HTML Forms
How HTML Forms Work
The form Tag
Get vs. Post
Form Elements
Id & Name Attributes
Labels
Text Fields
Password Fields
Submit & Reset Buttons
Hidden Fields
Checkboxes
Radio Buttons
Select Menus
Textareas
Crash Course in CSS
Benefits of Cascading Style Sheets
CSS Rules
Selectors
Type of Selectors
Precedence of Selectors
The Cascade
Embedded Style Sheets
External Style Sheets
Inline Styles
Media Types
div & span tags
Units of Measurement
The Inherit Value
@import
CSS Fonts
Font – the old way
Font-family
Font-size
Font Family and Font Size
Font-style
Font-variant
Font-weight
Font Style, Font Variant & Font Weight
CSS Text
Letter-spacing
Word-spacing
Line-height
Text-align
Text-decoration
Text-indent
Text-transform
Vertical-align
White-space
Colors & Backgrounds
About Color Values
Color Names
Hexadecimal Color Values
Short Hexadecimal Color Values
Functional Notation
Recommendation
Color
Background-color
Background-image
Background-repeat
Background-attachment
Background-position
JavaScript Basics
The Name “JavaScript”
The HTML DOM
JavaScript Syntax
Basic Rules
Accessing Elements
Dot Notation
Square Bracket Notation
Where Is JavaScript Code
Written?
JavaScript Objects, Methods and
Properties
Methods
Properties
The Implicit window Object
Event Handlers
The getElementById() Method
Variables, Arrays & Operators
JavaScript Variables
A Loosely-typed Language
Variable Naming
Storing User-Entered Data
Arrays
Associative Arrays
Array Properties and Methods
JavaScript Operators
JavaScript Functions
Built-in Functions
Number(object)
String(object)
isNaN(object)
parseFloat() & parseInt()
Built-in Functions vs. Methods
User-defined Functions
Function Syntax
Passing Values to Functions
A Note on Variable Scope
Returning Values from Functions
Conditionals & Loops
Conditionals
If – else if – else Conditions
Switch / Case
Loops
While Loop Syntax
Do…while Loop Syntax
for Loop Syntax
for…in Loop Syntax