Description

This Hands-On course provides an intensive introduction to the features provided by JavaScript and Dynamic HTML. The course is also a hand’s on session that is designed to help designers and developers enhance their existing projects with the help of jQuery. The course looks at how to use jQuery to transform static HTML web pages into dynamic web pages that react to user input, easily build custom animation components and enable more complex event handling. The course covers the initial setup of jQuery for a website, to the implementation and management of 3rd party open source plugins.

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
• Transform HTML web pages into interactive
• Cross-browser web pages with cool cross-browser animations and user intuitive functionality

Enquire

Introduction:

ES5

ES6

Node,

jQuery,

Frameworks,

Tools

JS Fundamentals:

Variables

Arrays

Objects

Functions

Expressions

Operators

The Nature of JS Language:

A loosely-typed, case-sensitive language,

Truthy, Falsy

Strict equality

Undefined, null

Scope and the global namespace

Copy by value, by reference

Changing the DOM with JS

Control structures:

If/Else

Comparison operators

For loops

forEach

switch

Block scope and Hoisting

DOM and Events:

Built-in Objects

Events

Event Object

Event Flow

Event Delegation

User Interface Events

HTML5 Events

Scope

Using functions to manage lexical scope

Minimising globals

Anonymous functions

Self-executing functions (IIFEs)

Hoisting

Module Patterns

Closure

Understanding runtime scope using THIS and BIND

Error Handling & Debugging

Order of Execution

The Stack

Understanding Errors

Error Objects

Browser Dev Tools & JavaScript Console

Breakpoints

Handling Exceptions

Throwing Errors

HTML5 API’s

Feature detection

Geolocation API

Using Google Maps API

Web Storage API

Local Storage

Session Storage

History API & Pushstate

jQuery

Creating/modifying the view with jQuery

CSS selectors

Events

Animations

Reading JSON data with AJAX

jQuery UI

Accordion

Tabs

Forms

Dynamic UI without jQuery

Filtering, Searching and Sorting

Dynamic Filtering

Sorting Tables

Building Filtered Image Gallery

Forms

Form validation

Checkboxes

Radio buttons

Submit buttons

Regular Expressions

2 reviews for JavaScript: Zero to HERO

Rated 5 out of 5

Azim Mahmood – 18/01/2016

I took the Academy Class Javascript course recently and would recommend it highly. Administrators were very helpful, instructors were clear, concise, and willing to assist on a one to one basis for stragglers like me. Altogether well-run and expertly delivered classes. Highly recommended!
Rated 5 out of 5

James Lightfoot, DMG Media – 30/06/2016

A fantastic course that genuinely instilled all that I was taught firmly into my brain!