Web Programming with JavaScript
Starting dates and places
Description
Prerequisites:
Web masters, web developers and intranet support personnel wishing to use or evaluate javascript.Delegates should have experience of a block-structured language such as C, Java, Visual Basic, VBScript, REXX or Perl. Delegates should also have a working knowledge of the Internet, building Web pages and using HTML. Delegates with little or no HTML experience should consider attending the Building an Effective Web Site course before attending this course.
Course Description:
From simple validation messages through to interactive menus, users expect modern web pages to be dynamic. HTML, however, is a static document mark-up language. One approach to adding interaction is to create ac…
Frequently asked questions
There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.
Prerequisites:
Web masters, web developers and intranet support personnel wishing to use or evaluate javascript.Delegates should have experience of a block-structured language such as C, Java, Visual Basic, VBScript, REXX or Perl. Delegates should also have a working knowledge of the Internet, building Web pages and using HTML. Delegates with little or no HTML experience should consider attending the Building an Effective Web Site course before attending this course.
Course Description:
From simple validation messages through to interactive menus, users expect modern web pages to be dynamic. HTML, however, is a static document mark-up language. One approach to adding interaction is to create active content such as Macromedia Flash, Java applets and ActiveX controls. Such approaches require specialist programming or design skills. The alternative is a scripting language that can be placed within the HTML page, which brings more power and flexibility to the user's browser.
Currently the pre-eminent scripting language is javascript. Its C-like syntax has widespread support amongst developers and Web masters alike. A powerful language in its own right, when embedded in HTML it has the capability to interact with HTML forms, the browser, and other objects found on the Web page. It brings interactivity to our static web pages.
This highly practical course will show you how to develop interactive web pages using javascript. The first day covers the basics: how to add javascript to a page, the core syntax and examining how javascript interacts with the web page via objects. The second day covers the important techniques: form validation, image manipulation and interacting with windows and documents. The final day covers advanced techniques: the new event model and dynamic HTML.
This course uses a mixture of theory and exercises; there are separate practical sessions for each technical chapter which reinforce the javascript syntax and object interactions covered in the course.
This course includes the following modules:
Web Page Scripting
- Introducing Javascript
- Javascript and ECMAScript
- Scripts in HTML
- Embedding scripts
- Detecting non-scripting browsers
- Simple syntax
Basic Javascript Syntax
- Variables
- Arrays
- Building blocks: operators, expressions, literals, quotes
- Control flow: for, while, if, etc.
- Defining and using functions
- Alert, confirmation and prompt boxes
Javascript and Objects
- What are objects?
- Methods and properties
- Pre-defined objects: string, date, math
- Creating new objects
- Object-specific syntax
Forms and Events
- HTML forms review
- Accessing forms and elements from Javascript Handling events
- Form events
- Form validation
More Objects
- Images objects
- Image rollovers
- Pre-loading images
- Arrays and associative arrays
- Arrays and objects
- Creating user-defined object types
Browser Interaction
- Browser objects
- Window objects
- Opening and closing new windows
- Writing to the status bar
- Using timeouts
- Accessing frames
- Cookies
- Creating new documents
- Dynamic document techniques
More Events
- New Event Types
- New Event Objects
- Event Propagation
- DOM level 2 event model
- Cross-browser event handling
Dynamic HTML
- DHTML and CSS
- CSS overview
- CSS and positioning
- Object models for DHTML
- Accessing style properties
- Writing portable DHTML scripts
- Writing fail-safe code
Advanced DHTML
- Adding content to the page
- Microsoft's extensions to the DOM
- Using innerHTML
AJAX
- The need for AJAX
- What is AJAX?
- Creating the request
- Waiting for the response
- Parsing the response
- Updating the user interface
- Scenarios for AJAX (AJAX vs AHAH)
Conclusion
- Javascript in other environments
- Future evolution of Javascript
- Sources of information
For online live training advice please visit our Learning Advice Centre on our website. Be sure to follow us on Twitter to receive special course offers, news and updates!
Share your review
Do you have experience with this course? Submit your review and help other people make the right choice. As a thank you for your effort we will donate £1.- to Stichting Edukans.There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.