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
design and ux
Design templates
Bootswatch
Front-end web technologies
Css preprocessors
Nesting Mixins
Sprites
Front-end web technologies
twitter bootstrap
100s of plugins, widget and design themes
Front-end web technologies
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
Front-end web technologies
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
backend web technologies
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
backend web technologies
Analytics
Funnels
Segmentation Event-based notifications
Deployment
DEPLOYMENTvirtualenv virtualenvwrapper
pip
Platform as a service
DjangoEurope.com
fabric
