edit-article
Home
Up
Delete
Article Name:
Article Description:
contents of my javascript notebooks, include listing of all chapters and links to each as well as to each individual article in the chapters
Chapter ID/Name:
Status:
Write
Writing
Written
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;"><strong>contents - javascript </strong></h1> <ol> <li><strong>[] <a href="/view/articles?id=388" target="_blank">contents</a></strong></li> <ol> <li>[] <a href="/view/article?id=1663" target="_blank">table of contents - BOOK -language-javascript</a> (this)</li> </ol> <li><strong>[] <a href="/view/articles?id=387" target="_blank">introduction</a></strong></li> <ol> <li>[] <a href="/view/article?id=1662" target="_blank">overview</a> - what is javascript(js)?, why you need js?, where you can use js, when to use js, examples of js and how to use js </li> <li>[] <a href="/view/article?id=1659" target="_blank">about</a> - 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 and experience with the language</li> <li>[] + js vs ecmascript - compare and contrast</li> <li>[] status - work in progress, to-do, completed</li> <li>[] analysis - </li> </ol> <li><strong>[] </strong><a href="/view/articles?id=737" target="_blank"><strong>learning-javascript?</strong></a><strong> - some key </strong><strong>js topics explained ed, <em>understand ing</em> -> </strong></li> <ol> <li>[] <a href="/view/article?id=2691" target="_blank">overview</a> - 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> - some prerequisites that <strong>you need to know</strong> to enhance your understanding of any of these concepts, and more importantly a .... </li> <li>[] <a href="/view/article?id=2694" target="_blank">objects</a> - everything in javascript is an object, master how to work with javascript objects and you will master javascript programming</li> <li>[] objects -> prototypal inheritance</li> <li>[i] <a href="/view/article?id=2617" target="_blank">this</a>, - understanding js's 'this' keyword with clarity, master the use of it</li> <li>[i] <a href="/view/article?id=2692" target="_blank">global</a> - an introductory overview to the concept the global object and 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> - 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 || IIFE - <a href="http://benalman.com/news/2010/11/immediately-invoked-function-expression">http://benalman.com/news/2010/11/immediately-invoked-function-expression</a> 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><span style="background-color: #c0c0c0;"><strong>[] <a href="/view/articles?id=397" target="_blank">feature/topic - OOP in js</a></strong></span><ol> <li><span style="background-color: #c0c0c0;">] <a href="/view/article?id=1678" target="_blank"><span>Overview</span></a> - applying oop principles to your js programming</span></li> <li><span style="background-color: #c0c0c0;">] <a href="/view/article?id=1679" target="_blank"><span>object literal</span></a> - creating objects by defining them literally</span></li> <li><span style="background-color: #c0c0c0;">] <a href="/view/article?id=1680" target="_blank"><span>object json</span></a> - creating objects using javascript object notation(json)</span></li> <li><span style="background-color: #c0c0c0;">] <a href="/view/article?id=1681" target="_blank"><span>object constructor function</span></a> - creating objects by defining an object constructor function</span></li> <li><span style="background-color: #c0c0c0;">] <a href="/view/article?id=1682" target="_blank"><span>object prototype</span></a> - adding properties and methods to your/existing objects using the prototype -</span></li> <li><span style="background-color: #c0c0c0;">] when to use object literals, object constructor functions, json objects, </span></li> <li><span style="background-color: #c0c0c0;">] cc ...</span></li> <li><span style="background-color: #c0c0c0;">+] <a href="/view/article?id=2652" target="_blank">prototypal inheiritance vs classical</a> </span></li> </ol></li> <li><strong>[] feature/topic - FP in js</strong></li> <ol> <li><strong>[] <a href="/view/arti" target="_blank">what is functional programming?</a></strong> - 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><strong>[] what about functional programming in javascript? <br /></strong></li> </ol> <li><strong>] <a href="/view/articles?id=394" target="_blank">features</a> </strong></li> <ol> <li>] <a href="/view/articles?id=395" target="_blank">language constructs</a> </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> </li> <li>] <a href="/view/article?id=1699" target="_blank">objects - dom - document</a></li> <li>] <a href="/view/articles?id=456" target="_blank">selectors & selections</a> </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 </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>]<span style="background-color: #888888;"> ajax</span></li> <ol> <li> <div style="text-align: left;"><span style="background-color: #888888;">] ..</span></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><strong>] <a href="/view/articles?id=395" target="_blank">feature - language constructs</a>, src=TOPICS.Programming Language=</strong></li> <ol> <li>] <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), ] ... </li> </ol> <li><strong>] <a href="/view/articles?id=396" target="_blank">feature - objects native</a></strong></li> <ol> <li>] <a href="/view/article?id=1695" target="_blank">Overview</a> - a look at each of the native(intrinsic, built-in) <a href="http://www.w3schools.com/jsref/default.asp" target="_top">JavaScript Objects</a> included in the language. These currently include ] Array, ] Boolean, ] Date, ] Function, ] Number, ] String ] Object. </li> </ol> <li><strong>] <a href="/view/articles?id=398" target="_blank">feature - objects.browser</a></strong></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><strong>] <a href="/view/articles?id=399" target="_blank">feature - objects DOM CORE</a> src=TOPICS.[w3schools.com]</strong></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 </li> </ol> <li><strong>] feature = objects DOM DOCUMENT</strong></li> <ol> <li>] <a href="/view/article?id=1699" target="_blank">Overview</a> - the DOCUMENT OBJECTS that the browser constructs in the DOM including ] Anchor, ] Area,] Event, Image, ] TextArea</li> </ol> <li><strong>] <a href="/view/articles?id=454" target="_blank">feature - selectors & selections</a> - without the $</strong></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><strong>] <a href="/view/articles?id=455" target="_blank">feature - events</a></strong></div> </li> <ol> <li> <div>] <a href="/view/article?id=1764" target="_blank">Overview</a> - events, event handlers, event capture VS event bubbling mechanisms, </div> </li> </ol> <li><strong>] <a href="/view/articles?id=456" target="_blank">feature - callbacks</a></strong></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, </li> </ol> <li><span style="background-color: #c0c0c0;"><strong>] feature - traversal</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">] HTML DOM traversal and modification</span></li> </ol> <li><span style="background-color: #c0c0c0;"><strong>] feature - manipulation</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">] includes FEATURES from ] attributes, ] css</span></li> <li><span style="background-color: #c0c0c0;">] HTML element manipulation <strong>$</strong></span></li> <li><span style="background-color: #c0c0c0;">] CSS manipulation ( ? ) we can add and remove css classes to elements, is there more? <strong>$</strong></span></li> </ol> <li><span style="background-color: #c0c0c0;"><strong>] feature - attributes</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;"><strong>] ...</strong></span></li> </ol> <li><span style="background-color: #c0c0c0;"><strong>] feature - properties</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;"><strong>] ...</strong></span></li> </ol> <li><strong>] feature-AJAX</strong></li> <ol> <li>] overview - AJAX - using and understanding the xmlhttp request object</li> </ol> <li><strong>] <a href="/view/chapters?id=401" target="_blank">js frameworks</a></strong></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) </li> <li>] emberjs - MVC app development</li> <li>] backbone - </li> <li>] meteor -</li> <li>] canJs - </li> <li>] bootstrap - a front end development (twitter)</li> </ol> <li><strong>] <a href="/view/chapters?id=390" target="_blank">js libraries</a></strong></li> <ol> <li>] jQuery -</li> <ol> <li>ajax, <em>attributes</em>, <em>callbacks</em>, core, css, data, deferred, dimensions, effects, <em>events</em>, forms, internals, <em>manipulation</em> , misc, offset, <em>properties</em>, <em>selectors</em>, <em>traversing</em>, utilities</li> </ol> <li>] extJS (sencha) -</li> <li>] prototype -</li> <li>] yui (yahoo) - </li> <li>] mootools - </li> <li>] chart.js - </li> <li>] knockout.js - data binding, mvvm framework, </li> </ol> <li><strong>] js applications </strong></li> <ol> <li>] overview - applications, - desc, list</li> <li>] app - tinyMCE</li> <li>] app - pen </li> <li>] <a href="/view/article?id=1709" target="_blank">app - galleria</a> </li> <li>] app - yoxview </li> </ol> <li><strong>] js apis</strong></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 - </li> <li>] api - jq ? </li> </ol> <li><strong>] js tools (ides, Utilities, ?) </strong></li> <ol> <li><strong>] <a href="http://getfirebug.com/" target="_blank">firebug</a> </strong>- @mozilla, firefox plugin for web app dev, tools for debugging js, inspect DOM elements </li> <li><strong>] <a href="https://developers.google.com/chrome-developer-tools/" target="_blank">chrome dev tools</a></strong> - native browser dev tools, ] debug JS, ] inspect DOM elements, ] console, ] perf network ] perf rendering ] perf js & css ] inspect - storage</li> <li>?] ie8 devtools - built into ie8+, downloadable as an add in for earlier ie versions, </li> <li>+] tech-dev-www/any/toools - for ] httpArchive.org ] webpagetest.org ] other web development tools </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 - handlebars, mustache, ..., ] cloud9ide ] </li> <li><strong>*** other languages that compile to js ***</strong></li> <li>] coffescript - language that compiles to js</li> <li>] typescript - ms typed language that compiles to js</li> <li>] gwt - google tool, write program in java, compiles to js</li> <li>] clojure - </li> </ol> <li><strong>] js how-to BY: ds & others</strong></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, </li> <li>+] LIST the best sites to find scripts on -</li> <li>] tutorials - </li> <li>] EX simple VNC client -</li> <li>] EX ecmascript6 toDoMVC - </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> - the "goals of" and "an outline for" creating these simple examples for of all/many of various programming concepts</li> <li>] by:ds <a href="/view/article?id=1669" target="_blank">use-setTimeout-method_to_delay_execution_of_next_command</a>,</li> <li>] by:ds <a href="/view/article?id=1668" target="_blank">get and set select box values</a></li> <li>] by:ds <a href="/view/article?id=1667" target="_blank">test-if-an-object-exists-on-a-page</a>,</li> <li>] by:ds <a href="/view/article?id=1666" target="_blank">output-insert-Special-Characters-within-your-html-or-js</a> </li> <li>] ... </li> </ol> <li><strong>] js best-practices</strong></li> <ol> <li>] Overview - </li> <li>] Article - </li> </ol> <li><strong>] js inspiration</strong></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 </li> </ol> <li><strong>] </strong><a href="/view/articles?id=392" target="_blank"><strong>versions</strong></a> </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) </li> <li>] <a href="/view/article?id=1705" target="_blank">js 1.8.6</a> -</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> - </li> <li>] <a href="/view/article?id=1701" target="_blank">js 1.8</a> -</li> <li>] <a href="/view/article?id=1700" target="_blank">js 1.7</a> </li> <li>] <a href="/view/article?id=1684" target="_blank">js 1.6</a> </li> <li>] <a href="/view/article?id=1683" target="_blank">js 1.5</a> </li> <li>] js 1.0 </li> </ol> <li><strong>] js patterns</strong></li> <ol> <li>] </li> </ol> <li><strong>] js performance</strong></li> <ol> <li>]</li> </ol> <li><strong>] js security</strong></li> <ol> <li>]</li> </ol> <li><strong>] <a href="/view/articles?id=408" target="_blank">js interview questions</a></strong></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, along with answers,</li> </ol> <li><strong>] reference</strong></li> <ol> <li><strong>x] <a href="/view/memberGroups?id=22" target="_blank">people</a> x</strong>] x] brendan eich ] alex ? (google io 2011) ] </li> <li><strong>x] <a href="/view/locations?id=253" target="_blank">websites</a> - </strong>including ] dailyjs ] javascriptissexy ] </li> <li><strong>x] <a href="/view/locations?id=252" target="_blank">books</a> -</strong> including ] eloquents js ] dom enlightenment ] developing win-8 apps in js</li> <li><strong>x] <a href="/view/locations?id=256" target="_blank">frameworks</a></strong> - including x] angular, x] backbone, x] ember, </li> <li><strong>x] <a href="/view/locations?id=254" target="_blank">libraries </a>- </strong>including x] jquery ] sencha ] yui x] knockout.js ] </li> <li><strong>x] <a href="/view/locations?id=257" target="_blank">apis</a> </strong>- including ] ebay, ] g.maps, ] g.+ ] g.youtube, </li> <li><strong>x] <a href="/view/locations?id=258" target="_blank">applications</a> - </strong>including ] tinyMce, ] galleria, ] yoxview ] </li> <li><strong>x] <a href="/view/locations?id=255" target="_blank">tools</a> -</strong> including x] jsLint, ] jsHint, x] jsfiddle, </li> <li><strong>+++] new</strong></li> <li>] ie dev guide - http://msdn.microsoft.com/en-us/ie/bg125381 </li> <li>] mdn dev guide - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide - mostly programming 101 - contor</li> <li>] ms js ref - </li> </ol></ol> <p> </p> <hr /><ol> <li><strong>] these are my notes</strong></li> <ol> <li>] if you can learn something from them, all the power to you, they come with no gurantee <strong>] if you would like to 'improve' them, that would be great </strong>] if you want to argue about something, i haven't got time <strong>] if you read the "about" page, you know i am NOT pro claiming any expertise </strong></li> </ol></ol>