Available Scheduled Course Dates:
You choose
Price: See custom rate card
Prerequisites:
This course expects no pre-requisite programming knowledge. Students must, however, have a good knowledge of HTML. Hand-coding HTML skills are a pre-requisite, as no development tools (e.g. Dreamweaver) are used on this course.
Platforms: PC, Mac
Duration: 2 days
10:00am-5:00pm.
Further Details:
Learn To:
+ Progam a range of browser-based JavaScript applications
+ Manipulate forms, frames and windows
+ Working knowledge of standard JavaScript objects, properties and associated language syntax
Benefits:
This twelve-part Javascript course is run over a two-day period. Each day contains a number of modules, introducing a separate area of the JavaScript language. Upon completion of the course, delegates will have the ability to program a range of browser-based JavaScript applications that manipulate elements such as forms, frames, and windows. Delegates will also attain a good working knowledge of the standard JavaScript objects, properties and associated language syntax.
Who Should Attend?
Web Designers and Web Developers looking to extend and enhance their knowledge of the power of Javascript.
Course Content:
DAY 1
1. Introduction
An overview of the course; the differences between client-side and server-side JavaScript; what client-side JavaScript can do, and what it cannot; advantages of scripting in the client; recent standards and new languages: ECMAscript, Microsoft’s JScript, and Netscape’s JavaScript; scripting versus cross-browser and cross-platform scripting.
2. Getting started with scripting
Explains how to integrate JavaScript programs into HTML documents using the <script> container tag; using comments inside script regions; using the script language attribute.
Where to place scripts - in the head or body of a document; placing multiple scripts in documents; calling scripts from external files using the src attribute of the <script> tag.
Hints for editing scripts and editors etc; debugging hints.
3. An introduction to objects
Examines a selection of the most important objects in JavaScript, including internal objects (string, number, array etc) and HTML-reflected objects, e.g. form objects, frame, link, window and document objects.
An introduction to arrays will also be given, as well as information on user-defined objects.
Creating variables using var; variable scope; variable typing.
4. Operators
A quick overview of JavaScript operators: increment, decrement, assignment, greater than/less than etc.
5. Statements
This is a guide to using JavaScript statements, including flow-control and iteration statements such as for, while, and conditional-statements, such as if, ? and switch statements.
Statements are the building blocks of the language and combined with objects are used to form complete applications.
Introduction to functions using the function statement; arguments and parameters.
6. Events
This lesson is concerned with JavaScript's event-system.
Each of the most rudimentary JavaScript events are described, and examples of their use shown: onMouseOver, onMouseOut, onLoad, onUnLoad, onClick; usage of the javascript: URL to handle hyperlinks.
DAY 2
7. Form processing
This lesson examines JavaScript's integration with HTML forms.
Forms are the main mechanism for providing user input within a hypertext document and JavaScript can be used for a variety of form-validation and manipulation tasks.
This lesson examines each form-element and looks at how JavaScript reflects these elements into objects.
Areas covered: radio/checkboxes, text fields, text area fields.
8. Window manipulation
Discusses how windowed applications can be created, allowing multiple documents to be updated and manipulated.
Window validation, opening and closing are all discussed.
The opener property; opening windows; determining if windows are open/closed; changing window URLs; writing data in to windows; closing windows; window object synonyms: self, top, and parent.
9. Frameset manipulation
Covers frameset-document features, and examines how JavaScript applications can manipulate multiple-framed documents to create navigational controls and multiple-document applications.
Dynamic frame-creation and variable scoping are also discussed in detail, and examples demonstrate each concept.
HTML concepts; naming frames; accessing frames; removing frames; writing to a frame.
10. Creating dynamic document content
Looks at how JavaScript can be used to create dynamic documents.
Dynamic documents use JavaScript to generate HTML automatically, on-the-fly, thus changing the appearance of a page programmatically.
11. Time-out events
Looks at JavaScript’s time-out events and how these can be used to create applications such as real-time clocks and other time-dependent applications.
Areas covered: setTimeout() and clearTimeout() functions; function recursion; stopping and starting time-out events.
12. Recap on all subject areas and questions
Here we will revisit each area, answer any questions and demonstrate applications and code examples.
A recap will help delegates strengthen their understanding of core language features.
A significant example application incorporating many of the facilities learnt earlier will also be demonstrated, e.g. a client-side search-engine etc.
For more information or a tailored quotation on any of our listed courses, please contact MAVCOM Training by e-mail: training@mavcom.co.uk or telephone: 0845 644 0843
<Training, Courses, UK Training Centres, , Consulting, Sales, Production, Education, Contact>