Dynamic HTML DHTML training course - Training Courses in DHTML Programming with Javascript - JB International, London, UK: public and custom on-site training course

<body LINK="#0000ff" VLINK="#800080" BGCOLOR="#ffffff"> <h2><font SIZE="4">DHTML Training Course Summary</font></h2> <h2><font SIZE="1"></font><strong>Duration of DHTML Training Course</strong></h2> <p class="BodyText">4 Days</p> <h2><strong>Objectives of DHTML Training Course</strong></h2> <p class="BodyText">This Hands-On course provides an intensive introduction to the features provided by Javascript and Dynamic HTML (DHTML). Especially useful for creating advanced, feature-rich web sites within the latest browser environments. Available as a public or closed course at our London training centre, or can be tailored to your team's requirements and delivered onsite as a bespoke, customised training course.</p> <h2><strong>Who Should Attend the DHTML Training Course</strong></h2> <p class="BodyText">Experienced Programmers new to JavaScript or or JavaScript programmers who need to be able to take advantage of the advanced features offered by Dynamic HTML (DHTML).</p> <h2><strong>Pre Requisite Skills to attending DHTML Training Course</strong></h2> <p class="BodyText">A programming language or good JavaScript programming skills</p> <p class="BodyText"><a href="review.html" target="main">Read what Computing said about our JavaScript course</a> </p> <h2><font SIZE="4">DHTML Training Course Outline</font></h2> <h3>The JavaScript language</h3> <p class="Blockquote">Hello World!</p> <p class="Blockquote">Fundamental concepts</p> <p class="Blockquote">Comments</p> <h3>Introducing variables and literals</h3> <p class="Blockquote">Numbers and strings</p> <p class="Blockquote">Objects</p> <p class="Blockquote">Operators</p> <p class="Blockquote">Expressions</p> <p class="Blockquote">Syntax</p> <p class="Blockquote">Control Flow</p> <p class="Blockquote">Functions</p> <p class="Blockquote">Arrays</p> <h3>Objects</h3> <p class="Blockquote">Intelligent variables</p> <p class="Blockquote">Methods and properties</p> <p class="Blockquote">Objects within objects</p> <p class="Blockquote">Instances and references</p> <p class="Blockquote">Pre-defined objects: string, Date, maths</p> <h3>JavaScript and the web browser</h3> <p class="Blockquote">Interacting with the user</p> <p class="Blockquote">Inputs and outputs</p> <p class="Blockquote">Can it be done in JavaScript?</p> <p class="Blockquote">The browser as a set of objects</p> <p class="Blockquote">The window object</p> <blockquote> <ul> <li><p class="Blockquote">Alerts</p> </li> <li><p class="Blockquote">Opening and closing windows</p> </li> <li><p class="Blockquote">The status bar</p> </li> <li><p class="Blockquote">Timers</p> </li> </ul> </blockquote> <p class="Blockquote">Introduction to event handlers <ul> <li><p class="Blockquote">onLoad and onUnload events</p> </li> <li><p class="Blockquote">onError events</p> </li> </ul> <p class="Blockquote">The document object <ul> <li><p class="Blockquote">Title</p> </li> <li><p class="Blockquote">Colours</p> </li> <li><p class="Blockquote">The history</p> </li> <li><p class="Blockquote">Writing documents</p> </li> </ul> <p class="Blockquote">Images <ul> <li><p class="Blockquote">Changing images on the fly</p> </li> <li><p class="Blockquote">Pre-loading images</p> </li> <li><p class="Blockquote">Animation</p> </li> <li><p class="Blockquote">Event handlers</p> </li> <li><p class="Blockquote">onLoad event</p> </li> <li><p class="Blockquote">Aborts and errors</p> </li> </ul> <p class="Blockquote">Links <ul> <li><p class="Blockquote">JavaScript links</p> </li> <li><p class="Blockquote">Responding to rollovers</p> </li> </ul> <p class="Blockquote">Forms <ul> <li><p class="Blockquote">Traditional forms - CGI</p> </li> <li><p class="Blockquote">JavaScript vs. CGI </p> </li> <li><p class="Blockquote">Form elements</p> </li> <li><p class="Blockquote">Accessing the users input</p> </li> <li><p class="Blockquote">Modifying form elements</p> </li> <li><p class="Blockquote">JavaScript and CGI together</p> </li> <li><p class="Blockquote">Validating input</p> </li> </ul> <p class="Blockquote">Working with multiple windows and Frames</p> <p class="Blockquote">Providing HTML output</p> <p class="Blockquote">Helper windows</p> <h3>Advanced JavaScript</h3> <p class="Blockquote">Java and ActiveX</p> <h3>Cascading Style Sheets</h3> <p class="Blockquote">Introduction</p> <p class="Blockquote">CSS Defined</p> <p class="Blockquote">CSS Properties</p> <p class="Blockquote">Grouping</p> <p class="Blockquote">Inheritance</p> <p class="Blockquote">More Selectors <ul class="Blockquote"> <li><p class="Blockquote">Classes</p> </li> <li><p class="Blockquote">ID Selectors</p> </li> <li><p class="Blockquote">Contextual Selectors</p> </li> </ul> <p class="Blockquote">Pseudo Classes / Elements</p> <p class="Blockquote">The Cascade</p> <p class="Blockquote">Layout</p> <h3>Dynamic Style Sheets</h3> <p class="Blockquote">Scripting style rules</p> <h3>Document Object Model: Introduction</h3> <p class="Blockquote">Elements and Objects <ul> <li><p class="Blockquote">Attributes and Properties</p> </li> </ul> <p class="Blockquote">The all and children collections <ul> <li><p class="Blockquote">The id attribute</p> </li> <li><p class="Blockquote">The name attribute</p> </li> </ul> <h3>Other Collections</h3> <h3>Event Handling</h3> <p class="Blockquote">Simple Examples <ul> <li><p class="Blockquote">Using this</p> </li> </ul> <p class="Blockquote">The Event Object</p> <p class="Blockquote">Attaching Events <ul> <li><p class="Blockquote">Event Attributes</p> </li> <li><p class="Blockquote">Event Properties</p> </li> <li><p class="Blockquote">Event Scripts</p> </li> </ul> <p class="Blockquote">Event Bubbling</p> <p class="Blockquote">Default Actions</p> <p class="Blockquote">Complete Event Life-Cycle</p> <p class="Blockquote">The Events</p> <p class="Blockquote">Keyboard Mouse Focus and Selection Load and RedayState</p> <h3>Misc</h3> <h3>Dynamic Content</h3> <p class="Blockquote">InnerHTML outerHTML Text Ranges</p> <p class="Blockquote">Searching for text</p> <h3>Positioning</h3> <p class="Blockquote">Absolute Relative</p> <p class="Blockquote">MotionClippingOverflow </p> <p class="Blockquote">Z-index Visibility</p> <h3>Windows, Frames and Dialogs</h3> <p class="Blockquote">The window object</p> <p class="Blockquote">Frames</p> <p class="Blockquote">Modal Dialog Boxes</p> <h3>Filters and Transitions</h3> <p class="Blockquote">Defining Filters</p> <p class="Blockquote">Scripting Filters <ul> <li><p class="Blockquote">Alpha Blur Chroma Drop Shadow FlipH FlipV Glow</p> </li> <li><p class="Blockquote">Grayscale Invert Light Mask</p> </li> <li><p class="Blockquote">Shadow Wave Xray</p> </li> </ul> <p class="Blockquote">Transitions <ul> <li><p class="Blockquote">Blend</p> </li> <li><p class="Blockquote">Reveal</p> </li> <li><p class="Blockquote">Interpage Transitions</p> </li> </ul> <h3>Font Embedding</h3> <p class="Blockquote">@font-face</p> <h1 class="centred">DHTML Training Course, JB International, London, UK 0800 028 6400</h1> <p><a href="index.html" target="_top">JB International Home Page</a></p> <p><a href="column.html" target="_top">JB International Site Map</a></p>  <script type="text/javascript" language="javascript"> var sc_project=582355; var sc_invisible=1; var sc_partition=4; var sc_security="c24ee6c6"; </script> <script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c5.statcounter.com/counter.php?sc_project=582355&java=0&security=c24ee6c6&invisible=1" alt="hit counter code" border="0"></a> </noscript>  </body>