jQuery Fundamentals

Course Description

jQuery is a lightweight JavaScript Library which allows you to write less code and do more. The purpose of jQuery is to make it much easier to use JavaScript on your website. It takes common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that can call with a single line of code.

jQuery simplifies a lot of complicated things from JavaScript like AJAX calls and DOM Manipulation. jQuery has plugins for almost every task and runs the same across all major browsers.

This 3-day course provides extensive training on selectors, DOM manipulation, handle events, create effects, build AJAX applications, write and use jQuery plugins and organize jQuery code. When you complete this course you will be able to complete basic tasks using jQuery, and you will have a solid basis from which to continue your learning.

Target Audience

This course is aimed for Front-end developers. Experienced with HTML, CSS and JavaScript users who want to use jQuery in website or web application development.

Prerequisites

Experience in HTML, JavaScript, and CSS would be beneficial

For learners with no experience in HTML, CSS and JavaScript attending the following courses can assist:

HTML & CSS

Introduction to JavaScript

Sorry, we currently do not have any JavaScript Level 1 Courses scheduled at this time. Please contact us to see if we can put one on the schedule for you.

COURSE OUTLINE

Module 1: jQuery Introduction

How jQuery Works

First Example

Module 2: JavaScript Basics

Syntax Basics

Reserved Words

Operators

Operations on Numbers and Strings

Logical Operators

Comparison Operators

Conditional Code

Conditional Variable Assignment with the Ternary Operator

Switch Statements

Loops

Arrays

Objects

Functions

Testing Type

Scope

Closures

Module 3: jQuery Basic Concepts

Basic Flow of a jQuery Application

Using $(document)ready()

Selecting Elements

Operating on Selections

Working with Selections

CSS, Styling, and Dimensions

Traversing

Manipulating the DOM

Module 4: jQuery Core

$ vs jQuery

$ vs $()

Utility Methods

Checking Types

Storing and Retrieving Data Related to an Element

DOM-Related Utilities

Feature and Browser Detection

Avoiding Conflicts with Other Libraries

Module 5: Events and Event Handlers

Connecting Events to Elements

Removing Event Handlers

Namespacing Events

Inside the Event Handling Function

Triggering Event Handlers

Increasing Performance with Event Delegation

Removing Delegated Event Handlers

Event Helpers

Module 6 : Effects

Built-in Effects

Changing the Duration of Builtin Effects

jQuery.fx.speeds

Limitations on Effects

Queuing of Effects with Other Operations

Callbacks - Doing Something When an Effect is Done

Running Code When an Effect is Complete

Custom Effects with $.fn.animate

Easing

Managing Effects

jQuery.fx.off

Module 7: Ajax

Key Concepts

GET vs POST

The Same Origin Policy

Data Types

A is for Asynchronous

Same-Origin Policy and JSONP

Ajax and Firebug

jQuery's Ajax-Related Methods

$.ajax

Convenience Methods

$.fn.load

Ajax and Forms

Working with JSONP

Ajax Events

Module 8: Plugins

How to Create a Basic Plugin

Testing Our Plugin

Finding and Evaluation Plugins

Module 9: Best Practices

JavaScript Best Practices

Namespacing Variables

Cache Frequently Used Values

Beware Anonymous Functions

jQuery Best Practices

Optimize Selectors

Use "Safe" Selectors

Use Event Delegation

Detach Elements to Work with Them

Use Stylesheets for Changing CSS on Many Elements

Use $.data Instead of $.fn.data

Code Organization

Key Concepts

Don't Treat jQuery as a Black Box

Module 10: Custom Events

About Custom Events

Recap: $.fn.on, $.fn.trigger, and

$.fn.triggerHandler

Summary

Our outlines are a guide to the content covered on a typical course. We may change or alter the course topics to meet the objectives of a particular course.

Private Training?

Would you prefer to take a private Javascript course with one of our certified trainers?

We offer Javascript training:

From 1 to 100 delegates, On-site at your offices.

