Rapid Introduction to HTML, CSS and JavaScript

This course has been superseded

We suggest the following instead:
Web Programming with JavaScript, HTML & CSS - Introduction

Course Description

In this class, students get a rapid hands-on introduction to client-side programming with HTML, CSS, and JavaScript. The course is meant for students who want to need to get a jump start on all three technologies. 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.
3 Days
Contact us for pricing
 

Prerequisites

Experience in the following areas is required:

* Working with computers regularly

Experience in the following areas would be beneficial:

* Programming Experience
* A basic understanding of how the web works

A Quick Overview of Web Development

Client-side Programming
Server-side Programming

Introduction to HTML

Getting Started
A Simple HTML Document
The HTML Skeleton
HTML Elements
XHTML vs. HTML
Special Characters
lang and xml:lang

Paragraphs, Headings and Text

Paragraphs
Breaks and Horizontal Rules
Creating an HTML Page
Quoted Text
Preformatted Text
Phrase Elements
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
Image Links
Adding Images to the Page

HTML Lists

Unordered Lists
Ordered Lists
Definition Lists
Creating Lists

HTML Tables

Creating Tables
Attributes
Merging Cells
Creating Tables

HTML Forms

How HTML Forms Work
The form Tag
Form Elements
Creating a Registration Form
Adding Checkboxes and Radio Buttons
Adding a Select Menu and a Textarea

Crash Course in CSS

Benefits of Cascading Style Sheets
CSS Rules
Selectors
Precedence of Selectors
The Cascade
Creating an Embedded Style Sheet
Creating an External Style Sheet
Adding Inline Styles
Media Types
div and span
Divs and Spans
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 and Font Weight

CSS Text

Letter-spacing
Word-spacing
Line-height
Text-align
Text-decoration
Text-indent
Text-transform
Vertical-align
White-space
Text Properties

Colors and Backgrounds

About Color Values
Color
Background-color
Background-image
Colors and Backgrounds

JavaScript Basics

The Name JavaScript
The HTML DOM
JavaScript Syntax
Basic Rules
Dot Notation
Square Bracket Notation
Where Is JavaScript Code Written?
JavaScript Objects, Methods and Properties
Methods
Properties
The Implicit window Object
The getElementById Method
Event Handlers

Variables, Arrays and Operators

JavaScript Variables
A Loosely-typed Language
Storing User-Entered Data
Arrays
Associative Arrays
Array Properties and Methods
JavaScript Operators

JavaScript Functions

Built-in Functions
Number(object)
String(object)
isNaN(object)
4. parseFloat and 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 and Loops

Conditionals
if - else if - else Conditions
Switch / Case
Loops
while Loop Syntax
do...while Loop Syntax
for Loop Syntax
for...in Loop Syntax
HTMLHTML5JavaScriptjQueryWeb Programming