Django Weekend talk "Infrastructure of modern web applications"

Sergey kopylov

Infrastructure of modern web applications

overview

Overview

1. design and ux 2. Front-end web technologies

3. backend web technologies 4. deployment

design and ux

Design and UX

design and ux

What is User experience?

Personas and use cases User testing

design and ux

Always create mockups first

http://balsamiq.com/





























































https://moqups.com/

http://www.invisionapp.com/














































design and ux

Design templates

Bootswatch

http://themeforest.net/




































































https://wrapbootstrap.com/














































































http://bootswatch.com/

Front-end web technologies

Css preprocessors

Nesting Mixins

Sprites

http://sass-lang.com/
















































http://compass-style.org/














































http://lesscss.org/

http://lesscss.org/

http://lesscss.org/

http://lesscss.org/

http://lesscss.org/

http://lesscss.org/

http://lesscss.org/

http://lesscss.org/

http://lesscss.org/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/

http://lesshat.com/


twitter bootstrap

100s of plugins, widget and design themes

http://getbootstrap.com/

http://bootsnipp.com/resources


javascript Frameworks

Github stars 17k 20k

Developer DocumentCloud Google

First release 2010 2009

Data binding One-way Two-way

Templating External libraries (e.g. Mustache.js) Built-in

Easy to learn Yes Could be easier

Easy to integrate with Django Yes It depends

http://backbonejs.org/































































http://angularjs.org/









































































Data binding in Angular.js

backend web technologies

backend infrastructure

Database

Cache

Web server

Search

Background tasks

Logging

Infrastructure

Django

External web services

Social authentication

Analytics

Payments

Application environment

Error logging

Sending emails


Email servicesWhy you don’t want

to do it yourself

Newsletters Transactional emails

• Deliverability • Signing email (DKIM, SPF) • Analytics

What you should care about

• Get permission before sending emails • Include unsubscribe link • Process bounces • Test in different mail clients

http://mailchimp.com/































































http://mandrill.com/



















http://aws.amazon.com/ses/




























































































































































http://www.mailgun.com/

















































































































Analytics

Funnels

Segmentation Event-based notifications

https://mixpanel.com/

































https://www.intercom.io/


































http://www.google.com/analytics/


























































































Deployment

DEPLOYMENTvirtualenv virtualenvwrapper

pip

Platform as a service

DjangoEurope.com

fabric

http://www.virtualenv.org

http://virtualenvwrapper.readthedocs.org

https://github.com/pypa/pip

https://www.heroku.com/
















































































https://www.pythonanywhere.com/























































http://DjangoEurope.com

http://fabfile.org/