From c69ab279bdff4a5c22ee8be3166ec8e09b58278f Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Thu, 18 Aug 2022 17:30:35 +0400 Subject: [PATCH] Add content for JavaScript variables --- .../100-variable-declarations/100-var.md | 14 +++++++++++++- .../100-variable-declarations/101-let.md | 9 ++++++++- .../100-variable-declarations/102-const.md | 9 ++++++++- .../100-variable-declarations/readme.md | 7 ++++++- .../101-javascript-variables/101-hoisting.md | 9 ++++++++- .../101-javascript-variables/102-naming-rules.md | 11 ++++++++++- .../103-scopes/100-block.md | 8 +++++++- .../103-scopes/101-function.md | 9 ++++++++- .../103-scopes/102-global.md | 9 ++++++++- .../101-javascript-variables/103-scopes/readme.md | 7 ++++++- .../content/101-javascript-variables/readme.md | 8 +++++++- 11 files changed, 89 insertions(+), 11 deletions(-) diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/100-var.md b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/100-var.md index 2d0e5f9c6..c53acaf28 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/100-var.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/100-var.md @@ -1 +1,13 @@ -# Var \ No newline at end of file +# [var] keyword + +The var statement declares a function-scoped or globally-scoped variable, optionally initializing it to a value. + +Free Content +var keyword - MDN +JavaScript Variables +JavaScript Variables - W3Schools +Declaring Variables without Var, Let, Const - What Would Happen? +How to declare variables in different ways in JavaScript? + + + diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/101-let.md b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/101-let.md index fc45f4c9d..8e57c3a95 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/101-let.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/101-let.md @@ -1 +1,8 @@ -# Let \ No newline at end of file +# [let] keyword + +The `let` declaration declares a block-scoped local variable, optionally initializing it to a value. + +Free Content +let keyword - MDN Docs +JavaScript Variables +How to declare variables in different ways in JavaScript? diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/102-const.md b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/102-const.md index b9e16692e..4fef346f4 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/102-const.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/102-const.md @@ -1 +1,8 @@ -# Const \ No newline at end of file +# [const] keyword + +Constants are block-scoped, much like variables declared using the `let` keyword. The value of a constant can't be changed through reassignment (i.e. by using the assignment operator), and it can't be redeclared (i.e. through a variable declaration). However, if a constant is an object or array its properties or items can be updated or removed. + +Free Content +const keyword - MDN Docs +JavaScript Variables +How to declare variables in different ways in JavaScript? diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/readme.md b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/readme.md index f9f9f44aa..aee92e899 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/readme.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/100-variable-declarations/readme.md @@ -1 +1,6 @@ -# Variable declarations \ No newline at end of file +# Variable Declarations + +To use variables in JavaScript, we first need to create it i.e. declare a variable. To declare variables, we use one of the `var`, `let` or `const` keywords. + +Free Content +Storing the information you need — Variables diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/101-hoisting.md b/content/roadmaps/106-javascript/content/101-javascript-variables/101-hoisting.md index 72f80de52..68ea8f5f5 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/101-hoisting.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/101-hoisting.md @@ -1 +1,8 @@ -# Hoisting \ No newline at end of file +# Hoisting + +JavaScript Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables or classes to the top of their scope, prior to execution of the code. + +Free Content +What is Hoisting - MDN Docs +JavaScritp Hoisting + diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/102-naming-rules.md b/content/roadmaps/106-javascript/content/101-javascript-variables/102-naming-rules.md index 6aeac7d27..5ea71239c 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/102-naming-rules.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/102-naming-rules.md @@ -1 +1,10 @@ -# Naming rules \ No newline at end of file +# Naming Rules + +A variable name should accurately identify your variable. When you create good variable names, your JavaScript code becomes easier to understand and easier to work with. Properly naming variables is really important. JavaScript also has some rules when it comes to naming variables; read about these rules through the links below. + +Free Content +Understanding Variables in JavaScript +Naming JavaScript Variables +JavaScript Naming Conventions + + diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/100-block.md b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/100-block.md index 45d989d78..9773c2230 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/100-block.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/100-block.md @@ -1 +1,7 @@ -# Block \ No newline at end of file +# Block Scope + +This scope restricts the variable that is declared inside a specific block, from access by the outside of the block. The let & const keyword facilitates the variables to be block scoped. In order to access the variables of that specific block, we need to create an object for it. Variables declared with the var keyword, do not have block scope. + +Free Content +JavaScript Scope +Block Scoping in JavaScript diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/101-function.md b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/101-function.md index f2a62bf95..faee12c5f 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/101-function.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/101-function.md @@ -1 +1,8 @@ -# Function \ No newline at end of file +# Function Scope + +When a variable is declared inside a function, it is only accessible within that function and cannot be used outside that function. + +Free Content +JavaScript Scope +Function Scope & Block Scope in JS +All about Functions and Scopes in JavaScript diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/102-global.md b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/102-global.md index e61251c3e..c0aa43fd5 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/102-global.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/102-global.md @@ -1 +1,8 @@ -# Global \ No newline at end of file +# Global Scope + +Variables declared Globally (outside any function) have Global Scope. Global variables can be accessed from anywhere in a JavaScript program. Variables declared with `var`, `let` and `const` are quite similar when declared outside a block. + +Free Content +JavaScript Scope + + diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md index 35acc886f..c90894d0f 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md @@ -1 +1,6 @@ -# Scopes \ No newline at end of file +# Scopes + +Before ES6 (2015), JavaScript had only Global Scope and Function Scope. ES6 introduced two important new JavaScript keywords: `let` and `const`. These two keywords provide Block Scope in JavaScript. + +Free Content +JavaScript Scope diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/readme.md b/content/roadmaps/106-javascript/content/101-javascript-variables/readme.md index 3f8784530..008758544 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/readme.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/readme.md @@ -1 +1,7 @@ -# Javascript variables \ No newline at end of file +# Javascript Variables + +Most of the time, a JavaScript application needs to work with information. To store and represent this information in JavaScript codebase, we use variables. A variable is a container for a value. + +Free Content +JavaScript Variables +Storing the information you need — Variables