From 572ee1afbfd7fefee05afab5ee29083f5d1612da Mon Sep 17 00:00:00 2001 From: Jatin Chauhan <40722235+mrjatinchauhan@users.noreply.github.com> Date: Tue, 30 Mar 2021 23:18:50 +0530 Subject: [PATCH] FIX: indentation --- Basic_Concepts/Callback/README.md | 30 +++++++++++----------- Basic_Concepts/Closures/README.md | 28 +++++++++------------ Basic_Concepts/Equality/README.md | 40 +++++++++++++----------------- Basic_Concepts/Objects/README.md | 32 +++++++++++------------- Basic_Concepts/Promise/README.md | 40 +++++++++++++++--------------- Basic_Concepts/Prototype/README.md | 38 +++++++++++----------------- Basic_Concepts/Scope/README.md | 31 +++++++++-------------- ES6/Arrow_Functions/README.md | 35 +++++++++++--------------- ES6/Classes/README.md | 30 ++++++++++------------ ES6/Constants/README.md | 31 ++++++++++------------- ES6/Generators/README.md | 31 ++++++++++------------- ES6/Inheritance/README.md | 35 +++++++++++--------------- ES6/Let/README.md | 30 ++++++++++------------ ES6/Spread_Operator/README.md | 30 ++++++++++------------ ES6/Template_Literals/README.md | 30 ++++++++++------------ README.md | 8 +++--- _template/README.md | 3 --- 17 files changed, 215 insertions(+), 287 deletions(-) delete mode 100644 _template/README.md diff --git a/Basic_Concepts/Callback/README.md b/Basic_Concepts/Callback/README.md index dcd5a01..3c26677 100644 --- a/Basic_Concepts/Callback/README.md +++ b/Basic_Concepts/Callback/README.md @@ -1,13 +1,11 @@ +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) -![](http://i.imgur.com/BgUMUGU.png) - # Callback A callback is a function that is called after another function is done executing. -Good for when you are making API calls, and want function to run only after data is retrieved from server. +Good for when you are making API calls, and want function to run only after data is retrieved from server. - -# Course Documentation +# Course Documentation ## JQuery @@ -18,9 +16,9 @@ The basic syntax of Jquery is: which - - The sign $ defines that we will work will work with jQuery. - - The selector that defines what will activate our action - - And the action of course that we wish to use. the best way to describe an action is to describe it as an special function that comes from jQuery and interacts with an element of our code. +- The sign $ defines that we will work will work with jQuery. +- The selector that defines what will activate our action +- And the action of course that we wish to use. the best way to describe an action is to describe it as an special function that comes from jQuery and interacts with an element of our code. for this example: @@ -30,13 +28,13 @@ for this example: }); }); -We used the *.click* and the *.hide* action. +We used the *.click* and the *.hide* action. The *.click* activates a function or another action when we click the selector. The *.hide* action hides the area that is defined by the selector. For more information check the [W2schools' documentation on jQuery](http://www.w3schools.com/jquery/jquery_syntax.asp) -##Javascript functions +## Javascript functions According to W3schools: @@ -48,7 +46,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -59,20 +57,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -80,4 +77,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/Basic_Concepts/Closures/README.md b/Basic_Concepts/Closures/README.md index 5bd024d..20b0939 100644 --- a/Basic_Concepts/Closures/README.md +++ b/Basic_Concepts/Closures/README.md @@ -1,7 +1,7 @@ -![](http://i.imgur.com/BgUMUGU.png) - -## Closures +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + +# Closures Closures are functions that refer to independent (free) variables (variables that are used locally, but defined in an enclosing scope). In other words, these functions 'remember' the environment in which they were created. @@ -14,28 +14,24 @@ Variables are the names of the places that some value is stored and the most typ var variablesname = valueofvariable; - and after the creation we are typically changing the value with this syntax: variablesname = newvalueforthevariable; - And if it is not clear the easiest thing in the world is to access the variable just by writing the variable there where we will use its value: console.log(variablesname) - Scope on the other hand is about variable's inheritance, (with other words how accessible can a variable be). Typically it has two levels: - - **Global** External variable when every function can access it. - - **Local** Internal variable when only the function that +- **Global** External variable when every function can access it. +- **Local** Internal variable when only the function that - In our example we used things like this. to manipulate our variables in a special way. This is called a JavaScript closure. It makes it possible for a function to have "private" variables or use private variables in a special way. (see Objected Oriented Programming or Classes.) For more information please check the [W3schools Javascript closures' documentation page](http://www.w3schools.com/js/js_function_closures.asp). -##Javascript functions +## Javascript functions According to W3schools: @@ -47,7 +43,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -58,20 +54,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -79,4 +74,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/Basic_Concepts/Equality/README.md b/Basic_Concepts/Equality/README.md index 3f1005c..d77bf33 100644 --- a/Basic_Concepts/Equality/README.md +++ b/Basic_Concepts/Equality/README.md @@ -1,45 +1,39 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Equality -Equality is when we use comparison operators to find out if both left and right compared value are equal, (AKA the same). - +Equality is when we use comparison operators to find out if both left and right compared value are equal, (AKA the same). # Course Documentation - ## Comparison, (and logical), Operators In the code that we used - var a = '26'; var b = 26; console.log(a==b); // true (only checks value) console.log(a===b); // false (compares type as well) - Things are straight forward, as we explain the use of equal sign as comparison operator to find out if: - + **a==b** the values in both a and b, (variables) are the same and **a===b** both the values and the type of a and b variables are the same. In order to have a better understanding of logical operators here are few more examples of comparison and logical operators. - -- **!=** not equal values between a and b (left and right variable/statement). -- **!==** not equal value or not equal type between a and b (left and right variable/statement). -- **>** Left statement greater than right statement. -- **<** Left statement less than right statement. -- **>=** left statement greater than or equal to right statement. and -- **<=** Left statement less than or equal to right statement. +- **!=** not equal values between a and b (left and right variable/statement). +- **!==** not equal value or not equal type between a and b (left and right variable/statement). +- **>** Left statement greater than right statement. +- **<** Left statement less than right statement. +- **>=** left statement greater than or equal to right statement. and +- **<=** Left statement less than or equal to right statement. For more informations please visit the documentation page of w3schools [about comparison and logical operators](http://www.w3schools.com/js/js_comparisons.asp). - -##Javascript functions +## Javascript functions According to W3schools: @@ -51,7 +45,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -62,20 +56,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -83,4 +76,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/Basic_Concepts/Objects/README.md b/Basic_Concepts/Objects/README.md index e97adb5..ab0a7a9 100644 --- a/Basic_Concepts/Objects/README.md +++ b/Basic_Concepts/Objects/README.md @@ -1,44 +1,40 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![](http://i.imgur.com/BgUMUGU.png) + # Objects Objects are variables that are storing more values, (properties). Objects are a part of the world of Object Oriented Programming, a way of programming that is highly recommended to learn more about it. - # Course Documentation - -## Objects +## How to make Objects In our example for objects we used the following code: - var person = { name: "Bucky", age: 87 }; - That is the typical syntax of javascripts object as well: - + var objectname = { property1: "property1valueinstringformat", property2: property2valueinarithmeticformat }; We achieve to insert more values in one variable by turning it to an object and by use the "property" format to each of our value - { property: valueofproperty }; Curley brackets are defining the are of the properties, and also they defining that our variable is an object, and we separate our properties with the comma symbol. - - Read more about [Object Oriented +- Read more about [Object Oriented Programming](https://en.wikipedia.org/wiki/Object-oriented_programming) - - in Wikipedia Read more about [Javascript + +- in Wikipedia Read more about [Javascript Objects](http://www.w3schools.com/js/js_objects.asp) in W3schools -##Javascript functions +## Javascript functions According to W3schools: @@ -50,7 +46,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -61,20 +57,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -82,4 +77,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/Basic_Concepts/Promise/README.md b/Basic_Concepts/Promise/README.md index 3bb4df2..f471045 100644 --- a/Basic_Concepts/Promise/README.md +++ b/Basic_Concepts/Promise/README.md @@ -1,10 +1,10 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Promise A Promise represents an operation that hasn't completed yet, but is expected in the future. -# Course Documentation +# Course Documentation ## HTML @@ -14,10 +14,10 @@ All the HTML tags are having the following syntax: Which the tag with the / is that tag that defines where the tag's area is ending. Here is a short explanation for the HTML tags that we used. - - **HTML** tag defines the area that the html code applies. - - **HEAD** tag includes the html properties of the side. The design elements that are not visible on the page, (like the content do) but the contribute to the appearance and the functionality of the page. - - **BODY** tag defines the body of the page. The content of the page, (text pictures and other things that the designer want to include to his page). Are the visible and update able content of the page. - - **SCRIPT** defines the area that we insert a script, (for example JavaScript). This tag is used in both HEAD and BODY tags +- **HTML** tag defines the area that the html code applies. +- **HEAD** tag includes the html properties of the side. The design elements that are not visible on the page, (like the content do) but the contribute to the appearance and the functionality of the page. +- **BODY** tag defines the body of the page. The content of the page, (text pictures and other things that the designer want to include to his page). Are the visible and update able content of the page. +- **SCRIPT** defines the area that we insert a script, (for example JavaScript). This tag is used in both HEAD and BODY tags ## JQuery @@ -28,9 +28,9 @@ The basic syntax of Jquery is: which - - The sign $ defines that we will work will work with jQuery. - - The selector that defines what will activate our action - - And the action of course that we wish to use. the best way to describe an action is to describe it as an special function that comes from jQuery and interacts with an element of our code. +- The sign $ defines that we will work will work with jQuery. +- The selector that defines what will activate our action +- And the action of course that we wish to use. the best way to describe an action is to describe it as an special function that comes from jQuery and interacts with an element of our code. for this example: @@ -47,16 +47,16 @@ for this example: }); -We used the *.done*, the *.fail*, the *.always* and the *.append* action: +We used the *.done*, the *.fail*, the *.always* and the *.append* action: + The *.done* is a handler that is activated when a function or another action that is selected is done. The *.fail* is a handler that is activated when a function or another action that is selected fails on what it was supposed to do. The *.always* is a handler that is activated when a function or another action that is selected is not activated yet. -The *.append* action appends, with other words prints something to the selected area. +The *.append* action appends, with other words prints something to the selected area. For more information check the [W2schools' documentation on jQuery](http://www.w3schools.com/jquery/jquery_syntax.asp) - -##Javascript functions +## Javascript functions According to W3schools: @@ -68,7 +68,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -79,20 +79,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -100,4 +99,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/Basic_Concepts/Prototype/README.md b/Basic_Concepts/Prototype/README.md index a25efcb..cacc251 100644 --- a/Basic_Concepts/Prototype/README.md +++ b/Basic_Concepts/Prototype/README.md @@ -1,19 +1,16 @@ -![](http://i.imgur.com/BgUMUGU.png) - -# Prototype +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) -According to [W3schools](http://www.w3schools.com/js/js_object_prototypes.asp): +# Prototype + +According to [W3schools](http://www.w3schools.com/js/js_object_prototypes.asp): Every JavaScript object has a prototype. The prototype is also an object. All JavaScript objects inherit their properties and methods from their prototype. - - # Course Documentation - ## Javascript prototypes -According to [W3schools](http://www.w3schools.com/js/js_object_prototypes.asp): +According to [W3schools](http://www.w3schools.com/js/js_object_prototypes.asp): **Every JavaScript object has a prototype. The prototype is also an object.** Person.prototype.getName = function () { @@ -40,7 +37,6 @@ All JavaScript objects (Date, Array, RegExp, Function, ....) inherit from the Ob In our example for objects we used the following code: - Person.prototype.getName = function () { return this.firstName + " " + this.lastName; }; @@ -48,9 +44,8 @@ In our example for objects we used the following code: var bucky = new Person('Bucky', 'Roberts'); var emily = new Person('Emily', 'Jones'); - That is the typical syntax of javascripts object as well: - + var objectname = { property1: "property1valueinstringformat", property2: property2valueinarithmeticformat @@ -58,19 +53,16 @@ In our example for objects we used the following code: We achieve to insert more values in one variable by turning it to an object and by use the "property" format to each of our value - { property: valueofproperty }; Curley brackets are defining the are of the properties, and also they defining that our variable is an object, and we separate our properties with the comma symbol. - - Read more about [Object Oriented +- Read more about [Object Oriented Programming](https://en.wikipedia.org/wiki/Object-oriented_programming) - - in Wikipedia Read more about [Javascript +- in Wikipedia Read more about [Javascript Objects](http://www.w3schools.com/js/js_objects.asp) in W3schools - - -##Javascript functions +## Javascript functions According to W3schools: @@ -82,7 +74,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -93,20 +85,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -114,4 +105,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/Basic_Concepts/Scope/README.md b/Basic_Concepts/Scope/README.md index bc1d981..4a75596 100644 --- a/Basic_Concepts/Scope/README.md +++ b/Basic_Concepts/Scope/README.md @@ -1,44 +1,37 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Scope According [Wikipedia](https://en.wikipedia.org/wiki/Variable_%28computer_science%29#Scope_and_extent): -*"Scope is an important part of the name resolution of a variable. Most languages define a specific scope for each variable (as well as any other named entity), which may differ within a given program. The scope of a variable is the portion of the program code for which the variable's name has meaning and for which the variable is said to be "visible"."* - +>"Scope is an important part of the name resolution of a variable. Most languages define a specific scope for each variable (as well as any other named entity), which may differ within a given program. The scope of a variable is the portion of the program code for which the variable's name has meaning and for which the variable is said to be "visible"." # Course Documentation - ## Scope and Variables Variables are the names of the places that some value is stored and the most typical syntax to create them is: var variablesname = valueofvariable; - and after the creation we are typically changing the value with this syntax: variablesname = newvalueforthevariable; - And if it is not clear the easiest thing in the world is to access the variable just by writing the variable there where we will use its value: console.log(variablesname) - Scope on the other hand is about variable's inheritance, (with other words how accessible can a variable be). Typically it has two levels: - - **Global** External variable when every function can access it. - - **Local** Internal variable when only the function that +- **Global** External variable when every function can access it. +- **Local** Internal variable when only the function that - In our example we used things like this. to manipulate our variables in a special way. This is called a JavaScript closure. It makes it possible for a function to have "private" variables or use private variables in a special way. (see Objected Oriented Programming or Classes.) For more information please check the [W3schools Javascript closures' documentation page](http://www.w3schools.com/js/js_function_closures.asp). - -##Javascript functions +## Javascript functions According to W3schools: @@ -50,7 +43,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -61,20 +54,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -82,4 +74,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Arrow_Functions/README.md b/ES6/Arrow_Functions/README.md index 3ab86c2..db59e47 100644 --- a/ES6/Arrow_Functions/README.md +++ b/ES6/Arrow_Functions/README.md @@ -1,29 +1,24 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Arrow Functions -This MD file serves as example/template. +This MD file serves as example/template. It will be filled up soon. -(for Bucky to fill up) - - -# Course Documentation - -(this for me to fill up with every element +(for Bucky to fill up) -that you use in lessons. syntax +## Course Documentation -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -33,7 +28,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -44,20 +39,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -65,4 +59,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Classes/README.md b/ES6/Classes/README.md index 7a5efe6..cee8df8 100644 --- a/ES6/Classes/README.md +++ b/ES6/Classes/README.md @@ -1,24 +1,20 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Classes JavaScript classes provide a much simpler and clearer syntax to create objects and deal with inheritance. -# Course Documentation - -(this for me to fill up with every element - -that you use in lessons. syntax +## Course Documentation -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -28,7 +24,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -39,20 +35,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -60,4 +55,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Constants/README.md b/ES6/Constants/README.md index ffa3b7b..c6a0216 100644 --- a/ES6/Constants/README.md +++ b/ES6/Constants/README.md @@ -1,26 +1,21 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Constants The const declaration creates a read-only reference to a value. It does not mean the value it holds is immutable, just that the variable identifier cannot be reassigned. +## Course Documentation -# Course Documentation - -(this for me to fill up with every element - -that you use in lessons. syntax - -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -30,7 +25,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -41,20 +36,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -62,4 +56,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Generators/README.md b/ES6/Generators/README.md index 870ee36..29165ab 100644 --- a/ES6/Generators/README.md +++ b/ES6/Generators/README.md @@ -1,25 +1,20 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Generators Generators are functions that generate objects when called. +## Course Documentation -# Course Documentation - -(this for me to fill up with every element - -that you use in lessons. syntax - -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -29,7 +24,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -40,20 +35,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -61,4 +55,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Inheritance/README.md b/ES6/Inheritance/README.md index a27c697..86f58f8 100644 --- a/ES6/Inheritance/README.md +++ b/ES6/Inheritance/README.md @@ -1,29 +1,24 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Inheritance -This MD file serves as example/template. +This MD file serves as example/template. It will be filled up soon. -(for Bucky to fill up) - - -# Course Documentation - -(this for me to fill up with every element +(for Bucky to fill up) -that you use in lessons. syntax +## Course Documentation -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -33,7 +28,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -44,20 +39,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -65,4 +59,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Let/README.md b/ES6/Let/README.md index 22460a0..d3a6e51 100644 --- a/ES6/Let/README.md +++ b/ES6/Let/README.md @@ -1,24 +1,20 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # let The let statement declares a block scope local variable. -# Course Documentation - -(this for me to fill up with every element - -that you use in lessons. syntax +## Course Documentation -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -28,7 +24,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -39,20 +35,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -60,4 +55,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Spread_Operator/README.md b/ES6/Spread_Operator/README.md index dab4102..fa4e52e 100644 --- a/ES6/Spread_Operator/README.md +++ b/ES6/Spread_Operator/README.md @@ -1,25 +1,21 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Spread Operator The spread operator allows an expression to be expanded in places where multiple arguments (for function calls) or multiple elements (for array literals) or multiple variables (for destructuring assignment) are expected. -# Course Documentation - -(this for me to fill up with every element - -that you use in lessons. syntax +## Course Documentation -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -29,7 +25,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -40,20 +36,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -61,4 +56,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/ES6/Template_Literals/README.md b/ES6/Template_Literals/README.md index fdeb68c..185d53d 100644 --- a/ES6/Template_Literals/README.md +++ b/ES6/Template_Literals/README.md @@ -1,24 +1,20 @@ -![](http://i.imgur.com/BgUMUGU.png) - +![JavaScript Lessons](http://i.imgur.com/BgUMUGU.png) + # Template literals Template literals are string literals allowing embedded expressions. -# Course Documentation - -(this for me to fill up with every element - -that you use in lessons. syntax +## Course Documentation -explaination and links for more) +This is for me to fill up with every element that you use in lessons. Syntax explaination and links for more. ## Element to explain -(for example console.log) +for example `console.log` -##Javascript functions +## Javascript functions -According to W3schools: +According to W3schools: A JavaScript function is a block of code designed to perform a particular task. @@ -28,7 +24,7 @@ A JavaScript function is executed when "something" invokes it (calls it). return p1 * p2; // The function returns the product of p1 and p2 } -###**JavaScript Function Syntax** +### JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). @@ -39,20 +35,19 @@ The parentheses may include parameter names separated by commas: The code to be executed, by the function, is placed inside curly brackets: {} - function name(parameter1, parameter2, parameter3) { code to be executed } - Function **parameters** are the **names** listed in the function definition. Function **arguments** are the real **values** received by the function when it is invoked. Inside the function, the arguments behave as local variables. -#The New Boston -## Links +# The New Boston + +## Links - [Support](https://www.patreon.com/thenewboston) - [thenewboston.com](https://thenewboston.com/) @@ -60,4 +55,5 @@ Inside the function, the arguments behave as local variables. - [Twitter](https://twitter.com/bucky_roberts) - [Google+](https://plus.google.com/+BuckyRoberts) - [reddit](https://www.reddit.com/r/thenewboston/) -> Written with [StackEdit](https://stackedit.io/). \ No newline at end of file + +> Written with [StackEdit](https://stackedit.io/) diff --git a/README.md b/README.md index d200861..06de5e9 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -![](http://i.imgur.com/jVYUayw.png) +![JavaScript Lessons](http://i.imgur.com/jVYUayw.png) -# Course Outlines +## Course Outlines Note: This repo is just for me to keep track of all my lessons on YouTube, you can ignore this. @@ -59,15 +59,13 @@ Overview of all the new features, syntax, and changes in ES6. - inheritance - generators -*** - ## Using ES6 To enable ES6 support in any JetBrains IDE *(such as WebStorm)*: + - File > Settings > Languages & Frameworks > JavaScript - Select EMCAScript 6 - ## Links - [Support](https://www.patreon.com/thenewboston) diff --git a/_template/README.md b/_template/README.md deleted file mode 100644 index d08aae5..0000000 --- a/_template/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Title - -Description