Rapid Introduction to HTML, CSS, and JavaScript

Print

Request an offer for classroom delivery of this course

Register for a Live Web Conference Course

Course duration

Course Outline

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.

  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

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.