A Comprehensive Guide to Learning Modern JavaScript

Gain the Latest and greatest in Javascript with our Modern Javascript Tutorial!

We cover everything from the basics to advanced topics, all explained in simple terms.

Get up-to-date on your coding skills today!  

JavaScript is a cross-platform, object-oriented scripting language used to make webpages interactive (e.g. complex animations, clickable buttons, popup menus etc). it is used by programmers across the world to create dynamic and interactive web content.

This Tutorial designed to help you to understand every aspect of the JavaScript programming language, quickly and efficiently. Here we learn JavaScript, We concentrate on the language itself here, with the minimum of environment-specific notes. 

 
Introduction:

JavaScript is a lightweight, cross-platform, and interpreted compiled programming language which is also known as the scripting language for webpages. It is well-known for the development of web pages, many non-browser environments also use it. JavaScript can be used for Client side developments as well as Server side developments.

The developer console is a practical tool that recognize tracing of scripts in the production system.  Developer tools permit us to see errors, run commands, examine variables, and much more. You can also use option (Shift + CTRL + J) on Windows.

A code editor is the place where programmers spend most of their time.

There are many options, for instance:

  • Visual Studio Code
  • Sublime Text
  • Notepad++
JavaScript Fundamentals:

A basic JavaScript program is determine to print Hello world as an output. 

We will use these three ways to print ‘Hello, World!’. 

  1. console.log(‘Hello, World!’);
  2. alert(‘Hello, World!’);
  3.  document.write(‘Hello, World!’);
 

Variables are containers for storing data (values).

There are 3 ways to declare a JavaScript variable:

    • Using var
    • Using let
    • Using const

JavaScript variables can hold different data types: numbers, strings, objects and more:

  1. Primitives/ Value Types
  • String
  • Number
  • Boolean
  • Null
  • Undefined
  1. Reference Types
  • Object
  • Date
  • Array

There are three browser-specific functions to interact with visitors: alert, prompt, and confirm.

The alert shows a message. The prompt shows a message asking the user to input text. It returns the text or, if Cancel button or Esc is clicked, null. The confirm shows a message and waits for the user to press “OK” or “Cancel”. It returns true for OK and false for Cancel or Esc.

  1. alert(“Hello”);
  2. result = prompt(title, [default]);
  3. result = confirm(question);

Template Literals use back-ticks (` `) rather than the quotes (” “) to define a string:

  •   let text = `Hello World!`;
Code quality:
Objects: the basics:
Data types:
Advanced working with functions:
Classes:
Error handling:
Object properties configuration:
Promises, async/await:
Generators, advanced iteration:
Modules:
Browser: Document, Events, Interfaces

Learning how to manage the browser page: add elements, manipulate their size and position, dynamically create interfaces and interact with the visitor.

 
Document:
Introduction to Events:
UI Events:
Forms, controls:
Document and resource loading:
Miscellaneous:
Advance topics

List of extra topics that assume you’ve covered the first two parts of tutorial. There is no clear hierarchy here, you can read articles in the order you want.

 
Frames and windows:
Binary data, files:
Network requests:
Storing data in the browser:
Animation:
Web components:
Regular expressions: