JavaScript & jQuery

Learn JavaScript in London from JavaScript programmers and also create projects for your portfolio.

15 %

when you buy 3 or more courses

The discount will be automatically
applied at the checkout
Looking for a
2-12 months
Choose JavaScript
Career Programme

Looking for a 2-12 months training?


JavaScript career programme

Upcoming dates

There are no open public schedule dates for JavaScript & jQuery course. We can offer you a private training or arrange a public course for you. Contact us here and we can make arrangements for your course.

Delivery Formats

This course can be attended face to face in an open classrooms, live online virtual classroom remotely from home or office, private one-to-one and on-site for your team at your office.

Course Outline

JavaScript & jQuery course overview

This course explains how to use JavaScript to create interactive web pages. After completing our jQuery training course you will be able to use jQuery effects and animations on your web pages. Few practical JavaScript based projects at the end of the course will ensure that you can apply jQuery on your web projects.

This short JavaScript course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends. A list of all upcoming public JavaScript training course is given on Training Dragon website.

Who is JavaScript & jQuery training for?

This course is for you if you are interested in using JavaScript on your web pages to create advanced, feature-rich web site.

Prerequisites for JavaScript & jQuery course

  • To attend this course you must have hands-on, coding experience of HTML and CSS.  If you are not fully familiar with such topics, please make sure you have some practice before course starts or enrol on our Web Design course.
  • You should have understanding of some basic programming concepts. If you have little or no experience of programming, first attend our Introduction to Programming course

What will I get?

  • Training from professional JavaScript developers:

    Training Dragon consultants have been implementing professional JavaScript solutions across a range of web sites for many years. Those consultants write and teach our JavaScript training courses, so their experience directly informs course content.

  • Real-time Practice and Projects:

    Our JavaScript are designed to get you started in web design. We work on industry related projects in this JavaScript course. These projects help you create your JavaScript portfolio.

  • Course Material:

    JavaScript electronic notes are included in this course.

  • Course Completion Certificate:

    After completing this training your will be receive a JavaScript course completion certificate.

  • Support and Careers Advice:

    After the course if you have any problems or questions regarding JavaScript do not hesitate to contact us. Training Dragon’s trainers are expert in their fields and if you need any help with you career choice, please speak to one of our trainers.

JavaScript & jQuery Course Contents



  • What is Javascript?
  • Hello World!
  • Defining functions
  • Event handlers
  • Statements
  • Comments
  • Javascript files
  • Data types
  • Variables
  • String, Boolean and Number data types
  • The null and undefined variables
  • Constants
  • Reserved Words
  • Operators and Statements
  • Basic Operators
  • Conditional Statements
  • Conditional Operators
  • Logical Operators
  • Loops: while, do, for


Projects in JavaScript

Project 1 – Handling JavaScript Popup, Prompt and Confirm

Project 2 – Managing Date and Time in Javascript

Project 3 – Change an image with a click

Project 4 – Manipulate css with JavaScript 

Project 5 – Simple Animation with JavaScript

Project 6 – Image gallery with JavaScript


Introduction to jQuery

  • Introduction to jQuery
  • What is jQuery?
  • Anatomy of a jQuery Script
  • How it works
  • Download and install jQuery
  • Create your first jQuery page
  • The jQuery() and $() Functions
  • Setting up and including jQuery
  • jQuery Fundamentals

jQuery Selectors, Properties and Attributes

  • What are selectors?
  • Selecting HTML Elements using jQuery
  • HTML attributes selection
  • Changing positions
  • Working with Selections
  • jQuery Element Selectors
  • Attribute Selectors
  • Attributes
  • Manipulating Elements

Edit CSS using jQuery

  • CSS Selectors
  • Changing CSS property and Value
  • Multiple CSS manipulation

jQuery Events

  • What are jQuery events?
  • Event handlers
  • The Browser and jQuery Event Models
  • Ready event
  • Click event
  • Dblclick event
  • Mouseover event
  • Focus event

Animations and Effects

  • Showing and hiding elements
  • Adding and removing elements
  • Basic animations
  • Creating custom animations
  • Fading elements
  • Modifying Web Page Content

jQuery UI Library

  • jQuery UI official website and documentation
  • Interactions, Widgets, Utilities and Effetcs
  • Download a jQuery UI module
  • Select a jQuery UI Theme
  • How to use a jQuery UI module

jQuery Projects

We are going to complete following hands on projects in this jQuery course.

Project 1 – jQuery UI Accordion

Project 2 –Create lightboxes and a slideshows using FancyBox plugin

Project 3 – Create a simple Jigsaw game with jQuery UI Sortable module

Project 4 – Create a jQuery Carousel in class

View Complete Course outline

Daily schedule

The scheme below shows what a typical day at Training Dragon looks like.

10:00 11:30 11:45 13:00 14:00 15:30 15:45
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Video Placeholder

Looking for a
2-12 months


JavaScript career programme

Our Trainers

Leads our teaching team with many years of experience in teaching web development.
Brings many years of Python and Java software development experience to classrooms.
Microsoft and Oracle certified developer with years teaching experience in Android, .NET and databases.

Frequently Asked Questions

How many maximum people are on my course? 

To make sure that personal attention is provided to everyone in the class, we keep our classroom size very small. There are maximum 8 delegates in all our classrooms.
More questions?
We are here to answer them