View Cart

Jump Start to HTML, CSS & JavaScript, 4 Days – $1250

  • October 10, 2017 - October 13, 2017
    10:00 am - 4:30 pm
  • December 4, 2017 - December 7, 2017
    10:00 am - 4:30 pm

Students should be prepared to cover a lot in four 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.

In this 4-day class, students get a rapid 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.

Audience: Students who want to get a jump start on all three technologies.

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

Course Length: 4 days

Course Objectives

  • Basics of Web development
  • Difference between HTML and XHTML
  • Create links in HTML documents
  • Add images to HTML documents
  • Create HTML tables
  • Building forms in HTML (this will be covered very quickly)
  • Benefits of CSS.
  • Avoid using deprecated tags and attributes.
  • CSS syntax.
  • Use <div> and <span> tags appropriately.
  • Common properties and their values.
  • Use JavaScript
  • JavaScript syntax
  • JavaScript variables
  • Create your own functions in JavaScript
  • Write flow control logic in JavaScript
  1.  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

  1. 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

  1. Paragraphs, Headings and Text

Paragraphs

Breaks and Horizontal Rules

Creating an HTML Page

Quoted Text

Preformatted Text

Phrase Elements

Formatting Elements

Documenting Changes

  1. HTML Links

Text Links

Absolute vs. Relative Paths

Targeting New Windows

Email Links

Adding Links

Anchors

The title Attribute

  1. HTML Links

Inserting Images

Making Images Accessible

Alternative Text

Long Descriptions

Height and Width Attributes

Image Links

 

  1. HTML Lists

Unordered Lists

Nesting Unordered Lists

Ordered Lists

Nesting Ordered Lists

Start Attribute

Definition Lists

  1. HTML Tables

Creating Tables

Adding a Caption

Attributes

Merging Cells

  1. HTML Forms

How HTML Forms Work

The <form> Tag

Get vs. Post

Form Elements

Id and Name Attributes

Labels

Text Fields

Submit and Reset Buttons

Hidden Fields

Checkboxes and Radio Buttons

Adding a Select Menu and a Textarea

  1. 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> and <span>

Units of Measurement

The Inherit Value

@import

  1. 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

  1. CSS Text

Letter-spacing

Word-spacing

Line-height

Text-align

Text-decoration

Text-indent

Text-transform

Vertical-align

White-space

  1. Colors and 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

  1. 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

  1. Variables, Arrays and Operators

JavaScript Variables

A Loosely-typed Language

Variable Naming

Storing User-Entered Data

Arrays

Associative Arrays

Array Properties and Methods

JavaScript Operators

  1. JavaScript Functions

Built-in Functions

Number(object)

String(object)

isNaN(object)

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

  1. 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