Web Site Development with HTML/JavaScript

Duration: 5 days | Price: £1,345 + VAT | Class Dates:

Students Will Learn:

Web Site Deployment
HTML Syntax and CSS
Web Site Marketing
Forms & Tables

JavaScript Syntax
Data Validation
Dynamic HTML
Event Handling

Course Description: This hands on Web programming class provides a thorough introduction to implementing a full-featured Web site on the Internet or corporate Intranet, including implementation of dynamic content using JavaScript and related tools. Starting with thorough coverage of HTML, the course progresses to the implementation of dynamic client-side content using JavaScript. Hands-on exercises are performed throughout each day to demonstrate key concepts. Students who already know HTML well should register for the 3-day course JavaScript Programming.

Course Prerequisites: Basic personal computer skills and basic Internet knowledge.

Follow-up Courses: PHP Programming, ASP Programming, Mastering XML

Web Site Development with HTML/JavaScript Course Overview:

HTML Fundamentals Architecture of Web Page Contents Browser Specific Tags Structure Tags Physical Tags Logical Tags HTML 4.0 Tags Tools for HTML Validation HTML Tag Attributes		Using Graphics Tools for Creating and Manipulating Web Graphics Image Tags and Attributes Sources for Web Site Graphics Introduction to Client-Side Image Maps Tools for Creating Image Maps GIF, JPEG, and PNG Formats Transparent Graphics Transparency and Interlacing of Graphics Creating Animated Graphics Interactive Graphics
Constructing Forms <form> Tags and Attributes <input> Tags and Attributes Text Type Radio Buttons and Checkboxes Scrolling and Selection Lists Submit and Reset Buttons Scripts for Form Processing Sources for Sample Scripts		Marketing Your Site Characteristics of Search Engines Registering with Search Engines and Directories The <meta> Tags and Attributes keywords, description and robots Creating Effective <title> tags Designing Your Site for Effective Search Engine Optimization (SEO)
Frames The <frame> Tags and Attributes The <frameset> Tags and Attributes Frame Construction Frame Navigation		Audio and Video Adding Audio and Video to Web Pages Playing Audio and Video from a Web Page Types of Audio and Video Plug-Ins
Creating and Managing Styles Cascading Style Sheets (CSS) <style> Tags and Attributes Defining Styles Creating CSS Rules Using Style Sheets To Support Multiple Browsers Creating Custom Styles (classes) Using <div> and <span> Tags		Tables Purpose of Tables Table Tags <table>, <tr>, <td>, <th> and <caption> Table Attributes align, border, nowrap and bgcolor Using Tables for Page Layout and Structure Creating Nested Tables
Website Layout and Design Layout and Design Heuristics Content Organization Page Size and Load Time Optimization Navigation Styles Providing Navigational Feedback Tables vs. CSS Use of Color and Graphics		Managing Source Files Recommended Folder Structure Testing and Production Folders Development Steps File Naming Version Control
Introduction to JavaScript Utility of JavaScript Evolution of the JavaScript Language JavaScript Versions and Browser Support Differences Between Client-Side vs. Server-Side JavaScript		Statements and Operators Variable Declarations Assignment Operators and Statements Arithmetic Operators Logical Operators Comparison Operators String Operators Conditional Operators Operator Precedence
Foundations of Dynamic HTML DHTML Capabilities Introduction to the Document Object Model (DOM) <link> Tags and External Styles Creating Custom Styles (classes) Positioning Layers		Implementing Functions Defining Functions Calling Functions Passing Arguments Local vs. Global Variables Using the Return Statement Nested Functions
Implementing Control Constructs Conditional and Looping Constructs The if else Statements The do while Statements The for in Statements The switch Statement		JavaScript Objects The JavaScript Object Model and Hierarchy JavaScript Object Properties Object Methods The new Keyword The this Keyword Creating New Object Instances Using Constructor Functions String, Date and Array Objects Construction of Custom Objects with Individual Properties and Methods
Fundamental JavaScript Directives In-Line JavaScript Linking Web Pages to External JavaScript Files JavaScript Using <script> Tags and Attributes Utilizing the <head> Tags <noscript> Tags		Implementing Arrays What are Arrays? The Purpose of Arrays Creating Arrays Reading and Writing to an Array Array Methods and Properties The delete Keyword
Cookies What is a Cookie Cookie Uses Components of a Cookie Cookie Controversy Using Cookies on a Web Page Cookie Examples		Common Applications Form Validation and Testing Specific Form Methods and Event Handlers User Interaction Local Form Processing Creating New Windows Writing to the Window Object Browser Awareness Using the Navigator Object Interactive Graphics
Event Handling Event-Driven Programming Model How JavaScript Handles Events Handling Link Events Handling Window Events Handling Image Events Handling Form Events Setting Event Handlers In-Line or Referencing Scripts

Student Testimonials

"This was a great workshop. HOTT was very accommodating with my travel necessities. Very impressive. I am sincerely looking forward to my next workshop (PHP) in a couple of weeks."
– K.M., Medtexx Medical Corporation

"Instructor was highly knowledgeable. Handouts were excellent! Course exceeded expectations."
– M.H., United States Air Force - Cryptologic Systems Group

Multiple Training Locations - Convenience and Cost Control

Regularly Scheduled Courses in 9 Cities Across the United Kingdom

Hands On Technology Transfer, Inc.
The Old Post House
91 Heath Road
Weybridge Surrey
KT13 8TS
Phone: 0870 063 2964