JavaScript 101: Yellow Belt

This Hands-On course provides an intensive introduction to the features provided by JavaScript and Dynamic HTML.

WHO IS THIS COURSE FOR?

Web and IT professionals who are completely new to JavaScript and who need to gain hands-on experience of developing commercial JavaScript systems.

ASSUMED KNOWLEDGE

Knowledge of a mark-up language such as HTML would be advantageous.

WHAT YOU WILL LEARN

• Understand the JavaScript language.
• Understand the Document Object Model and how it is used in JavaScript.
• How to detect and respond to user actions
• Alter, show, hide and move objects on a web page
• Check information inputted into a form
• How to use CSS (Cascading Stylesheets)
• How to make JavaScript cross-browser compatible

OUTLINE

Introduction

• Introduction to programming
• History and presence: LiveScript, ECMAscript, JavaScript
• Java is not JavaScript
• Other programming languages!

Concepts

• What does Javascript do
• Server side vs. client side
• Document object model (DOM)
• Unobtrusive JavaScript!

Usage & Syntax Overview

• HTML: inline, head & external Javascript
• Comments
• Dot syntax!

Variables

• Storing and getting values
• Re-assigning values
• Primitive data types
• Naming conventions
• Reserved words (keywords)
• Expressions
• Loose typing!

Functions

• Declaration
• Arguments
• Return values
• Variable scope
• Coding conventions!

Alerts & Prompts

• Alert popups
• Confirming user choice
• Prompts!

Control Flows

• IF / ELSE statements
• Comparison operators
• Logical operators
• Boolean: True or false
• While loops
• For loops
• Break statement
• Switch instead of IF / ELSE

Lots Of Data: Arrays

• What is an array
• Definition of arrays
• Accessing array information
• Changing values
• Iterating arrays