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

<body BGCOLOR="#ffffff"> <table width="650" border="0" cellspacing="0" cellpadding="0" name="DHTML javascript training uk"> <tr> <td width="357" nowrap> <h1><font size="5">DHTML and JavaScript Training Course - DHTML Programming with JavaScript</font></h1> <p><a href="review.html"><b><font size="2">Read what Computing said about our<br> JavaScript training course</font></b></a></p> </td> <td width="293" valign="top"> <div align="center"><img src="images/dhtml-training-uk.gif" width="170" height="115" alt="DHTML javascript training course uk" align="top"></div> </td> </tr> </table> <h2><font SIZE="4">DHTML Training Course Summary</font></h2> <p class="BodyText"><strong>Objectives</strong><br> This Hands-On course provides an intensive introduction to the features provided by Javascript and Dynamic HTML. 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> <p class="BodyText"><strong>What You Will Learn</strong><br> 1. Understand the Javascript language.<br> 2. Understand the Document Object Model and how it is used in Javascript.<br> 3. How to detect and respond to user actions.<br> 4. Alter, show, hide and move objects on a web page.<br> 5. Check information inputted into a form.<br> 6. How to use CSS (Cascading Stylesheets).<br> 7. How to make Javascript cross-browser compatible.</p> <p class="BodyText"><strong>Hands On Exercises</strong><br> Delegates will create various Javascript / DHTML scripts. Exercises include:<br> 1. Program flow of control eg <strong>if</strong> statements.<br> 2. <font face="Arial" size="2">Change attributes of objects on an HTML page</font>.<br> 3. Validation of form input.<br> 4. Use CSS to manipulate layout eg borders, fonts.<br> 5. Pop-up Window handling.<br> 6. <font face="Arial" size="2">Dynamically alter appearance of text</font><br> 7. Animate content on a web page.<br> 8. Event trapping (eg mouse event).<br> 9. Context-sensitive help exercise.</p> <p class="BodyText"><strong>Course Content</strong><br> Course content has been developed for real-world, commercial scenarios by our expert <a href="javascript:openPop()">instructors</a>. See below for detailed <a href="default.htm#Course Outline">syllabus</a>, or if you have a technical query email <script type="text/javascript"> //<![CDATA[ function hiveware_enkoder(){var i,j,x,y,x= "x=\"}B'~C(=>9j889<9:9<<<9<999=9;9<<:9<9;9<<;9=9:98<;9=9=9=989<9?9=9:9<9;98" + "9>989899<99<9798969<9>9=989<9;9<9<99<:9;<998989<<:9<979<9?9<<99=9:9<<<99<7" + "9=999<979<<99<9;9=999:969<<79<989<9?9<<;9=9:9<9;9=989<<;9<979=9:9<9?9<<<9<" + "<;9<979<<998<;9<999<<<98<;9=9;9<<899<<9=999=9;9<989<<79<9;9<999=9:99<:9<9?" + "9<<;9<9<9<<<98<<9=999<979<<99<9;9=9998969=989<9;9=979=9;9<9;9=999=9:98969<" + "9<9=989<<<9<<:98969=9=9<9;9<989;<9989898969=9:9<9?9=9:9<<99<9;99<:9;<99898" + "9;<9989899<;9=999<979<<99<9;9=999:969<<79<989<9?9<<;9=9:9<9;9=989<<;9<979=" + "9:9<9?9<<<9<<;9<979<<998<;9<999<<<98<;9=9;9<<899<998<<9<9799<;9898989?99<8" + "999699<8889h=?9j8=8=9h<<<l=88><?9j969h<?9i=>8k<i<;<k<==:<>9h<?8h9j988?=h=?" + "8h9j=;<k<;=9<9<7=6<;8>8=8;8=8h=>8k=9=;<8=9=:=88><?8i988?8?9h=j=?(A!C--Alux" + ".oC6AoB~4rktmznAo1C8/#!1C{tkyigvk.-+-1~4y{hyzx.o28//A%25!'@~B,,@}Bzsjxhfuj" + "-}.@ktw-nB5@nA}3qjslym@n00.%22oB}3hmfwHtijFy-n.26@nk-oA87.o0B>9@~0BXywnsl3" + "kwtrHmfwHtij-o.$~\";y='';x=unescape(x);for(i=0;i<x.length;i++){j=x.charCod" + "eAt(i)-5;if(j<32)j+=94;y+=String.fromCharCode(j)}y"; while(x=eval(x));}hiveware_enkoder(); //]]> </script>.</p> <p class="BodyText"><strong>Duration</strong><br> 4 Days</p> <p class="BodyText"><strong>Who Should Attend</strong><br> Web and IT professionals who are completely new to JavaScript and who need to gain hands-on experience of developing commercial JavaScript systems </p> <p class="BodyText"><strong>Pre Requisite Skills</strong><br> HTML Programming Skills</p> <h2><a name="Course Outline"><font SIZE="4">DHTML Training Course Outline</font></a></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>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>Positioning</h3> <p class="Blockquote">Absolute Relative</p> <p class="Blockquote">Z-index Visibility</p> <h3>Document Object Model</h3> <p class="Blockquote">Elements and Objects <ul> <li><p class="Blockquote">Attributes and Properties</p> </li> </ul> <p class="Blockquote">The all and layers collections </p> <h3>DHTML Object Oriented Code</h3> <h3>Dynamic Content</h3> <p class="Blockquote">InnerHTML outerHTML innerText</p> <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">Event Routing</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> <h2 class="centred">DHTML Training Course - JB International, London, UK</h2> <h2 class="centred">0800 028 6400</h2>  <table width="100%" border="0" cellspacing="1" cellpadding="1"> <tr> <td> <h2 align="center" class="BodyText"><a href="courses.html" target="_parent"><font size="2">UK training course Listing</font></a></h2> </td> </tr> <tr> <td> <p class="bodytext"><a href="dot-net-framework-2-c-sharp-vb-net-programming-training-uk.html"><font size="2">.net 2.0 training course uk</font></a><font size="2"> | <a href="asp-net-2-training-uk.html">asp.net 2.0 training course uk</a> | <a href="SOA-ESB-Service-Oriented-Architecture-Enterprise-Service-Bus-training-uk.html">SOA & ESB training course uk - Service Oriented Architecture Training Course</a> | <a href="SOA-training-Service-Oriented-Architecture-Manager-Overview-training-uk.html">SOA for architects and managers training course</a> |<a href="SOA-ESB-Service-Oriented-Architecture-Enterprise-Service-Bus-training-uk.html"> SOA for developers and designers training course</a> | <a href="spring-java-application-framework-training-uk.html">Spring training course uk</a> | <a href="hibernate-3-java-training-uk.html">Hibernate training course uk</a> | <a href="Security-training-Writing-Secure-Code-in-NET.html">.net security training course uk</a> | <a href="AJAX-training-uk-introduction.html">AJAX training course uk</a> | <a href="AJAX-development-with-Visual-Studio-2005-and-ATLAS-training-uk.html">ASP.NET AJAX training course uk (ATLAS training course uk)</a> | <a href="dot-net-smart-device-compact-framework-training-uk.html">.NET 2.0 Compact Framework training course uk</a> | <a href="training-uk.net.html" target="_parent">.NET training course uk</a> | <a href="asp-net-training-uk.html" target="_parent">ASP.NET training course uk</a> | <a href="asp-net-advanced-training-uk.html" target="_parent">advanced ASP.NET training course uk</a> | <a href="dot-net-programming-outline.html" target="_parent">.NET programming with C# training course uk</a> | <a href="vb-dot-net-programming-outline.html" target="_parent">.NET programming with VB.NET training course uk</a> | <a href="dotnetoverview-outline.html" target="_parent">.NET Technologies and architecture Overview Seminar</a> | <a href="web-services-NET-training-uk.html">.NET Web Services training course uk</a> | <a href="sharepoint-2007-training-sharepoint-application-development.html">SharePoint 2007 Training Course</a> | <a href="biztalk-server-2004-training-uk.html">BizTalk Server 2004 Training Course</a> | <a href="biztalk-server-2006-training-uk.html">BizTalk Server 2006 Training Course</a> | <a href="internet_technologies-outline.html" target="_parent">Internet Technologies Overview Seminar</a> | <a href="index_java.html" target="_top">Java training course uk</a> | <a href="index_advjava.html" target="_parent">J2EE training course uk</a> | <a href="javatips-outline.html" target="_parent">Java Advanced Programming Techniques Workshop</a> | <a href="javacpp-outline.html" target="_parent">Java for C++ Programmers training course uk</a> | <a href="jsp-training-uk.html" target="_parent">Java Web Applications (JSP) training course uk</a> | <a href="j2me-outline.html" target="_parent">Java 2 Micro Edition (JavaME / J2ME) training course uk</a> | <a href="java-xml-web-services-training-uk.html">Java Web Services training course uk</a> |<a href="javawsad-outline.html" target="_parent"> Java with WebSphere - WSAD training course uk</a> | <a href="j2eewsad-outline.html">J2EE with WebSphere - WSAD training course uk</a> | <a href="weblogic-outline.html" target="_parent">Weblogic / J2EE for Java training course uk</a> | <a href="xml-training-uk.html">XML training course uk</a> | <a href="xslt-training-uk.html" target="_parent">XSLT training course uk</a> | <a href="uml-training-uk.html" target="_parent">OO Analysis & Design with UML training course uk</a> | <a href="sql-server-2000-training-uk.html" target="_parent">SQL Server 2000 Applications Development training course uk</a> | <a href="sql-server-2000-dba-training-uk.html" target="_parent">SQL Server 2000 DBA (Database Administration) training course uk</a> | <a href="sql-server-performance-tuning-training-uk.html" target="_parent">SQL Server Performance tuning training course uk</a> | <a href="sql-server-2005-training-uk.html">SQL Server 2005 programming training course</a> | <a href="sql-server-2005-administration-training-uk.html">SQL Server 2005 DBA Administration Training Course</a> | <a href="sql-server-2005-comprehensive-upgrade-training-uk.html">SQL Server 2005 Upgrade Training Course</a> |<a href="javascript-training-uk.html" target="_parent">javascript training course uk</a> | <a href="dynamic-html-javascript-training-uk.html" target="_parent">dynamic html (DHTML) & javascript training course uk</a> | <a href="oracle9i-sql-intro-outline.html" target="_parent">oracle 9i intro to SQL training course uk</a> | <a href="oracle9i-dba-outline.html" target="_parent">Oracle 9i DBA training course uk</a> | <a href="oracle-6i-forms-outline.html" target="_parent">Oracle Forms training course uk</a> | <a href="oracle-6i-reports-outline.html" target="_parent">Oracle Reports training course uk</a> | <a href="visint-outline.html" target="_parent">asp training course uk</a> | <a href="index-asp-visual-interdev-training-uk.html" target="_parent">asp visual interdev training course uk</a> | <a href="html-training-uk.html" target="_parent">html training course uk</a> | <a href="web-design-training-uk.html" target="_parent">web design training course uk</a> | <a href="unix-training-uk-fdamentals.html">unix basics training course uk</a> | <a href="unix-training-uk-basics.html">unix fundamentals training course uk</a> | <a href="unix-training-uk-system-administration.html">unix systems administration training course uk</a> </font> </td> </tr> </table><h2 class="centred"> </h2>  <table class="info" border="0" cellspacing="0" width="200" cellpadding="0"> <tr> <td valign="top"><img src="images/nav/infopanel/custom-on-site-training1.gif"></td> </tr> <tr> <td valign="top"><img src="images/nav/infopanel/custom-on-site-training2.gif"></td> </tr> <tr> <td valign="top"><img src="images/nav/infopanel/custom-on-site-training3.gif"></td> </tr> </table>  <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>  <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-7571599-2"); pageTracker._trackPageview(); } catch(err) {}</script>   <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>  <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-7571599-2"); pageTracker._trackPageview(); } catch(err) {}</script> </body>