<divstyle="padding: 0 0 20px 0; margin: 0 0 20px 0; background-color: #22B24C;">
<divclass="container">
<pclass="banner"><ahref="https://www.gumroad.com/l/python-deployments" style="color: #fff">Learning web development? Check out The Full Stack Python Guide to Deployments book</a>!</p>
</div>
</div><ahref="https://github.com/makaimc/fullstackpython.com"><imgstyle="position: absolute; top: 0; right: 0; border: 0;" src="/theme/img/fork.png" alt="Fork me on GitHub"></a>
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>
<ol>
<li>
<p>Create a simple HTML file with basic elements in it. Use the
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
<ahref="http://www.deploypython.com/"><imgsrc="//static.fullstackpython.com/fsp-deployment-guide.png" alt="The Full Stack Python Guide to Deployments" width="100%"></a>
<pstyle="font-size: .8em; margin-top: 10px;">Searching for a complete, step-by-step deployment walkthrough? Learn more about <ahref="http://www.deploypython.com/">The Full Stack Python Guide to Deployments book</a>.