JavaScript courses logo

 

JavaScript courses

 


 

 

  • jQuery Fundamentals
  • Introduction to JavaScript Course
  • Advanced JavaScript Programming

Sorry, we currently do not have any public courses scheduled for the JavaScript level 1 course. Please contact us to see if we can put one on the schedule for you

Sorry, we currently do not have any public courses scheduled for the JavaScript level 1 course. Please contact us to see if we can put one on the schedule for you

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

    • jQuery Fundamentals

    Download PDF

    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.

    • Sorry, we currently do not have any public courses scheduled for the JavaScript level 2 course. Please contact us to see if we can put one on the schedule for you

    Sorry, we currently do not have any public courses scheduled for the JavaScript level 2 course. Please contact us to see if we can put one on the schedule for you

    Introduction to JavaScript Course

    Course Description

    Students will learn how to use JavaScript effectively to make their web pages more dynamic and functional. JavaScript functions can include arithmetic operations, date and time functions, random numbers, text strings and components of document content. It can also include functions to make pop-up windows and confirmation boxes. JavaScript is useful with html submission forms and the training is ideal for the newcomer to JavaScript

     

    Target Audience

    The JavaScript course targets Programmers and Developers who would like to gain the knowledge of developing Web based applications.

     

    Prerequisites

    HTML Training course or equivalent knowledge.

    Introduction to JavaScript Course

    Download PDF

    Module 1: JavaScript Basics

    • The Name "JavaScript"
    • What is ECMAScript?
    • The HTML DOM
    • JavaScript Syntax
    • Accessing Elements
    • Where Is JavaScript Code Written?
    • The "javascript" Pseudo-Protocol
    • JavaScript Objects, Methods and Properties

     

    Module 2: Variables, Arrays and Operators

    • JavaScript Variables
    • Arrays
    • JavaScript Operators

     

    Module 3: JavaScript Functions

    • Global Functions
    • User-defined Functions
    • Returning Values from Functions

     

    Module 4: Event Handlers

  • Event Handlers
  • Dot Notation and Square Bracket Notation
  • querySelector()

    •  

    Module 5: Built-In JavaScript Objects

  • String
  • Math
  • Date
  • The type of Operator
  • Helper Functions

    •  

    Module 6 : Conditionals and Loops

  • Conditionals
  • Loops

    •  

    Module 7: JavaScript Form Validation

  • Accessing Form Data
  • Basics of Form Validation
  • Validating Radio Buttons
  • Validating Check Boxes
  • Validating Select Menus
  • Focus, Blur, and Change Events
  • Validating Textareas

    •  

    Module 8: The HTML Document Object Model

  • The innerHTML Property
  • Accessing Element Nodes
  • Attaching Events
  • Event Propagation: Capturing and Bubbling
  • Accessing Attribute Nodes
  • getAttribute()
  • attributes[]
  • hasAttribute()
  • setAttribute()
  • removeAttribute()
  • Accessing Nodes by Type, Name or Value
  • Removing Nodes from the DOM
  • Creating New Nodes
  • Identifying the Target of an Event

    •  

    Module 9: CSS Object Model

  • Changing CSS with JavaScript
  • Hiding and Showing Elements
  • Manipulating Tables
  • Dynamically Changing Dimensions
  • Positioning Elements Dynamically
  • Changing the Z-Index
  • The CSS Object Model

    •  

    Module 10: Images, Windows and Timers

  • Image Rollovers
  • Preloading Images
  • Windows
  • Timers

    •  

    Module 11: Debugging and Testing with Chrome

  • Chrome DevTools
  • The Panels
  • The Sources Panel
  • Other DevTools Panels
  • Chrome DevTools API and Extensions

    •  

    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.

    Sorry, we currently do not have any public courses scheduled for the JavaScript level 3 course. Please contact us to see if we can put one on the schedule for you

    Sorry, we currently do not have any public courses scheduled for the JavaScript level 3 course. Please contact us to see if we can put one on the schedule for you

    Advanced JavaScript Programming

    Course Description

    In this Advanced JavaScript Programming training course, you will learn advanced JavaScript techniques that include working with the ECMAScript 2015 (referred to as "ES2015" or "ES6") and ECMAScript 2016 (referred to as "ES2016" or "ES7") releases.


    The course includes a thorough exploration of advanced objects, arrays, and functions; the XMLHttpRequest (Ajax) API; and working with JSON. Finally, you will learn to handle errors and exceptions and to use regular expressions in JavaScript.

     

    Target Audience

    Individuals who need to learn the advanced features of JavaScript

     

    Prerequisites


  • Experience is required in HTML and CSS as well as Basic JavaScript.
  • Basic Ajax would be helpful. OR
  • Attend HTML & CSS Level 1 & 2 courses
  • Attend Introduction to JavaScript course

    • Advanced JavaScript Programming

    Download PDF

    Module 1: Scope

  • Scope in JavaScript
  • The var Keyword
  • Scope in Nested Functions
  • The let Keyword

     

    Module 2: Advanced Objects

  • Object-Oriented Programming
  • Prototyping
  • Composing Prototypes
  • ES2015 Classes
  • Static Methods
  • Inheritance
  • Maps
  • Sets
  • Modules

     

    Module 3: Advanced Functions

  • Function Declarations
  • Function Expressions
  • Default Values
  • Flexible Arguments
  • Closures
  • Immediately-Invoked Function Expressions (IIFEs)
  • Callbacks
  • Recursion

     

    Module 4: Advanced Arrays

  • Arrays
  • Arrays Methods
  • Iterators and Arrow Functions
  • Static Array Methods
  • Array Prototype Methods

     

    Module 5: XHR

  • XMLHttpRequest
  • The XMLHttpRequest Object
  • Nodejs
  • Using the XMLHttpRequest Object
  • The Callback Function
  • Promises
  • CORS/JSONP: Accessing Remote Sites

     

    Module 6 : JSON

  • JSON
  • Review of Object Literals
  • Back to JSON

     

    Module 7: Errors and Exceptions

  • Runtime Errors
  • Nested Try/Catch

     

    Module 8: Regular Expressions

  • Getting Started
  • Regular Expression Syntax
  • Backreferences
  • Form Validation with Regular Expressions
  • Cleaning Up Form Entries

     

    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.