Course Outline
This Hands-On Javascript training 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.
Course Content
This course has been developed for real-world, commercial scenarios by our expert instructors. See below for detailed syllabus. If you have a technical question, please email sales@jbinternational.co.uk
What You Will Learn
1. Understand the JavaScript language.
2. Understand the Document Object Model and how it is used in JavaScript.
3. How to detect and respond to user actions.
4. Alter, show, hide and move objects on a web page.
5. Check information inputted into a form.
6. How to use CSS (Cascading Stylesheets).
7. How to make JavaScript cross-browser compatible.
Hands On Exercises
Delegates will create various JavaScript scripts. Exercises include:
1. Program flow of control e.g. if statements.
2. Change attributes of objects on an HTML page.
3. Validation of form input.
4. Use CSS to manipulate layout e.g. borders, fonts.
5. Pop-up Window handling.
6. Dynamically alter appearance of text
7. Animate content on a web page.
8. Event trapping (e.g. mouse event).
9. Context-sensitive help exercise.
JavaScript Course Outline
Part 1 Introduction
JavaScript Overview
Event driven code
Part 2 Programming Language - basics
JavaScript with HTML
The rules
Variables
Operators
Expressions
Arrays
Part 3 Programming Language - structure
Loops & Decision structures
If… statements
Conditional operator
Switch statement
Loops
Functions
Error handling - try, catch, finally, throw
Part 4 Dialog boxes
alert
confirm
prompt
Part 5 Objects
Terminology
Pre-defined objects
Date, Math, String
Global
Booleans and other ‘types’
RegEx
Built-in Functions
Object oriented JavaScript
Creating Objects
Arrays of Objects
Simple prototyping
Part 6 DOM
The DOM (Document Object Model)
Navigating the DOM
Differences in DOM coding standards
Part 7 Using JavaScript & CSS on your webpage
Layout with CSS
Event handling
Menu manipulation
Timers
Animation
Visible/hidden screen areas
Form manipulation & validation
Status bars
Changing styles
