JavaScript is a programming language that drives the web: from front-end user interface design, to backend server-side programming, you will find JavaScript at every stage of a web site and web application. In this course, you’ll learn the fundamental programming concepts and syntax of the JavaScript programming language

  • Programmers who want to upgrade their skills and become Front End Developers

Knowledge in ANY programming language and HTML Basics
}

40 Hours

Software Engineering

h

Certificate: No

Price: contact us for more details

Don't Be Shy

Leave your details and one of our customer service representatives will respond to you as soon as possible

Course Outline

 

Module 1 – Introduction to Client Side Programming

  • What is JavaScript
  • ES Basics

 

Module 2 – Syntax Basics

  • Statements
  • Comments
  • Variables
  • Data Types
  • Learning to check for type
  • Defending against Type mutation

 

Module 3 – Flow of Control

  • Operators
  • Comparisons
  • Conditional Statements
  • Loops
  • Switch statements

 

Module 4 – Functions

  • Functions
  • What are functions
  • Creating functions
  • Calling functions
  • Functions and scope

 

Module 5 – Arrays and Objects

  • Arrays
  • What are arrays
  • Creating Arrays
  • Accessing Arrays
  • String Functions
  • Math Functions
  • Date Functions
  • Objects
  • Creating Objects
  • Accessing Objects

 

Module 6 – Error Handling and Debugging

  • Understanding the Error object
  • The Inbuilt Error types
  • Creating resilient code using try/catch statements
  • Throwing Errors
  • In Browser Debugging
  • Developer Tools for IE
  • Console Debugging
  • Logging to the console
  • Breakpoints

 

Module 7 – The DOM

  • Why the DOM
  • Using the DOM
  • Selecting elements
  • Generating new content

Module 8 – CSS

  • Understanding the style object
  • Manipulating appearance with selectors
  • Positioning
  • Reading and setting CSS properties
  • CSS Classes and JavaScript

 

Module 9 – The Browser Object Model

  • What is the BOM
  • Cross-browser issues
  • The ‘core’ BOM
  • The window object
  • Global scope variables
  • The location object
  • Document methods
  • Cookies
  • The Screen object
  • Window objects

Module 10 – Event Handling

  • Understanding JavaScript events
  • Subscription models
  • Inline
  • Programmatic
  • Event listeners
  • Event bubbling and capturing
  • The Event object

 

Module 11 – Forms

  • Understanding forms
  • What are forms
  • HTML hierarchy
  • Selecting form elements
  • Accessing form elements
  • Form events
  • Control Events

 

Module 12 – Timers and Asynchronous programing

  • What are timers
  • Introduction to threading
  • Timer types
  • setInterval
  • setTimeout
  • Common timer issues
  • Scope
  • Latency
  • Workload

Module 13 – Functions and Closures

  • Advanced function design
  • Closures
  • What are closures and how do they work?
  • Using closures to simplify development
  • Parameters
  • Self-executing functions
  • Strict mode

Module 14 – Object Orientated JavaScript

  • Objects revisited
  • Creating your own objects
  • Constructors
  • Prototypes
  • Chaining objects
  • Overloading and overriding
  • With statements
  • Sealing objects

Module 15 – AJAX

  • The need for AJAX
  • XMLHttpRequest Object
  • Creating a request
  • Sending a request to server
  • Receiving a response from server
  • readyState & Status of a request

Module 16 – Introducing jQuery

  • What is jQuery?
  • Selectors
  • Events
  • Effects
  • Callbacks
  • Ajax
  • jQuery UI