is a great overview of both JavaScript and CSS as well as how pages are
rendered in a browser.</p>
</li>
<li>
<p><ahref="https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript">A re-introduction to JavaScript</a>
by Mozilla walks through the basic syntax and operators.</p>
</li>
<li>
<p><ahref="http://www.smashingmagazine.com/2011/10/28/useful-coding-workflow-tools-for-web-designers-developers/">Coding tools and JavaScript libraries</a>
is a huge list by Smashing Magazine with explanations for each tool and
library for working with JavaScript.</p>
</li>
<li>
<p><ahref="http://superherojs.com/">Superhero.js</a> is an incredibly well designed list
of resources for how to test, organize, understand and generally work with
JavaScript.</p>
</li>
<li>
<p><ahref="http://www.unheap.com/">Unheap</a> is an amazing collection of reusable JQuery
plugins for everything from navigation to displaying media.</p>
</li>
<li>
<p><ahref="http://www.breck-mckye.com/blog/2014/12/the-state-of-javascript-in-2015/">The State of JavaScript in 2015</a>
is an opinion piece about favoring small, single-purpose JavaScript libraries
over larger frameworks due to churn in the ecosystem.</p>
</li>
<li>
<p><ahref="http://www.infoq.com/articles/modern-javascript-toolbox">The Modern JavaScript Developer’s Toolbox </a>
provides a high-level overview of tools frequently used on the client and
server side for developers using JavaScript in their web applications.</p>
</li>
</ul>
<h2>JavaScript learning checklist</h2>
<p><iclass="fa fa-check-square-o"></i>
Create a simple HTML file with basic elements in it. Use the
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a