Home > Course Catalog > Web Design and Development > HTML/XHTML/CSS

Web Development Boot Camp

This outline is also available in these languages: ??languagelist??

Course #:





12 days


7,020.00 USD

Professional Development Units:

Continuing Development Units:

Course Tier: ??Tier??

Per Student Kit Price: ??KitPricePerStudent??

ibm Learning Experience Accelerated class also available Accelerated Class


We will shape this course to maximize value in your organization by meeting your implementations standards. Inquire for a complementary preliminary needs analysis by clicking the Contact Us button below.

Delivery Options:

Public Scheduled Classes - Register for classes below Search Catalog Sign Up to be notified
Self-Paced Training - Purchase below Search Catalog
Public Scheduled Webinar - Register below Sign Up to be notified
Webinar Recording - View Now

Custom Group Training - Request a proposal

See all
Purchase ??country-to-buy-from?? course Add to Cart Purchase
here's the message from the cart

To view the cart, you can click "View Cart" on the right side of the heading on each page
Client specified

Classes marked with a are Guaranteed to Run on the scheduled dates. Classes marked with a will be Guaranteed to Run with one more paid registration.

There are ??othercoursecount?? similar courses in different countries and/or formats.Click here to see them.

This course is available in these other formats: ??otherformatlist??

Need a customized class for your group? Contact Us.

No classes scheduled? Sign Up to be notified when new classes are added.

*Public Price per Student

This bootcamp is designed to take a novice or beginning Web Designer all the way from the basics of page markup through the development of sophisticated, interactive client-side web applications. This class may be of particular interest to those with IT job skills in declining technical areas who are looking to re-tool to enter into the growing industry of web application development.

The student will initially learn how to create HTML and XHTML-based web pages that are attractive, easily modifiable and re-usable. An emphasis is placed on separation of the page content from the design and presentation of that content using Cascading Style Sheets (CSS). These are the essential skills required for the development of “static” web pages.

Today, these static pages are often enhanced to allow the user to interact with and “customize” the presentation of the content. Client-side JavaScript and the manipulation of the page via the Document Object Model (DOM) is the mechanism used to accomplish this important aspect of contemporary web application development. In this section of the bootcamp the students learn the fundamental and advanced features of JavaScript programming - how to develop scripts that are modular, easily maintainable, and able to manipulate the content displayed in different types and versions of browsers.

The content that is used to customize personal web pages is usually received from a server-side application in eXtensible Markup Language (XML) format. In this next section of the bootcamp, the student will be given a comprehensive overview of XML, with hands-on experience in creating and manipulating XML specifications and documents.

The final section of the bootcamp will “pull it all together” with AJAX – the Asynchronous JavaScript and XML technique. AJAX is the combination of all the technologies taught in this bootcamp applied to create rich interactive web applications – X/HTML, CSS, JavaScript, and XML. This section will show the student how to send and retrieve XML documents from a server, extract data (XML) from that document (using JavaScript), and subsequently use that data to modify the content (X/HTML) and display (CSS) of the local web page.