Group rates, Flexible dates, Customised courses & Ongoing support for Adobe Javascript

Private Course Request

Virtual Classroom

Live, Online instructor-led Javascript training.
Flexible dates and times to suit. All taught in real time wherever you are to individuals or groups.

Testimonials

If you would like to see our Javascript Testimonials, please either contact us directly or view our client list and their experiences with our company.

Which Javascript Course do I take?

We offer 3 Javascript courses. A beginner, intermediate and advanced. Each is 1-day. Please read the course oulines above to determine which is best for you. We taking the advanced course if you are knowledgable of at least 70% of the beginner course.

Javascript Onsite Course Options

Wherever your office is located, we can come to you and deliver a private custom Javascript course. The larger the group the bigger the discount. However we also offer Javascript training for individuals, either at your offices or your home.

For on-site courses, you will need to have a computer with Javascript and if there are 3 or more delegates, a projection system is required for our Javascript instructor.

Javascript Public Courses

Currently we offer Public Javascript courses in the Johannesburg, Cape Town, Durban, Gqeberha and Bloemfontein areas. We can however provide a private onsite course or of course an online Javascript course is also available

Javascript Online Courses

If you are unable to attend a public Javascript course, or simply prefer the convenience of an online course, these are regularly offered. For online Javascript courses you will need Javascript installed, an internet connection of 5MB/s or faster and a headset with a mic or use your laptop's built in mic and speakers. All Javascript course materials are provided digitally. The course is of course, live and fully interactive with engaging teaching.

Javascript Private Course

Javascript users tend to use the product for specific purposes. We can tailor a course to meet your specific goals.

What else should I learn after my Javascript course?

Firstly, get the basics done. It is absolutely essential for you to have a good working knowledge of Javascript. More and more companies are demanding expertise in Javascript, whether it is formula’s, pivot tables or dashboard. Taking the Javascript level 2 and level 3 class is highly recommended.
In addition to Javascript, most office users will use PowerPoint, Word and Outlook.

It’s essential to know Javascript and taking an Javascript beginner course is the best way to start. What will certainly make a difference though, is your level of expertise in Javascript and knowledge of the other products.

Javascript training courses are available for all versions

Whether you are using the most recent Javascript version, or earlier releases such as Javascript 2010,2013,2016 or 2019, our Javascript training courses will help you learn the tools you use. When attending a public Javascript course, we will use the most recent versions for your Javascript course. If you wish to use an older version of Javascript for your training, simply let us know and we will work with you on that version. Our Javascript instructors have been teaching and developing courses for over 15 years, and are happy to address questions and deliver training on all versions of Javascript.

Javascript Training Courses from TTC

Javascript is installed on almost every device today. Computers, tablets and mobile devices. It is the most common spreadsheet used by over 500 million people and it is an office tool you can’t live without. Our instructors have been using and teaching Javascript for over 20 years. Whether you are a beginner or advanced we can assit you.

Prerequisites for enrolling in Javascript public courses

For the beginner course, no previous experience is required. For the intermediate and advanced Javascript courses, we recommend using Javascript for at least 3 months or having attended the beginner course. If you are not sure which level would benefit you, please have a look at the course descriptions for each level. Most of our classrooms, are equipped with Windows computers for use during your Javascript training class. If you are an Javascript mac user, you are welcome to bring your Mac with with you. It is strongly recommended that you have a personal installation of Javascript to use directly after your training

Course materials for Javascript classes

All delegates receive digital materials which are the official training manuals. Our instructors may provide addtional training lessons and information especially for custom courses

Javascript Certification Training

These Javascript courses are the perfect preparation to become a Office Specialist

Javascript Class Reviews and Testimonials

Javascript is used by almost every computer user. Simply put if you want to be employed or run your own business, knowledge of Javascript is imperative. We cannot show you all our clients and their reviews on our site, and you can view a sample by using this link, however if you contact us directly, we will be happy to put in you in touch with some of our students who have taken our Javascript courses.

Javascript