Javascript Documentation 1.0
Introduction

JavaScript is a cross-platform, object-oriented scripting language. It is a small and lightweight language. Inside a host environment (for example, a web browser), JavaScript can be connected to the objects of its environment to provide programmatic control over them.

JavaScript contains a standard library of objects, such as Array, Date, and Math, and a core set of language elements such as operators, control structures, and statements. Core JavaScript can be extended for a variety of purposes by supplementing it with additional objects; for example:

  • Client-side JavaScript extends the core language by supplying objects to control a browser and its Document Object Model (DOM). For example, client-side extensions allow an application to place elements on an HTML form and respond to user events such as mouse clicks, form input, and page navigation.
  • Server-side JavaScript extends the core language by supplying objects relevant to running JavaScript on a server. For example, server-side extensions allow an application to communicate with a database, provide continuity of information from one invocation to another of the application, or perform file manipulations on a server.

One of the main objectives of this Documentation, is to really to teach you about the content you are reading about. This is why you will find videos along the whole document.

You will also find this icon:. Is it a clickeable link so you can find more information and the source of that information.

Basics - What is Javascript?
  • JavaScript is the Programming Language for the Web.
  • JavaScript can update and change both HTML and CSS.
  • JavaScript can calculate, manipulate and validate data.

A quick video to make the knowledge more interactive:

Who created Javascript?

Creation at Netscape

The Mosaic web browser was released in 1993. As the first browser with a graphical user interface accessible to non-technical people, it played a prominent role in the rapid growth of the nascent World Wide Web. The lead developers of Mosaic then founded the Netscape corporation, which released a more polished browser, Netscape Navigator, in 1994. Navigator quickly became the most used browser.

Netscape management soon decided that the best option was for Eich to devise a new language, with syntax similar to Java and less like Scheme or other extant scripting languages. Although the new language and its interpreter implementation were officially called LiveScript when first shipped as part of a Navigator release in September 1995, the name was changed to JavaScript three months later.

About his creator:

Operators

JavaScript includes operators as in other languages. An operator performs some operation on single or multiple operands (data value) and produces a result. For example 1 + 2, where + sign is an operator and 1 is left operand and 2 is right operand. + operator adds two numeric values and produces a result which is 3 in this case.

let a = 1;
let b = 2;
let addition = a + b;

JavaScript includes following categories of operators.

  • Arithmetic Operators
  • Comparison Operators
  • Logical Operators
  • Assignment Operators
  • Conditional Operators

JavaScript Arithmetic Operators

Operator Description
+ Addition
- Substraction
* Multiplication
** Exponentiation
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement
Variables

JavaScript variables are containers for storing data values. In this example, x, y, and z, are variables:

Example:

var x = 5;
var y = 6;
var z = x + y;

Using let and const (2015)

Before 2015, using the var keyword was the only way to declare a JavaScript variable. The 2015 version of JavaScript (ES6 - ECMAScript 2015) allows the use of the const keyword to define a variable that cannot be reassigned, and the let keyword to define a variable with restricted scope. Because it is a little complicated to describe the difference between these keywords, and because they are not supported in older browsers, the first part of this tutorial will most often use var.

A quick video to make the knowledge more interactive:

What do you need to install? - Tools

36 ESSENTIAL JAVASCRIPT TOOLS IN 2019

JavaScript continues to be the world's most popular programming language. Designing anything on the web requires at least a working knowledge of JS, given the many frameworks and libraries you'll need to interact with. And with its expansion into important new technologies such as blockchain, JS seems set to remain relevant for the foreseeable future.

Even you can pick from a wide range of possibilites, my personal recommendation is:

  • Visual Studio Code: Microsoft's code editor. According to the Stack Overflow 2018 Developer Survey, Visual Studio Code is the most popular developer environment tool of all (with 34% of respondents using it). It includes support for debugging, Git control, syntax highlighting, code refactoring, and more.
  • Grunt: a JavaScript task runner that automates repetitive tasks like minification, compilation, linting, unit testing, and more. Grunt has a huge ecosystem with over 6,000 plugins.
  • Docco: This is a documentation generator written in Literate CoffeeScript. It generates an HTML document that shows your comments along with your code. All the comments are passed through Markdown and the code is passed through Highlight.js syntax highlighting.
  • Protractor: an end-to-end test framework for Angular and AngularJS apps. This tool runs tests in a real browser, interacting with your app like an end user would, with native events and browser-specific drivers.