Jump to content

User:Maslen/Books/Web Dev

From Wikipedia, the free encyclopedia

Reading List:

Server-Side:

  1. Protocol used: Hypertext Transfer Protocol
  2. Popular Web Servers:
    1. Apache HTTP Server
    2. Nginx
  3. Generating Dynamic content
    1. Common Gateway Interface
    2. FastCGI
    3. Web Server Gateway Interface
    4. Understanding CGI variants: https://docs.python.org/2/howto/webservers.html
      1. Takeaway 1: WSGI is what you want (for Python)
      2. Takeaway 2: WSGI requires a web server that supports WSGI (e.g., Apache, nginx) and a WSGI application
    5. Creating a WSGI-compatible app: https://docs.pylonsproject.org/projects/webob/en/stable/do-it-yourself.html
  4. Python Web Frameworks
    1. Django (web framework)
    2. Flask (web framework)
  5. Connecting Python Web Frameworks to Web Servers
    1. WSGI-based deployment:
    2. Note: You have several options which web server to use: Apache, nginx, gunicorn, etc. There are tradeoffs for each.
      1. E.g., deploying Flask via WSGI, etc: http://flask.pocoo.org/docs/1.0/deploying/
      2. E.g., deploying Django via WSGI: https://docs.djangoproject.com/en/2.1/howto/deployment/wsgi/
      3. https://django-best-practices.readthedocs.io/en/latest/deployment/servers.html#nginx
      4. Gunicorn
        1. Use of nginx + gunicorn together: https://serverfault.com/questions/331256/why-do-i-need-nginx-and-something-like-gunicorn

Front-end

  1. HTML Templating
    1. https://en.wikipedia.org/wiki/Jinja_(template_engine)
    2. https://docs.djangoproject.com/en/1.7/topics/templates/
  2. HTML/CSS/JS frameworks
    1. Main idea: Instead of writing HTML/CSS manually, use a framework
    2. Bootstrap (front-end framework)
      1. https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-xi-facelift
      2. https://pythonhosted.org/Flask-Bootstrap/basic-usage.html
      3. Basic JS in Flask+Bootstrap: https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-xx-some-javascript-magic
    3. Angular (application platform)
      1. https://becominghuman.ai/full-stack-web-development-python-flask-javascript-jquery-bootstrap-802dd7d43053
      2. https://auth0.com/blog/using-python-flask-and-angular-to-build-modern-apps-part-1/
    4. React (JavaScript library)
      1. http://aviadas.com/blog/2015/08/05/evaluating-react-dot-js-and-flask/