::JavaScript - Sanrus Training Centre ::

Loading...

JavaScript

You are here : Home / Courses / JavaScript


Overview
JavaScript training provides you the foundation for JavaScript language that will cover language syntax, object oriented concepts, validating html forms, DOM and CSS manipulations, Event handling techniques. 

This training starts with an assumption of no background software programming experience, and thus we gradually take you to the level of preparation for job interview and/or course certification. This training also lays foundation for learning JavaScript frameworks such as jQuery, AngularJS , ReactJS and etc.


Topics Covered
→ JavaScript Language
→ DOM and CSS manipulations
→ Event Handling
→ Git Version Control

Price: 800 CAD
Prerequisite: None
Duration: 10 Weeks
Schedule:
Every Sunday:- 2PM to 5PM


1) Introduction to JavaScript
  1. A brief history of JavaScript.
  2. Why JavaScript is used on the client side?
  3. Adding JavaScript to web pages
    • Internally through <script> tag
    • Externally through javascript file.
  4. Masking the JavaScript code. (How to mask a JavaScript code from being shown on the web page when the browser disables the JavaScript)
  5. <noscript> element
  6. JavaScript Pseudo URLs
  7. Uses of JavaScript
2) JavaScript Data Types & Variables
  1. What is a data type and variable?
  2. Weak typing in JavaScript.
  3. Primitive & Reference (or Object) types
  4. Hexadecimal, Octal & binary literals
  5. Special data values (NaN, Infinity or –Infinity)
  6. Strings and Special Characters
  7. Undefined and Null
  8. Variables (Declaration, Initialization, Scoping, Implicit declaration)
  9. Global and local scoping
3) Operations, Expressions
  1. Statements using blocks
  2. Operators (=, +, *, /, -) and how the data is being handled during these operations.
  3. String concatenation using + operator
  4. Bitwise operators (&, |, ^)
  5. Comma operator (,)
  6. Shorthand assignment operators (+=, -=, *=, /=, &=, |=, ^=)
  7. Increment & Decrement operators (post and pre)
  8. Comparison Operators (<, >, <=, >=, ==, ===)
  9. Comparing Strings
  10. Logical operators (&&, ||, !)
  11. Ternary Operator (?:)
  12. void operator
  13. typeof operator
  14. object operator (period symbol => ‘.’)
4) JavaScript Statements
  1. If – Elseif - Else statements
  2. Short circuit evaluation in If-Elseif-else statements
  3. While, Do-While, For loops & For..in looping statement
  4. Switch statement
  5. Break and continue statements used in loops for controlling the loop
  6. With statement
5) JavaScript Functions
  1. Function Basics
  2. How to pass parameter to a function
  3. How to return a value from a function
  4. Masking the global scoped variables in a function
  5. Local functions (functions with in a function)
  6. Functions as Objects
  7. Creating anonymous functions
  8. Static variables in a function
  9. How to dynamically manipulate the arguments passed to the function
  10. What is a recursive function?
6) JavaScript Objects
  1. What is an Object?
  2. Objects in JavaScript
  3. Abstraction, Encapsulation, Inheritance and Polymorphism (principles of Object oriented programming)
  4. Object creation, destruction and garbage collection
  5. Properties in an Object
  6. Accessing the properties using ‘.’ notation and array notation ‘[]’
  7. Functions as methods in an Object
  8. Enumerating the properties in an Object.
  9. Using with for ‘document’
  10. Objects as reference types
  11. Passing objects to functions
  12. Common properties and methods associated with an object
  13. User defined objects (how to create objects on our own)
  14. Object literals (using ‘{}’ to create an object)
  15. How objects can be used in the form of arrays
  16. Constructors, Prototypes, Class Properties
  17. Overriding the properties
7) JavaScript Object Models
  1. Overview on Object model (History and evolution of DOM structure)
  2. Document Object (document and its methods)
  3. Accessing DOM elements by position, name and id
  4. Accessing DOM as an associative array
  5. W3C’s definition for DOM levels (overview on DOM level 0, 1 & 2)
  6. Categories of DOM structures (an overview):
    1. DOM Core
    2. DOM HTML
    3. DOM CSS
    4. DOM Events
    5. DOM XML
  7. Document trees
  8. Accessing elements
  9. How DOM and HTML are related to each other
  10. Creating a node dynamically using JavaScript (e.g: adding <p> tag to the <div> tag using JavaScript)
  11. Inserting and Appending a Node
  12. Copying Node
  13. Deleting and Replacing Node
  14. Modifying Node and its content
  15. Manipulating the attributes
  16. document.all[]
8) Manipulation of Tag/Element styles using DOM
  1. Inline Style manipulation
  2. Dynamic Style using classes and Collections
  3. Accessing style rules
9) Event Handling
  1. Overview of Events and Event Handling
  2. Event Model in JavaScript
  3. Binding event handler attributes in JavaScript (using anonymous functions as well)
  4. Event Handler scope
  5. Return values in events
  6. Firing events manually
Support Services:
  1. → 3 Mock Interviews
  2. → Attend 3 sessions (3 hr/session) after the course is completed.
Price: $200 CAD

*Support Services are optional to all the courses.