Course Overview:
This course is designed to introduce students to JavaScript. Students will learn the basics for creating meaningful and interesting pages. The core capabilities and syntax of the language are introduced. Using JavaScript to add dynamic behaviour and form validation are covered in depth. An emphasis is placed on interacting with the Document Object Model.
Course Objectives:
- Recognize the role of JavaScript in providing behavior to Web pages
- Describe the benefits of JavaScript
- Basic JavaScript Programming
- Utilize the DOM(Document Object Model
- Implement the basic syntax
- Use Modern JavaScript techniques:literals, the default operator, etc.
- Validate forms and form elements
- Employ the best practices when writing JavaScript
- Manage cookies and maintain state
Pre-requisites:
- Basic HTML and CSS experience
- Experience with the Web and (X)HTML
- Experience with any script language
Target Audience:
- Web and app developers and designers
- Anyone who wants to learn to Java Script
- Print Designers
- Script Designers
- Systems Engineers
- Application Developers
- Web developers and managers
Course Duration:
- 14 hours – 2 days
Course Content:
Overview of JavaScript
- Role in Web Development
- Difference between object-oriented and object-based languages
- Incorporation of JavaScript in an HTML page
JavaScript Syntax
- Variables
- Statements and operators
- Built-in Windows methods
- Literals
Writing Your own Functions
- Defferred vs non-derred code
- Function syntax
- Calling functions-argument passing
- Scoping rules
BOM and DOM
- JavaScript Object Model
- Browser Object Model
- Document Object Model
- Document Object
- Using methods and accessing properties within the DOM
Controlling Program Flow
- Various looping techniques
- If and switch statements
- Try-catch clauses
Forms and Events
- Working with and validating forms
- Working with form elements
- Add event handlers
- Event object
Useful JavaScript Objects
- Strings
- Dates
- Math Object
- Arrays
- Access Custom Objects
- Use Constructor functions
- Add methods to objects
- Use Prototype Functions
Maintaining State
- Overview of state issues
- Cookies
- Saving
- Reading
