Web Development
===============


Things to Note
--------------

*   Web development is a very very broad spectrum of tools and languages; this
    archive does not (and cannot) attempt to cover all of the available options
    and possible technologies

*   Always put CSS and Javascript into separate files and link them into the
    HTML, do not clutter your HTML with scripts and styling


Resources
---------

|link_w3fools|
    ``!important;`` please read this site before doing any web
    dev research, it shows you all the reasons you should NOT use a commonly
    appearing site called W3Schools. Also note that W3Schools is not in any
    way affiliated with the similarly named |link_w3c|, which is an
    organization that creates international standards for a number of
    web technologies!

|link_html5rocks|
    Easily one of THE best places to go for HTML 5 information; all sorts of tutorials and information about the HTML5 specification.

|link_mozdev|
    Another really great resource for all sorts of information
    regarding HTML, CSS, and JS, as well as web API’s and DOM.

|link_css3|
    One of, if not the best place for CSS3 information aside
    from the mozilla developer network.

|link_xml_wiki| (|link_xml_tutorial|)/|link_json_wiki| (|link_json_tutorial|)
    Both are very common data exchange formats for web technologies, and
    while XML has much more complex uses, the basics of both are very simple
    and easy to understand (personally I greatly prefer JSON since you seldom
    encounter the same parsing shenanigans as is required with XML).

|link_django_tut|
    My favorite back-end Python web framework for web apps, it has
    ease-of-use, a great MVC architecture, and the full power of Python.

|link_learnjs|
    Excellent tutorial to learn the core of creating a
    dynamic client-side experience.

|link_jquery|
    jQuery is in many ways the de-facto standard as far as js libraries are
    concerned, you’d be hard pressed to find a modern website that doesn’t make
    use of this awesome js framework.

|link_bootstrap|
    Twitter’s own front-end bootstrap framework is one of the most
    popular for good reason; once you learn how to leverage it, it can make
    prototyping and scaffolding very fast.

|link_lessc|
    LESS is a CSS preprocessor that expands the powers of CSS
    immensely and removes some annoying limitations of CSS by itself.

|link_guni_uwsgi|


.. |link_w3fools| raw:: html

    <a href="http://www.w3fools.com/" rel="external noopener noreferrer">W3Fools</a>

.. |link_w3c| raw:: html

    <a href="https://en.wikipedia.org/wiki/World_Wide_Web_Consortium" rel="external noopener noreferrer">W3C</a>

.. |link_html5rocks| raw:: html

    <a href="https://www.html5rocks.com/en/" rel="external noopener noreferrer">HTML5 Rocks</a>

.. |link_mozdev| raw:: html

    <a href="https://developer.mozilla.org/en-US/" rel="external noopener noreferrer">Mozilla Developer Network</a>

.. |link_css3| raw:: html

    <a href="http://www.css3.info/" rel="external noopener noreferrer">CSS3</a>

.. |link_xml_wiki| raw:: html

    <a href="https://en.wikipedia.org/wiki/XML" rel="external noopener noreferrer">XML (wiki)</a>

.. |link_xml_tutorial| raw:: html

    <a href="http://www.quackit.com/xml/tutorial/" rel="external noopener noreferrer">XML tutorial</a>

.. |link_json_wiki| raw:: html

    <a href="https://en.wikipedia.org/wiki/JSON" rel="external noopener noreferrer">JSON (wiki)</a>

.. |link_json_tutorial| raw:: html

    <a href="https://www.copterlabs.com/blog/json-what-it-is-how-it-works-how-to-use-it/" rel="external noopener noreferrer">JSON tutorial</a>

.. |link_django_tut| raw:: html

    <a href="https://docs.djangoproject.com/en/latest/intro/tutorial01/" rel="external noopener noreferrer">Django tutorial</a>

.. |link_pyramid| raw:: html

    <a href="https://www.pylonsproject.org/" rel="external noopener noreferrer">Pyramid</a>

.. |link_flask| raw:: html

    <a href="https://flask.pocoo.org/" rel="external noopener noreferrer">Flask</a>

.. |link_falcon| raw:: html

    <a href="https://falconframework.org/" rel="external noopener noreferrer">Falcon</a>

.. |link_learnjs| raw:: html

    <a href="https://www.learn-js.org/" rel="external noopener noreferrer">learn-js</a>

.. |link_jquery| raw:: html

    <a href="https://jquery.com/" rel="external noopener noreferrer">jQuery</a>

.. |link_bootstrap| raw:: html

    <a href="https://getbootstrap.com/" rel="external noopener noreferrer">Bootstrap</a>

.. |link_lessc| raw:: html

    <a href="http://lesscss.org/" rel="external noopener noreferrer">LESS CSS</a>

.. |link_guni_uwsgi| raw:: html

    <a href="http://cramer.io/2013/06/27/serving-python-web-applications/" rel="external noopener noreferrer">hosting Django (gunicorn + uwsgi)</a>