javascript course London, Manchester, Glasgow

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

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

Search

Building Filtered Image Gallery 

Forms

Form validation

Checkboxes

Radio buttons

Submit buttons

Regular Expressions