(public).sospep.subjects ~ view article ~ contents-javascript

<h1 style="text-align: center;">contents - javascript </h1>
<ol>
<li>[] <a href="/view/articles?id=388" target="_blank">contents</a></li>
<ol>
<li>[] <a href="/view/article?id=1663" target="_blank">table of contents - BOOK -language-javascript</a> (this)</li>
</ol>
<li>[] <a href="/view/articles?id=387" target="_blank">introduction</a></li>
<ol>
<li>[] <a href="/view/article?id=1662" target="_blank">overview</a>&nbsp;- what is javascript(js)?, why you need js?, where you can use js, when to use js, examples of js&nbsp;and how to use js&nbsp;</li>
<li>[] <a href="/view/article?id=1659" target="_blank">about</a>&nbsp;- this book, including its goals(purpose) and why i created it</li>
<li>[] <a href="/view/article?id=4557" target="_blank">me and javascript</a> - my personal history&nbsp;and experience&nbsp;with the language</li>
<li>[] +&nbsp;js vs ecmascript - compare and contrast</li>
<li>[] status -&nbsp;work in progress, to-do, completed</li>
<li>[] analysis -&nbsp;</li>
</ol>
<li>[] <a href="/view/articles?id=737" target="_blank">learning-javascript?</a>&nbsp; - some key js topics explained ed, understand ing&nbsp;-&gt; </li>
<ol>
<li>[] <a href="/view/article?id=2691" target="_blank">overview</a>&nbsp;- chapter contains a brief introductory overview to some of the key concepts in js programming. overview links to more detailed explanations and examples.</li>
<li>[] <a href="/view/article?id=2696" target="_blank">before we begin</a>&nbsp;- some prerequisites that you&nbsp;need to know&nbsp;to enhance your&nbsp;understanding of any of these concepts, and more importantly a ....&nbsp;</li>
<li>[] <a href="/view/article?id=2694" target="_blank">objects</a>&nbsp;- everything in javascript is an object, master how to work with javascript objects and you will master javascript programming</li>
<li>[] objects -&gt; prototypal inheritance</li>
<li>[i] <a href="/view/article?id=2617" target="_blank">this</a>, - understanding&nbsp;js's 'this' keyword with clarity, master the use of it</li>
<li>[i] <a href="/view/article?id=2692" target="_blank">global</a>&nbsp;- an introductory overview to the concept&nbsp;the&nbsp;global object and&nbsp;global variables as used in the javascript programming language</li>
<li>[] variable scope and hoisting -</li>
<li>[i] <a href="/view/article?id=1765" target="_blank">callbacks</a> - functions are objects and therefore can be passed to other functions as parameters</li>
<li>[i] <a href="/view/article?id=1769" target="_blank">closures</a>&nbsp;- inner functions, scope and</li>
<li>[i] <a href="/view/article?id=4608" target="_blank">apply, call and bind</a> - compare these similar methods for setting the context of this</li>
<li>[] <a href="/view/article?id=4624" target="_blank">function chaining</a> -</li>
<li>[] exceptions -</li>
<li>[?] anonymous functions -</li>
<li>[] self executing anonymous functions ||&nbsp;IIFE - <a href="http://benalman.com/news/2010/11/immediately-invoked-function-expression">http://benalman.com/news/2010/11/immediately-invoked-function-expression</a>&nbsp;src = <a href="https://www.reddit.com/r/javascript/comments/3hujkt/classic_article_on_immediately_invoked_function/" target="_blank">r/javasript</a></li>
<li>[+=] Async -</li>
<li>[+=] dependancy injection -</li>
</ol>
<li>[] <a href="/view/articles?id=397" target="_blank">feature/topic - OOP in js</a><ol>
<li>]&nbsp;<a href="/view/article?id=1678" target="_blank">Overview</a>&nbsp;- applying oop principles to your js programming</li>
<li>]&nbsp;<a href="/view/article?id=1679" target="_blank">object literal</a>&nbsp;- creating objects by defining them literally</li>
<li>]&nbsp;<a href="/view/article?id=1680" target="_blank">object json</a>&nbsp;- creating objects using javascript object notation(json)</li>
<li>]&nbsp;<a href="/view/article?id=1681" target="_blank">object constructor function</a>&nbsp;- creating objects by defining an object&nbsp;constructor function</li>
<li>]&nbsp;<a href="/view/article?id=1682" target="_blank">object prototype</a>&nbsp;- adding properties and methods to your/existing objects using the prototype -</li>
<li>] when to use object literals, object constructor functions,&nbsp;json objects, &nbsp;</li>
<li>] cc ...</li>
<li>+] <a href="/view/article?id=2652" target="_blank">prototypal inheiritance vs classical</a>&nbsp;</li>
</ol></li>
<li>[] feature/topic - FP in js</li>
<ol>
<li>[] <a href="/view/arti" target="_blank">what is functional programming?</a> - overview article describing the functional programming pardadigm where computation is treated as the evaluation of mathematical functions, avoids changing state and muteable data,</li>
<li>[] what about functional programming in javascript? </li>
</ol>
<li>] <a href="/view/articles?id=394" target="_blank">features</a>&nbsp;</li>
<ol>
<li>] <a href="/view/articles?id=395" target="_blank">language constructs</a>&nbsp;</li>
<li>] <a href="/view/articles?id=396" target="_blank">objects - js</a></li>
<li>] <a href="/view/articles?id=398" target="_blank">objects - browser</a></li>
<li>] <a href="/view/article?id=1698" target="_blank">objects - dom - core</a>&nbsp;</li>
<li>] <a href="/view/article?id=1699" target="_blank">objects - dom - document</a></li>
<li>]&nbsp;<a href="/view/articles?id=456" target="_blank">selectors&nbsp;&amp; selections</a>&nbsp;</li>
<li>
<div style="text-align: left;">] <a href="/view/articles?id=455" target="_blank">events</a></div>
</li>
<li>
<div style="text-align: left;">] <a href="/view/articles?id=456" target="_blank">callbacks</a></div>
</li>
<li>
<div style="text-align: left;">] traversal&nbsp;</div>
</li>
<li>
<div style="text-align: left;">] manipulation</div>
</li>
<ol>
<li>
<div style="text-align: left;">] insert element into dom</div>
</li>
<li>
<div style="text-align: left;">] remove element from dom</div>
</li>
</ol>
<li>
<div style="text-align: left;">] attributes</div>
</li>
<ol>
<li>
<div style="text-align: left;">] read</div>
</li>
<li>
<div style="text-align: left;">] set</div>
</li>
</ol>
<li>
<div style="text-align: left;">] properties</div>
</li>
<ol>
<li>
<div style="text-align: left;">]..</div>
</li>
</ol>
<li>] ajax</li>
<ol>
<li>
<div style="text-align: left;">] ..</div>
</li>
</ol>
<li>] frameworks,</li>
<li>] libraries,</li>
<li>] to enhance and extend the functionality of your js app's</li>
<li>] other/more/ref</li>
</ol>
<li>] <a href="/view/articles?id=395" target="_blank">feature&nbsp;- language constructs</a>, src=TOPICS.Programming Language=</li>
<ol>
<li>]&nbsp;<a href="/view/article?id=1694" target="_blank">Overview</a> - programming language constructs included in the language, including ] data types, ] Keywords, ] Operators, ] Flow of Control(for, while, do, if, switch, ...), ] functions-native, functions-user-defined, ] Exceptions/Error Handling(Try,Catch,Throw), ] ... &nbsp;</li>
</ol>
<li>] <a href="/view/articles?id=396" target="_blank">feature&nbsp;- objects native</a></li>
<ol>
<li>] <a href="/view/article?id=1695" target="_blank">Overview</a> - a look at each of the native(intrinsic, built-in)&nbsp;<a href="http://www.w3schools.com/jsref/default.asp" target="_top">JavaScript Objects</a>&nbsp;included in the language. These currently include ] Array,&nbsp;&nbsp;] Boolean,&nbsp;] Date, ] Function, ] Number,&nbsp;] String ] Object.&nbsp;</li>
</ol>
<li>] <a href="/view/articles?id=398" target="_blank">feature&nbsp;- objects.browser</a></li>
<ol>
<li>] <a href="/view/article?id=1685" target="_blank">Overview </a>- using the built in browser objects of ] Window, ] Navigator, ] Location, ] History and ] Screen to get and set properties of and control interaction with the users web browser.</li>
</ol>
<li>] <a href="/view/articles?id=399" target="_blank">feature&nbsp;- objects&nbsp;DOM CORE</a> src=TOPICS.[w3schools.com]</li>
<ol>
<li>] <a href="/view/article?id=1698" target="_blank">Overview</a> - the CORE nodes the browser uses to constructs and render the DOM including the ] nodeList, ] NamedNodeMap, ] Document, ] Element and ] Attr nodes&nbsp;</li>
</ol>
<li>] feature = objects&nbsp;DOM DOCUMENT</li>
<ol>
<li>] <a href="/view/article?id=1699" target="_blank">Overview</a> &nbsp;- the DOCUMENT OBJECTS that the browser constructs in the DOM including &nbsp;] Anchor, ] Area,] Event,&nbsp;Image, ] TextArea</li>
</ol>
<li>] <a href="/view/articles?id=454" target="_blank">feature&nbsp;- selectors &amp; selections</a> - without the $</li>
<ol>
<li>] <a href="/view/article?id=1763" target="_blank">Overview</a> - using native javascript only ( without any 3rd party libraries ) to select DOM elements</li>
</ol>
<li>
<div>] <a href="/view/articles?id=455" target="_blank">feature - events</a></div>
</li>
<ol>
<li>
<div>] <a href="/view/article?id=1764" target="_blank">Overview</a> - events, event handlers, event capture VS event bubbling mechanisms, &nbsp;&nbsp;</div>
</li>
</ol>
<li>] <a href="/view/articles?id=456" target="_blank">feature - callbacks</a></li>
<ol>
<li>] <a href="/view/article?id=1765" target="_blank">Overview</a> - functions are objects and therefore can be passed to other functions as parameters,&nbsp;</li>
</ol>
<li>] feature - traversal</li>
<ol>
<li>] HTML DOM traversal and modification</li>
</ol>
<li>] feature - manipulation</li>
<ol>
<li>] includes FEATURES from ] attributes, ] css</li>
<li>]&nbsp;HTML element manipulation $</li>
<li>] CSS manipulation ( ? ) we can add and remove css classes to elements, is there more?&nbsp; $</li>
</ol>
<li>] feature - attributes</li>
<ol>
<li>] ...</li>
</ol>
<li>] feature - properties</li>
<ol>
<li>] ...</li>
</ol>
<li>] feature-AJAX</li>
<ol>
<li>] overview - AJAX - using and understanding the xmlhttp request object</li>
</ol>
<li>] <a href="/view/chapters?id=401" target="_blank">js frameworks</a></li>
<ol>
<li>] <a href="/view/article?id=1706" target="_blank">overview</a> - list and comparison of some of the popular application and ___ development frameworks in use</li>
<li>] angularjs - MVW app development (google)&nbsp;</li>
<li>] emberjs - MVC app development</li>
<li>] backbone -&nbsp;</li>
<li>] meteor -</li>
<li>] canJs -&nbsp;</li>
<li>] bootstrap - a front end development &nbsp;(twitter)</li>
</ol>
<li>] <a href="/view/chapters?id=390" target="_blank">js libraries</a></li>
<ol>
<li>] jQuery -</li>
<ol>
<li>ajax, attributes, callbacks, core, css, data, deferred, dimensions, effects, events, forms, internals, manipulation , misc, offset, properties, selectors, traversing, utilities</li>
</ol>
<li>] extJS (sencha) -</li>
<li>] prototype -</li>
<li>] yui (yahoo) -&nbsp;</li>
<li>] mootools -&nbsp;</li>
<li>] chart.js -&nbsp;</li>
<li>] knockout.js - data binding, mvvm framework,&nbsp;</li>
</ol>
<li>] js applications </li>
<ol>
<li>] overview - applications, - desc, list</li>
<li>] app&nbsp;- tinyMCE</li>
<li>] app - pen&nbsp;</li>
<li>] <a href="/view/article?id=1709" target="_blank">app - galleria</a>&nbsp;</li>
<li>] app - yoxview&nbsp;</li>
</ol>
<li>] js apis</li>
<ol>
<li>] overview - listing api's, - with breif description,</li>
<li>] api - google maps</li>
<li>] api - google youtube</li>
<li>] api - google plus</li>
<li>] api - fullCalendar</li>
<li>] api - twitter -&nbsp;</li>
<li>] api - jq &nbsp;? &nbsp;</li>
</ol>
<li>] js tools (ides, Utilities, ?)&nbsp;</li>
<ol>
<li>] <a href="http://getfirebug.com/" target="_blank">firebug</a>&nbsp;-&nbsp;@mozilla, firefox plugin for web app dev, tools for debugging js, inspect DOM elements&nbsp;</li>
<li>] <a href="https://developers.google.com/chrome-developer-tools/" target="_blank">chrome dev tools</a> - native browser dev tools, &nbsp;] debug JS, ] inspect DOM elements, ] console, ] perf network ] perf rendering ] perf js &amp; css ] &nbsp;inspect - storage</li>
<li>?] ie8 devtools - &nbsp;built into ie8+, downloadable as an add in for earlier ie versions, &nbsp;</li>
<li>+] tech-dev-www/any/toools - for &nbsp;] httpArchive.org ] webpagetest.org ] other web development tools&nbsp;</li>
<li>] github - source code version control system and repository</li>
<li>] ungit - web based ide for working with github code repositories</li>
<li>+] templating - &nbsp;handlebars, mustache, ..., ] cloud9ide ]&nbsp;</li>
<li>*** other languages that compile to js ***</li>
<li>] coffescript - language that compiles to js</li>
<li>] typescript - ms typed language that compiles to js</li>
<li>] gwt - &nbsp;google tool, write program in java, compiles to js</li>
<li>] clojure - &nbsp; &nbsp;</li>
</ol>
<li>] js how-to BY: ds &amp; others</li>
<ol>
<li>] <a href="/view/article?id=1771" target="_blank">Overview</a> - if its already been done, why do it again(DRY), (x) pre-written js scripts to perform specific functions, organized by 'functionality' category,&nbsp;</li>
<li>+] LIST the best sites to find scripts on -</li>
<li>] tutorials -&nbsp;</li>
<li>] EX simple VNC client -</li>
<li>] EX ecmascript6 toDoMVC -&nbsp;</li>
<li>+] EX realTime voice-text translation, src=g</li>
<li>] by:ds <a href="/view/article?id=1665" target="_blank">Overview - the hello world exampleS</a>&nbsp;-&nbsp;the "goals of" and "an outline for" creating these simple examples for of all/many of various programming concepts</li>
<li>]&nbsp;by:ds <a href="/view/article?id=1669" target="_blank">use-setTimeout-method_to_delay_execution_of_next_command</a>,</li>
<li>]&nbsp;by:ds <a href="/view/article?id=1668" target="_blank">get and set select box values</a></li>
<li>]&nbsp;by:ds <a href="/view/article?id=1667" target="_blank">test-if-an-object-exists-on-a-page</a>,</li>
<li>]&nbsp;by:ds <a href="/view/article?id=1666" target="_blank">output-insert-Special-Characters-within-your-html-or-js</a>&nbsp;</li>
<li>] ...&nbsp;</li>
</ol>
<li>] js best-practices</li>
<ol>
<li>] Overview -&nbsp;</li>
<li>] Article -&nbsp;</li>
</ol>
<li>] js inspiration</li>
<ol>
<li>] overview - sites/pages that are using features/functions that are developed with javascript, and</li>
<li>] articles highlighting sites with top tier javascript development &nbsp;</li>
</ol>
<li>] <a href="/view/articles?id=392" target="_blank">versions</a>&nbsp;</li>
<ol>
<li>] ecmascript 262.6 - <a href="http://esdiscuss.org" target="_blank">discussion</a>, <a href="http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#september_27_2013_draft_rev_19" target="_blank">spec draft</a></li>
<li>] <a href="http://www.ecma-international.org/ecma-262/5.1/" target="_blank">ecmascript 262.5</a> - the specification (html)&nbsp;</li>
<li>]&nbsp;<a href="/view/article?id=1705" target="_blank">js 1.8.6</a>&nbsp;-</li>
<li>] <a href="/view/article?id=1704" target="_blank">js 1.8.5</a> -</li>
<li>] <a href="/view/article?id=1703" target="_blank">js 1.8.1</a> -&nbsp;</li>
<li>] <a href="/view/article?id=1701" target="_blank">js 1.8</a>&nbsp;-</li>
<li>] <a href="/view/article?id=1700" target="_blank">js 1.7</a>&nbsp;</li>
<li>] <a href="/view/article?id=1684" target="_blank">js 1.6</a>&nbsp;</li>
<li>]&nbsp;<a href="/view/article?id=1683" target="_blank">js 1.5</a>&nbsp;</li>
<li>] js 1.0&nbsp;</li>
</ol>
<li>] js patterns</li>
<ol>
<li>]&nbsp;</li>
</ol>
<li>] js performance</li>
<ol>
<li>]</li>
</ol>
<li>] js security</li>
<ol>
<li>]</li>
</ol>
<li>] <a href="/view/articles?id=408" target="_blank">js interview questions</a></li>
<ol>
<li>] <a href="/view/article?id=2616" target="_blank">javascript interview questions</a> - a compilation of (x) typical javascript interview questions, from a handful of different sources,&nbsp;along with answers,</li>
</ol>
<li>] reference</li>
<ol>
<li>x] <a href="/view/memberGroups?id=22" target="_blank">people</a>&nbsp;x] x] brendan eich ] alex ? (google io 2011) ]&nbsp;</li>
<li>x] <a href="/view/locations?id=253" target="_blank">websites</a> - including ] dailyjs ] javascriptissexy ] &nbsp;</li>
<li>x] <a href="/view/locations?id=252" target="_blank">books</a> -&nbsp;including ] eloquents js ] dom enlightenment ] developing win-8 apps in js</li>
<li>x] <a href="/view/locations?id=256" target="_blank">frameworks</a>&nbsp;- including x] angular, x] backbone, x] ember, &nbsp;</li>
<li>x] <a href="/view/locations?id=254" target="_blank">libraries </a>- including x] jquery ] sencha ] yui x] knockout.js ]&nbsp;</li>
<li>x] <a href="/view/locations?id=257" target="_blank">apis</a> - including ] ebay, ] g.maps, ] g.+ ] g.youtube, &nbsp;</li>
<li>x] <a href="/view/locations?id=258" target="_blank">applications</a> - including ] tinyMce, ] galleria, ] yoxview ]&nbsp;</li>
<li>x] <a href="/view/locations?id=255" target="_blank">tools</a>&nbsp;-&nbsp;including x] jsLint, ] jsHint, x] jsfiddle,&nbsp;</li>
<li>+++] new</li>
<li>] ie dev guide - http://msdn.microsoft.com/en-us/ie/bg125381&nbsp;</li>
<li>] mdn dev guide - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide - mostly programming 101 - contor</li>
<li>] ms js ref -&nbsp;</li>
</ol></ol>
&nbsp;
<hr /><ol>
<li>] these are my notes</li>
<ol>
<li>] if you can learn something from them, all the power to you, they come with no gurantee ] if you would like to 'improve' them, that would be great ] if you want to argue about something, i haven't got time ] if you read the "about" page, you know i am NOT pro claiming any expertise&nbsp; </li>
</ol></ol>

~ view article ~ Chapter] ch-000-contents FROM [ Book] language-javascript IN [ libraries] technology-developer-www