Upon completion of the course, students will be able to:
  • Describe how the Web 'works' along with XHTML's role
  • Recognize the basic Web page construction – including the major Tag
  • Create a Web page that includes a number of Images and Hyperlinks
  • Explain the <HEAD> section as well as the corresponding Meta-data
  • Define the basic Tag attributes
  • Utilize additional document formatting Tag
  • Add one or more Lists to a page
  • Incorporate Forms
  • Discuss the benefits of XHTML
  • Differentiate between XHTML well-formed and XHTML validity rules
  • Demonstrate HTML to XHTML conversion
  • Analyze CSS theory and concepts including selectors, cascading, inheritance, and specificity
  • Control the layout of a Web document using CSS by starting with an existing HTML page or paper drawing and reconstructing the page with the appropriate CSS rules
  • Apply external, embedded and inline styles
  • Write style rules using the box model
  • Demonstrate how CSS properties and values are used to control positioning, color, background and borders
  • Explain browser differences and how to accommodate them
  • Recognize the role of JavaScript in providing behavior to Web pages
  • Describe the benefits of JavaScript
  • Explain the difference between JavaScript and Java
  • Handle browser differences
  • Utilize the DOM (Document Object Model)
  • Implement the basic syntax
  • Use Modern JavaScript techniques: literals, the default operator, etc.
  • Validate forms and form elements
  • Manipulate images
  • Manage cookies and maintain state
  • Discuss the significance of arrays in JavaScript
  • Relate the JavaScript object model to traditional object-oriented languages
  • Employ the best practices when writing JavaScript
  • Recognize the characteristics of markup languages
  • Identify the difference between a language and a meta-language
  • Describe Logical and Physical structures in XML
  • Use XML syntax in scripting
  • Use XML Namespaces to avoid naming conflicts
  • Learn Object-Oriented programming in XML – DTDs
  • Define AJAX and determine when to use it
  • Create client-side code to work with AJAX
  • Manage a page dynamically and in the client side using JavaScript
  • Handle advanced JavaScript considerations: event handling, creating their own objects and CSS manipulation
  • Construct a framework to encapsulate the AJAX API and browser incompatibilities
  • Identify the wealth of AJAX tools, libraries and frameworks available
  • Create a simple DTD.
  • Script and create queries in XSL – Extensible Style Sheet Language
  • Build data structures and access databases in XML
  • Use the XML Object Model structure

  • Systems Engineers
  • Application Developers
  • Web developers and managers
  • Graphic designers

  • General understanding of how to use the Web
  • Programming background

  1. Overview of HTML and XHTML
    • Use of Tag and Attributes
    • Header Information
    • Body Information
    • Working with Various Tag Groups
      • Formatting Tags
      • Hyperlinks
      • Tables and Lists
    • Converting from HTML to XHTML
  2. Overview of CSS
    • Separation of Presentation from Content
      • Why and How
    • Sources of Style Information
    • Box Model
    • Cascading Part of Rule Selection
    • Positioning using CSS
    • Browser Differences and How to Accommodate
  3. Overview of JavaScript
    • Role in Web development
    • Difference between object-oriented (like Java) and object-based (like JavaScript) languages
    • Incorporation of JavaScript in an HTML page
  4. JavaScript Syntax
    • Variables
    • Statements and operators
    • Built-in Window methods
    • Literals
  5. Writing your own functions
    • Deferred vs. non-deferred code
    • Function syntax
    • Calling functions – argument passing
    • Scoping rules
  6. BOM and the DOM
    • JavaScript Object Model
    • Browser Object Model
    • Document Object Model
    • Document object
    • Using methods and accessing properties within the DOM
  7. Controlling Program flow and Error Handling
    • Various looping techniques
    • If and switch statements
    • Try-catch clauses
  8. Forms and events
    • Working with and validating forms
    • Working with form elements
    • Add event handlers
    • Event object
  9. Built-in Objects
    • Strings
    • Dates
    • Math Object
    • Arrays
  10. Maintaining State
    • Overview of state issues
    • Cookies
    • Saving
    • Reading
  11. JavaScript and Images
    • Image object
    • Managing images
    • Rollovers
  12. More on Arrays
    • FIFO vs. LIFO array handling
    • Sorting
    • Associative arrays
  13. Appendix
    • Browser issues
    • JavaScript versions
    • Best Practices
    • Recommended references
  14. The Extensible Markup Language (XML)
    • DTD
    • XML
    • Overview of XML
    • XML Validation
    • Advantages of XML over HTML
  15. Applications of XML
    • Using XML for Publishing
    • Using XML for Data Communication
    • XML in Business Interactions
    • XML Servers
  16. XML Documents
    • A Sample XML Document
    • Element
    • Attribute
    • Processing Instruction
    • Interactively Checking for Well-Formedness
    • Programmatically Checking for Well-Formedness
  17. Document Type Definitions
    • What is DTD?
    • Referenced And Embedded DTD
    • Defining Elements
    • Defining Attributes
    • Defining Entities
  18. XML Parsers
    • DOM
    • Creating and Manipulating the DOM
    • Generating DOM
    • SAX
    • Manipulating DOM with SAX
    • JAXP
  19. Namespaces
    • Declaring and Using Namespaces
    • Namespace Defaulting
    • Combining Namespace Declarations
    • Attributes in Namespace
    • Attributes and Namespace Defaulting
  20. XPath
    • What is XPath?
    • Using XPath with XLink
    • The XPath Language
  21. The Extensible Stylesheet Language (XSL)
    • What is XSL?
    • XLST
    • Utilizing XML and XLST
  22. XML Schema
    • What is XML Schema?
    • Example XML Using Schema
    • Schema Datatypes
    • Defining Elements with Schema
  23. AJAX, JavaScript and DHTML
    • Asynchronous server communication
    • AJAX and XML
    • A simple example
    • Real world examples
    • Complexities AJAX introduces
    • Synchronization issues
    • User action issues
    • Cross browser issues
    • The AJAX API
  24. JavaScript DOM API
    • Document Object Model (DOM) definition
    • The document object
    • Nodes
    • Elements
    • Other node types
    • Elements and their style
    • The window object
    • Other objects: history etc.
    • Examples
    • Creating nodes
    • Adding new nodes to the DOM
    • Event handlers
    • Adding event handlers
    • Examples
    • Modifying element styles with the DOM
  25. AJAX API (Sending Data to the Server)
    • The request object
    • Creating the request object
    • A GET example
    • Making a POST request
    • Making concurrent requests
    • Using inner functions
      • Rationale
      • Memory leaks with inner function
    • A POST utility function
    • Using the DOM with the response data (text)
    • Example
  26. XML
    • History / purpose
    • Well-formed
    • Validity
    • XSL/CSS with XML, example
    • AJAX – XML example
  27. XHTML/HTML 4.0
    • The importance of XHTML to Web Developers
    • XHTML definition
    • XHTML compared to HTML 4
    • Useful tags: SPAN and DIV
    • Useful attributes: ID, STYLE and CLASS
    • Example
  28. CSS and AJAX
    • More on working with styles
    • Example
    • The style object
    • Setting the style of an element via JavaScript
    • Working with style sheets via JavaScript
    • Example
  29. User (Developer) Created Objects
    • Why JavaScript is not a object-oriented but an object-based language
    • Definition/constructor function
    • Example
    • Ad hoc objects
    • Prototyping
    • User objects and AJAX
    • Example
  30. Additional DOM Topics
    • Creating Tables (in HTML 4.0)
      • Tbody, Thead, Tfoot
      • Colgroups, Cols
      • Frame and Rules
      • Example
      • Table sorting example
    • Working with events
      • The event object
      • Creating events
      • Initializing events
      • Dispatching events
      • Registering events
      • Event propagation
      • Example
  31. Server Communication
    • Submitting XML to the server
      • Creating a DOM document
      • Serializing a DOM document
      • Posting an XML document
  32. JSON
    • Definition
    • Versus XML
    • JSON basics
    • Example
    • Other JSON capabilities
  33. WEB 2.0
    • Separation of content, behavior and presentation
      • Rationale
      • Example
    • Box Model issues
    • Browser incompatibilities
    • Example
    • DOCType switching
    • Control of the incompatibilities
    • Examples
  34. Appendix – AJAX Tools Overview
    • Open source Initiative
    • Frameworks, tools and libraries
    • Including, but not limited to:
      • DWR
      • Dojo
      • Sarissa
      • Backbase
      • Bindows
      • JackBe NQ Suite
      • Tibco General Interface


This course is included in the following Roadmaps:
2016 IBM Choice Award

LearnQuest Learning Library

Free training resources.
Visit the library 


Save Up to 30% On Training 

Guaranteed to Run

View all GTR Courses here  

Transform Your Business and Invest Effectively in Your IT

LearnQuest Enterprise Architecture Course Series  

Follow LearnQuest