Course Code: jsangpro
Duration: 21 hours
Course Outline:

Day 1

Javascript Basics

Browser and Document Objects

  • When to Use JavaScript
  • The Document Object Model
  • When a Document Loads
  • Object References
  • Node Terminology

Scripts and HTML Documents

  • Where Scripts Go into Documents
  • JavaScript Statements
  • When Script Statements Execute
  • Viewing Script Errors

Programming Fundamentals

  • Variables
  • Expressions and Evaluation
  • Data Type Conversions
  • Operators
  • Decisions and Loops
  • Control Structures
  • Functions
  • The String Object, Date Object, Array Object
  • The Regular Expression and RegExp Objects
  • Control Structures and Exception Handling
  • Debugging Scripts

Document Object Model Essentials

  • The Object Model Hierarchy
  • Object Properties, Methods, Event Handlers
  • The W3C DOM
  • Generic HTML Element Objects
  • Window and Frame Objects
  • Location and History Objects
  • The Document and Body Objects
  • The Form and Related Objects

Functions and Custom Objects

  • Function Object
  • Function Application Notes
  • Creating Your Own Objects with Object-Oriented JavaScript

Day 2

jQuery Basics

Simplify JavaScript development with jQuery

jQuery structure and components

  • Core
  • Selectors
  • Attributes
  • Traversing
  • Manipulation
  • Effects

Ajax

  • XMLHttpRequest object
  • using HTTP GET, POST
  • Using JSON objects

jQuery Events

  • Binding and unbinding events
  • Convenient event helper methods
  • jQuery event object
  • Event features

Plugins

  • Finding a plugin
  • How to use jQuery plugins
  • How to minimize the size of the plugins
  • jQueryUI

AngularJS Basics

Binding Variables

Build-in directives and their scope

Data entry

Scope and rootScope

Collections

Controllers

Services

Filters

Day 3

Testing

Unit Testing

Available frameworks

Karma

Testing Controllers

Dependency Injection in testing

BDD Testing

Available frameworks

Jasmine

E2E (End to End Testing) testing

WebdriverJS

Protractor

Continous Integration with Angular

Protractor

Setup

Write a test

Interacting with elements

Writing multiple scenarios

Changing the configuration

Lists of elements

Using Locators

Using Page Objects to Organize Tests

Debugging Protractor Tests