Programming With Javascript

Course Introduction

JavaScript is popularly known as the language of Web. To become a web developer, it is essential to learn JavaScript. In this course, get an in-depth knowledge of complex concepts of JavaScript and understand it easily.

Write code and debug the programs effectively in JS by avoiding pitfalls. Along with this, understand basics of how data is exchanged on WWW, demonstrate web page using DOM, and develop dynamic web pages in the browser using JavaScript.Additionally, explore HTML and CSS that are basic elements of web page creation.

Overview

JavaScript Programming is a three-day course. This Java course will guide delegates through the in-depth knowledge of JavaScript. It enables candidates to effectively program JavaScript to best practices for big scale reusable code libraries.

Learn the fundamental and advanced features of JavaScript such as events, asynchronous programming, callbacks and work with jQuery that provides the function and procedures necessary for the simplifying DOM manipulation and event handling.

Course Content

Module 1 – An overview to JavaScript

• An introduction to JavaScript

• Placing script in a web page

• Implementing developer tools

Module 2 - Types

• An introduction to JavaScript types

• Defining Primitive and Reference types

• Type Checking

• Understanding Operators

Module 3 - Flow of Control

• Describing If and Switch statements

• Using Loop statements

Module 4 - Functions, Arrays, and Objects

• An overview of Arrays

• Array creation

• Accessing Arrays

• An Introduction to Functions

• Creating and calling functions

• Scope of functions

• An introduction to Objects, their creation and accessing

Module 5 - Error Handling and Debugging

• Understanding Error types

• Using try/catch statement

• Throwing Errors

• Debugging In Browser

• Console Debugging and Logging

• Understanding Breakpoints and browser developer tools

Module 6 - The DOM

• An introduction to the DOM

• Need of DOM

• Use of DOM

• Understanding CSS Selector patterns

• Creating new content

Module 7 – An overview of Browser Object Model

• An introduction to the BOM

• Understanding Cross-browser disputes and cookies

• The core BOM

• The window object and other BOM objects

• The Location, Document and History object

• The Screen and Window object

• Understanding viewport

Module 8 – An introduction to Forms and Regular Expressions

• Understanding forms and HTML hierarchy

• Selecting and Accessing form elements

• Recognizing form methods and events

• Input element events

• Form and field validation

• Using Regular expressions

• An introduction to RegEx

• Using RegEx to analyze data

• An overview of HTML5

Module 9 – Understanding Timers and Asynchronous programming

• An introduction to timers and timer types

• Analyzing setInterval and setTimeout

• Understanding timer issues

• Defining requestAnimationFrame and cancelAnimationFrame

Module 10 - Functions and Closures

• An introduction to Closures

• Working of Closures

• Need of Closures

• Understanding Advanced function design

• Self-executing and Parameterized self-executing functions

Module 11 – Using concepts of Object Orientated JavaScript

• An overview of Objects

• Creating new objects

• Creating Constructors and Prototypes

• Chaining of objects

• Concepts of Overloading and overriding

Module 12 – Understanding Cross Browser Development

• Defining cross browsers issue

• Selecting supporting browsers

• Browser grading system

• Difference between Progressive improvement and graceful degradation

• Difference between Browser and feature detection

Module 13 – Understanding Modern Web Development

• An introduction to Git and software development

• Understanding Bower, Grunt, Yeoman, and Gulp

• Understanding NPM and packaged components

• Preparing applications and working package.json

• Determining task runners and producers such as Grunt and Gulp

• Using Gulp to build an automatic task runner and compiler

• Recognizing continuous integration and development

• Developing a CI/CD Gulp task runner

Module 14 – Variables and Types of ECMAScript2015:

• Introducing the new keywords

• The 7th data type

Module 15- Strings, Objects and Arrays of ECMAScript2015:

• The new string literal syntax

• Enhanced Object Literals

• New methods for Strings, Objects and Arrays

• The FOR OF loop of array

• De-structuring JavaScript

Module 16- Classes and Functions of ECMAScript2015:

• Using the new class syntax to write slicker OO code

• Clearer code using arrow functions

• Introducing default values and rest parameters

Prerequisites

Delegates should have knowledge of HTML and CSS with experience of six months and a skillset of developing an effective website. The familiarity with the programming would be beneficial for the participants.

Target Audience

This course is designed for delegates who wish to learn the flexible and powerful language. This course is also intended for candidates who have the object-oriented programming skill and need to know the JavaScript as the essential skill.

Delegates Will Learn How To

The objectives of this course are:

• Managing JavaScript types efficiently

• Encoding using flow of control

• Defining functions, objects, and arrays

• Creating new HTML content using the DOM

• Understanding the BOM

• Hook up events

• Working with forms and steady languages

• Recognizing closures and self-executing functions

• Working with JSON and AJAX

• Working with JavaScript libraries such as jQuery and AngularJS