Rapid Introduction to HTML, CSS, and JavaScript

See Course Outline

Training for your Team

4
Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

Training for Yourself

$1,300.00
or 4 vouchers
  • Live Online Training
  • For Individuals
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option
  • 1-minute Video

Upcoming Classes

  • See More Classes

Please select a 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 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.

Goals
  1. Learn the basics of Web development
  2. Learn the difference between HTML and XHTML
  3. Learn to create links in HTML documents
  4. Learn to add images to HTML documents
  5. Learn to create HTML tables
  6. See how forms are built in HTML (this will be covered very quickly)
  7. Learn the benefits of CSS.
  8. Learn to avoid using deprecated tags and attributes.
  9. Learn CSS syntax.
  10. Learn to use <div> and <span> tags appropriately.
  11. Learn most of the common properties and their values.
  12. Learn how JavaScript is used
  13. Learn JavaScript syntax
  14. Learn to work with JavaScript variables
  15. Learn to create your own functions in JavaScript
  16. Learn to write flow control logic in JavaScript
Outline
  1. A Quick Overview of Web Development
    1. Client-side Programming
      1. HTML
      2. Cascading Style Sheets
      3. JavaScript
      4. Dynamic HTML
      5. Ajax
    2. Server-side Programming
      1. ColdFusion
      2. Java EE
      3. ASP.NET
      4. Python
      5. PHP
      6. Node.js
  2. Introduction to HTML
    1. Getting Started
    2. A Simple HTML Document
    3. The HTML Skeleton
      1. The <head> Element
      2. The <body> Element
      3. Whitespace
    4. HTML Elements
      1. Attributes
      2. Empty vs Container Tags
      3. Blocks and Inline Elements
      4. Comments
    5. Special Characters
    6. The HTML/XHTML Version
    7. HTML5
    8. 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. Text Level Semantic Elements
    7. HTML5 and the HTML 4 Formatting Elements
    8. Documenting Changes
  4. HTML Links
    1. Text Links
    2. Absolute vs Relative Paths
      1. Absolute Paths
      2. Relative Paths
      3. Default Pages
    3. Targeting New Windows
    4. Email Links
    5. Adding Links
    6. Anchors
      1. Anchors with the name Attribute
      2. Anchors with the id Attribute
      3. name vs id
    7. The title Attribute
  5. HTML Images
    1. Inserting Images
      1. Making Images Accessible
      2. Alternative Text
      3. Long Descriptions
      4. Height and Width Attributes
    2. Image Links
    3. Adding Images to the Page
  6. HTML Lists
    1. Unordered Lists
      1. Nesting Unordered Lists
    2. Ordered Lists
      1. Nesting Ordered Lists
      2. Start Attribute
    3. Definition Lists
    4. Creating Lists
  7. HTML Tables
    1. Creating Tables
    2. Adding a Caption
    3. Attributes
    4. Merging Cells
    5. Creating Tables
  8. HTML Forms
    1. How HTML Forms Work
    2. The <form> Tag
      1. Get vs Post
    3. Form Elements
      1. id and Name Attributes
      2. Labels
      3. Text Fields
      4. Password Fields
      5. Submit and Reset Buttons
      6. Hidden Fields
    4. Creating a Registration Form
      1. Checkboxes
      2. Radio Buttons
    5. Adding Checkboxes and Radio Buttons
      1. Select Menus
      2. Textareas
    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. What is ECMAScript?
    3. The HTML DOM
    4. JavaScript Syntax
    5. Accessing Elements
      1. Dot Notation
      2. Square Bracket Notation
    6. Where Is JavaScript Code Written?
    7. The "javascript" Pseudo-Protocol
    8. JavaScript Objects, Methods and Properties
      1. Methods
      2. Properties
      3. The Implicit window Object
    9. Exercise: Alerts, Writing, and Changing Background Color
  14. Variables, Arrays and Operators
    1. JavaScript Variables
      1. A Loosely typed Language
      2. Variable Naming
      3. Storing User Entered Data
      4. Constant
      5. Associative Arrays
      6. Array Properties and Methods
    2. Exercise: Using Variables
    3. Arrays
    4. Exercise: Working with Arrays
    5. JavaScript Operators
    6. Exercise: Working with Operators
  15. JavaScript Functions
    1. Global Functions
    2. Exercise: Working with Global Functions
    3. User-defined Functions
    4. Exercise: Writing a JavaScript Function
    5. Returning Values from Functions
  16. Conditionals and Loops
    1. Conditionals
    2. Exercise: Conditional Processing
    3. Loops
    4. Exercise: Working with Loops
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 is required for this HTML class:

  • Working with computers regularly

Experience in the following would be useful for this HTML class:

  • Programming Experience
  • A basic understanding of how the web works
Preparing for Class

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

90,172

Students who have taken Live Online Training

16,040

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.30

Students rated our Rapid Introduction to HTML, CSS, and JavaScript trainers 9.30 out of 10 based on 30 reviews

The instructor did a great job. She was thorough and patient with us as we learned about HTML, CSS, and Javascript.

Liliana Torres, Local Wisdom, Inc.
Princeton Junction NJ

For programming specific courses, I would say that this is better than in-class instructors. The feedback that can be given and received from other students when screen sharing is invaluable.

Mike Chan, Elections Canada
Ottawa ON

My Instructor made the experience of learning programming enjoyable and easy. Kudos!

Kyle Towers, Bureau of Land Management

This was my first class with Webucator. They were professional and comparable to any of my corporate sponsored classes. The pace of the class was great and the instructor well informed of the class materials.

Lisa Darrah, Autodesk, Inc.
novi MI

Contact Us or call 1-877-932-8228