I was looking for an intensive Photoshop course on-line and am so happy that I found your site & Webucator. You... More Testimonials »

Rapid Introduction to HTML, CSS, and JavaScript

Delivery Options

Class Date and Time Price Pricing Information
$1,300.00
or 4 vouchers vouchers
$1,300.00 or 4 vouchers vouchers
$1,300.00 or 4 vouchers vouchers

Class Description

Class Overview

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.

Class Goals

  • Learn the basics of Web development
  • Learn the difference between HTML and XHTML
  • Learn to create links in HTML documents
  • Learn to add images to HTML documents
  • Learn to create HTML tables
  • See how forms are built in HTML (this will be covered very quickly)
  • Learn the benefits of CSS.
  • Learn to avoid using deprecated tags and attributes.
  • Learn CSS syntax.
  • Learn to use <div> and <span> tags appropriately.
  • Learn most of the common properties and their values.
  • Learn how JavaScript is used
  • Learn JavaScript syntax
  • Learn to work with JavaScript variables
  • Learn to create your own functions in JavaScript
  • Learn to write flow control logic in JavaScript

Class Outline

  1. A Quick Overview of Web Development
    1. Client-side Programming
    2. Server-side Programming
  2. Introduction to HTML
    1. Getting Started
    2. A Simple HTML Document
    3. The HTML Skeleton
    4. HTML Elements
    5. XHTML vs. HTML
    6. Special Characters
    7. lang and xml:lang
  3. Paragraphs, Headings and Text
    1. Paragraphs
    2. Breaks and Horizontal Rules
    3. Creating an HTML Page
    4. Quoted Text
    5. Preformatted Text
    6. Phrase Elements
    7. Formatting Elements
    8. Documenting Changes
  4. HTML Links
    1. Text Links
    2. Absolute vs. Relative Paths
    3. Targeting New Windows
    4. Email Links
    5. Adding Links
    6. Anchors
    7. The title Attribute
  5. HTML Images
    1. Inserting Images
    2. Image Links
    3. Adding Images to the Page
  6. HTML Lists
    1. Unordered Lists
    2. Ordered Lists
    3. Definition Lists
    4. Creating Lists
  7. HTML Tables
    1. Creating Tables
    2. Attributes
    3. Merging Cells
    4. Creating Tables
  8. HTML Forms
    1. How HTML Forms Work
    2. The <form> Tag
    3. Form Elements
    4. Creating a Registration Form
    5. Adding Checkboxes and Radio Buttons
    6. Adding a Select Menu and a Textarea
  9. Crash Course in CSS
    1. Benefits of Cascading Style Sheets
    2. CSS Rules
    3. Selectors
    4. Precedence of Selectors
    5. The Cascade
    6. Creating an Embedded Style Sheet
    7. Creating an External Style Sheet
    8. Adding Inline Styles
    9. Media Types
    10. <div> and <span>
    11. Divs and Spans
    12. Units of Measurement
    13. The Inherit Value
    14. @import
  10. CSS Fonts
    1. Font - the old way
    2. Font-family
    3. Font-size
    4. Font Family and Font Size
    5. Font-style
    6. Font-variant
    7. Font-weight
    8. Font Style, Font Variant and Font Weight
  11. CSS Text
    1. Letter-spacing
    2. Word-spacing
    3. Line-height
    4. Text-align
    5. Text-decoration
    6. Text-indent
    7. Text-transform
    8. Vertical-align
    9. White-space
    10. Text Properties
  12. Colors and Backgrounds
    1. About Color Values
    2. Color
    3. Background-color
    4. Background-image
    5. Colors and Backgrounds
  13. JavaScript Basics
    1. The Name "JavaScript"
    2. The HTML DOM
    3. JavaScript Syntax
      1. Basic Rules
      2. Dot Notation
      3. Square Bracket Notation
    4. Where Is JavaScript Code Written?
    5. JavaScript Objects, Methods and Properties
      1. Methods
      2. Properties
      3. The Implicit window Object
      4. The getElementById() Method
    6. Event Handlers
  14. Variables, Arrays and Operators
    1. JavaScript Variables
      1. A Loosely-typed Language
      2. Storing User-Entered Data
    2. Arrays
      1. Associative Arrays
      2. Array Properties and Methods
    3. JavaScript Operators
  15. JavaScript Functions
    1. Built-in Functions
      1. Number(object)
      2. String(object)
      3. isNaN(object)
      4. parseFloat() and parseInt()
    2. Built-in Functions vs. Methods
    3. User-defined Functions
      1. Function Syntax
      2. Passing Values to Functions
      3. A Note on Variable Scope
      4. Returning Values from Functions
  16. Conditionals and Loops
    1. Conditionals
      1. if - else if - else Conditions
      2. Switch / Case
    2. Loops
      1. while Loop Syntax
      2. do...while Loop Syntax
      3. for Loop Syntax
      4. for...in Loop Syntax

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class 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

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Client Success
  1. Independent Survey
  2. Client List
  3. Testimonials
Join The Team
  1. Learn how you can become a Webucator Trainer
  2. Career Opportunities
Locations
Compare Us
Watch 3-minute Demo Video
of Live Online Training:
Learn the benefits of online training with Webucator
Webucator is a Registered Education Provider (R.E.P.) approved by PMI to issue professional development units (PDUs) for our training courses.

Recent Blog Articles

CSS3 Training: Vendor Prefixes

Posted on May 23, 2012 by Bob Clary

Welcome to CSS3 and the world of trying to make browsers happy! I wish you luck. Here we go. Check out this code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 #secondbox ...


CSS3 Training: Transitions Overview

Posted on May 23, 2012 by Bob Clary

In CSS3 we can create smooth transitions. Transitions take effect when the property they are applied to changes value. For a transition to be successful ...


CSS3, Fonts, and Legal Issues

Posted on Nov 09, 2011 by akenien

Among other hot CSS3 topics, bloggers are buzzing about @font-face. A frequently overlooked topic are the legal issues associated with this new design ...


Two Introduction to Web Design Webinars

Posted on Oct 13, 2011 by akenien

If you’ve ever wondered how to learn web design, these webinars are the answer! These two webinars introduce attendees to the basics of web design ...


Understanding the CSS Inherit Value

Posted on Jul 18, 2011 by Nat Dunn

I had a student ask to see an example of the inherit property in CSS. It is a little hard to demonstrate, because most of the time the property does not ...

© Webucator, Inc. All rights reserved. | Toll Free: 1-877-932-8228 | From outside the USA: 315-849-2724| Fax: 315-849-2723