Introduction

• What is JavaScript?

• Client side / server side

• ECMAScript 6 and beyond

Work Environment

• Setting up an IDE

• Online editor - Codepen, JSfiddle

• Built-in Browser tools

Welcome to Programming

• Programming logic

• Basic Syntax

• How code works

• Separating HTML from logic

• Embedding and linking code

• Making a statement

Variables

• Declaring variables

• Global and local

• Data types

• Type casting

• Console log

Document Object Model

• Application Programming Interface (API)

• Objects, Methods and Properties

• Manipulating the DOM tree

• Debugging your scripts

• Introduction to functions

Template Literals

• Integrating literals and variables

• Multi-line strings

• String Interpolation

• Embedded expressions

Working with Logic

• Conditionals and logical operators

• If, else if, else

• Ternary (conditional) operator

• Switch

Built in Methods

• String methods

• Number methods

• Doing arithmetic

Arrays

• Concept and syntax

• Adding and removing from an array

• Sorting an Array

• Select randomly from an Array

Looping

• while loop

• do . . . while loop

• for loop

• for . . . in loop

• for . . . of loop

Functions

• Custom functions

• Callbacks

• Arguments

• Parameters

Introduction to EventListeners

• Events

• Event Objects

• Named Functions

Questions & Answers