edit-article

Article Name:

Article Description:

Chapter ID/Name:

Status:

Add Photo:

Owner ID:

Content: use HTML Edit Content

<h1 style="text-align: center;">learning javascript</h1>
<h2 style="text-align: center;">overview - key concepts</h2>
&nbsp;
<ol>
<li>[overview]</li>
<ol>
<li>[x] learning javascript - <a href="/view/article?id=2691" target="_blank">key concepts overview</a>&nbsp;(this)- understanding some of&nbsp;the key concepts in&nbsp;this programming language&nbsp;- a listing of some of the key concepts with a 1 line description of each concept that links to a breif&nbsp;overview article and a more in depth detailed description of the concept complete with additional resources</li>
<li>[IMPORTANT] this chapter contains a brief overview article of some of the key programming concepts you will come across while programming in javascript, it is intended as a reference. If you are new to javascript/prgramming</li>
<li>&nbsp;DO NOT TRY to learn these concepts by reading about them, or looking at example code snippets that have no relation to the work that you are doing.&nbsp;In my experience, in order to understand the concepts, it is much easier to do so when you are trying to apply them.&nbsp;</li>
<li>DO familiarze yourself with them by having a quick read through this list or the overview articles, but to truly learn them, find practical applications, in the code that your working on and them&nbsp;come back to these articles to dig a little deeper into the grok pot. ~ my $.02 ~ @op</li>
</ol>
<li>[objects]</li>
<ol>
<li>[] <a href="/view/article?id=2694" target="_blank">overview</a> - everything in javascript is an object,&nbsp; // a simple example of an object, // ] EX js-101-b</li>
</ol>
<li>[prototypal inheiritance]</li>
<ol>
<li>[] <a href="/view/article?id=2652" target="_blank">overview</a> -&nbsp; prototypal inheiritance is a form of inheritance where objects inherit directly from other objects.</li>
</ol>
<li>[this]</li>
<ol>
<li>[i] <a href="/view/article?id=2617" target="_blank">overview</a> -&nbsp;understand the&nbsp;'this' keyword with clarity and master it&nbsp;</li>
</ol>
<li>[global]</li>
<ol>
<li>[] <a href="/view/article?id=2692" target="_blank">overview</a> - an introductory overview to the concept&nbsp;the&nbsp;global object and&nbsp;global variables as used in the javascript programming language</li>
</ol>
<li>[variable scope and hoisting]</li>
<ol>
<li>[] overview -</li>
<li>[] <a href="http://javascriptissexy.com/javascript-variable-scope-and-hoisting-explained/" target="_blank">variable-scope-and-hoisting</a>&nbsp;- All variable declarations are hoisted (lifted and declared) to the top of the function, if defined in a function, or the top of the global context, if outside a function. Only variable declarations are hoisted to the top, not variable initialization or assignments (when the variable is assigned a value).</li>
</ol>
<li>[callbacks]</li>
<ol>
<li>[i] <a href="/view/article?id=4607" target="_blank">overview</a> - an introductory overview to the concept of callbacks as useds in the javascript programming language</li>
<li>[] <a href="/view/article?id=1765" target="_blank">callbacks</a> - in js, functions are objects and therefore can be passed to other functions as parameters</li>
</ol>
<li>[closure]</li>
<ol>
<li>[i] overview - [] <a href="/view/article?id=1769" target="_blank">closures</a>&nbsp;-&nbsp; ] private</li>
</ol>
<li>[call vs apply vs bind]</li>
<ol>
<li>[] <a href="/view/article?id=4608" target="_blank">overview</a>&nbsp;- similar but different methods used for setting the context of .this</li>
<li>[] call vs apply vs bind</li>
<li>] currying functions</li>
</ol>
<li>[function chaining]</li>
<ol>
<li>[] <a href="http://javascriptissexy.com/beautiful-javascript-easily-create-chainable-cascading-methods-for-expressiveness/" target="_blank">overview</a>&nbsp;-</li>
<li>[] function chaining</li>
</ol>
<li>[exceptions] </li>
<ol>
<li>[] overview - error handling mechanism&nbsp;</li>
</ol>
<li>[anonymous functions(lambda's)]</li>
<ol>
<li>[] overview -&nbsp;</li>
</ol>
<li>[self executing anonymous functions]</li>
<ol>
<li>[] overview</li>
<li>[] <a href="http://benalman.com/news/2010/11/immediately-invoked-function-expression/" target="_blank">immediately invoked function expression(IIFE) </a></li>
</ol>
<li>[events]</li>
<ol>
<li>[] overview - events,</li>
<li>[] related = event bubbling, event emitters, event listeners,</li>
</ol>
<li>[es6 changes modern izes JavasScript]</li>
<ol>
<li>[] promises, [] arrow functions, [] templates, [] classes, [] modules, [] let and const,&nbsp;</li>
</ol>
<li>[es2017 ]&nbsp;</li>
<ol>
<li>[] async</li>
<li>[] await&nbsp;</li>
</ol></ol>
&nbsp;