Tutorial to learn JavaScript at your fingertips

Introduction to JavaScript

Write your first JavaScript program

Where to put JavaScript?

debug

JavaScript basic syntax

Data types and variables

JavaScript string

JavaScript array

JavaScript determines if/else statements

switch/case statement

for loop

while loop

exit loopbreak

continue loopcontinue

What is a function in JavaScript

JavaScript definition function

Javascript call function

function with parameters

Function that returns a value

What is an object?

JavaScript creates objects

Access object properties and methods

Date date object

String string object

Math mathematical object

Array array object

Browser introduction

window object

navigator object

screen object

location object

document

What is DOM

Nodes and node trees

Javascript gets DOM node

JavaScript gets node type, node name and node value

JavaScript parentNode: Get the parent node

Javascript gets child nodes

Javascript gets sibling nodes

Javascript creates node

Javascript add node

Javascript removeChild(): delete node

JavaScript cloneNode(): clone node

JavaScript gets CSS styles

JavaScript sets and modifies CSS styles

JavaScript cancels browser default action

JavaScript event source

JavaScript gets mouse coordinates

JavaScript event object: current event

How to bind events in JavaScript [3 ways]

The concept of JavaScript events

JavaScript common events

JavaScript object literal

JavaScript adds properties and methods to objects

JavaScript traverse object properties and methods

JavaScript access object properties and methods

JavaScript class definition and instantiation

Basic concepts of object-oriented programming