javascript course London, Manchester, Glasgow, Leeds

  • Certification
  • Supporting Material
  • 18-month Free course retake

5.00 out of 5 based on 2 customer ratings
(2 customer reviews)
JavaScript – Zero to HERO



* - required

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.


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


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


• 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


Variables and Operators

  • Variables and Data Types
  • Using Variables and Literals
  • Operators

Control Statements

  • Controlling the Flow using Control Statements

Functions and Objects

  • Functions
  • Objects

The Window Object

  • The Window Object
  • Dialog Boxes
  • Status Bar Messages
  • Window Manipulations

The Document Object

  • The Document Object
  • Writing to Documents
  • Dynamic Documents

Forms and Forms-based Data

  • The Form Object
  • Working With Form Elements and Their Properties

The String and RegExp Objects

  • The String Object
  • Using String Object Methods to Correct Data Entry Errors
  • Creating Dynamic Effects With Substring Methods
  • The RegExp Object

Dates and Math

  • The Date Object
  • Using and Manipulating Dates
  • The Maths Object
  • Doing Maths With JavaScript

Debugging Javascript

  • Logging Messages to the Console
  • Examining Objects in the Console
  • Introducing Breakpoints
  • Watching Variables

Advanced Browser Capabilities

  • Exploring Geolocation
  • Introducing Webworkers
  • Discussing Advanced Features eg Websockets, Webworkers, NodeJS

Introduction to jQuery

  • About jQuery
  • Cross-browser Compatibility
  • CSS3 Selectors
  • jQuery UI
  • Plugins
  • Downloading and Including jQuery

Selecting, Styling and Enhancing

  • Making Sure the Page Is Ready
  • Selecting
  • Filters
  • CSS with jQuery
  • Reading & Setting CSS Properties
  • Classes
  • Enhancing: Adding Effects
  • Progressive Enhancement
  • Modifying Content
  • Callback Functions

Animating, Scrolling and Resizing

  • Animating
  • Animating CSS Properties
  • The Animation Queue
  • Chaining Actions
  • Pausing the Chain
  • Scrolling
  • The scroll Event
  • Floating Navigation
  • Scrolling the Document
    Images and Slideshows
  • Lightboxes
  • Custom Lightbox
  • ColorBox: A Lightbox Plugin
  • Slideshows

Menus, Tabs, Tooltips and Panels

  • Menus
  • Expandable/Collapsible Menus
  • Drop-down Menus
  • A Simple Accordion
  • UI Accordion
  • UI Tabs
  • Tooltips

Forms, Controls, and Dialogs

  • Forms
  • Form Validation with the Validation Plugin
  • Autocomplete
  • Date Picker
  • Sliders
  • Drag and Drop
  • UI Dialog

Lists, Trees, and Tables

  • Lists
  • jQuery UI Selectables
  • Sorting Lists
  •  Manipulating Select Box Lists
  • Trees
  •  Expandable Tree
  • Event Delegation
  • Tables
  • Fixed Table Headers
  • Repeating Header
  • Data Grids
  • Selecting Rows with Checkboxes


  • Storing Data on the Client
  • Ajax Crash Course
  • What Is Ajax?
  • Ajax Settings
  • Loading Remote HTML
  • Fetching Data with $.ajax
  • GET and POST Requests
  • jQuery Ajax Events
  • Displaying JSON data in the HTML Structure
  • Sending Data to the Server

Storing Data on the Client

  • LocalStorage vs SQLite
  • Storing Complex Data locally Using LocalStorage

Data Visualisation

  • Introduction to Charting Libraries
  • Introduction ChartsJS
  • Understanding Chart Types
  • Building a Data Model
  • Displaying Data in Various Chart Forms


  • Introduction to Serverside Javascript
  • Introducing NodeJS
  • Installing NodeJS
  • Understanding anatomy of HTTP Request
  • Creating a Basic Server
  • Introduction to NPM
  • Understanding package.json


  • Introducing ExpressJS
  • Building a Server With ExpressJS
  • Intro to Templating (Jade/Pug)

Client Server Communication

  • Defining an API Server
  • Understanding Routes
  • Understanding RESTful Calls to API
  • Creating a Round Trip Call to Server API


  • Intro to MongoDB
  • Understanding JSON Documents
  • Intro to RoboMongo
  • Reading and Writing Data to MongoDB
  • Integrating Dynamic Data into Clientside Template (Jade/Pug)


  • Understanding the WebSocket Protocol
  • Introducing Socket.IO
  • Creating a basic Live Chat Application
  • Extending Application to pass Complex Data

Concluding Exercise

Completing the final course application which implements all topics covered throughout the course. The application will display data in chart components displayed in a dashboard interface. The charts will react instantaneously to multiple users changing data. All changes will be stored persistently in MongoDB.

Public Scheduled Classes

Come into one of our centrally located training facilities. Small class sizes, industry experienced instructors, and many classes lead towards certification.

Virtual Student

Attend a real-time class without leaving home.

Find out more

Private Training

We can organise training for you. We can do it for only one person or a group. Give us a call an we can make arrangements for your course.

Live Online Training

With our online toolbox let your global team learn together. Give us a call and we can make arrangements for your course.

Academy In A Case

If you can’t come to us we can come to you. Give us a call and we can make arrangements for your course.

Spreading the cost of your training

You know that in the long term it pays to be skilled up in the latest software. But you’ll also know that, in the short term, investing in yourself can feel painful on your pocket. So we’ve got a solution that will help you learn the skills you need, at a monthly price that you can afford.

Introducing Academy Class Payments.

Because we’re committed to your success, we’re offering you the opportunity to pay for your training monthly, rather than the whole cost upfront. We want to remove every barrier we can to your success, and if having the flexibility to spread the cost of your training helps you, as it helps thousands of others, then let’s do it.



Save With Academy Class Vouchers

Academy Class Vouchers are a flexible, cost-effective solution for training multiple individuals within a team or across an organisation and allow any member within your organisation to book a training course anytime over a 12 month period.

Multiple users can make dramatic savings, booking 10 to 30 day training blocks from the Academy Class schedule. It’s up to you how many Academy Class Vouchers you purchase.

All you need to remember is that, the more you buy, the more you save.


2 reviews for JavaScript – Zero to HERO

  1. Rated 5 out of 5

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

  2. Rated 5 out of 5

    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!

Add a review

SKU: 254 Categories: , , Tags: ,
Thank you!