Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Infrastructure of modern web applications
Sergey kopylov
Overview

1. design and ux

3. backend web technologies

overview

2. Front-end web technologies

4. deployment
Design and UX

design and ux
What is User experience?

Personas and use cases

design and ux

User testing
Always create mockups first

design and ux
Design templates

Bootswatch

design and ux
Css preprocessors

Nesting

Sprites

Front-end web technologies

Mixins
twitter bootstrap

100s of plugins, widget
and design themes

Front-end web technologies
javascript Frameworks

Github stars

17k

20k

DocumentCloud

Google

First release

2010

2009

Data binding

One-way

Tw...
Data binding in Angular.js

Front-end web technologies
backend infrastructure
Infrastructure

External
web services

Web server
Database

Application
environment

Cache
Search

...
Email services
Why you don’t want
to do it yourself
• Deliverability
• Signing email (DKIM, SPF)
• Analytics

Newsletters
...
Analytics
Funnels

Segmentation

backend web technologies

Event-based notifications
DEPLOYMENT
virtualenv

virtualenvwrapper

fabric

pip

Platform as a service
DjangoEurope.com

Deployment
Upcoming SlideShare
Loading in …5
×

Django Weekend talk "Infrastructure of modern web applications"

1,214 views

Published on

Being a web developer in a small team often involves wearing many hats: systems architect, visual and UX designer, front-end and back-end developer, devops.

All these fields are evolving fast and it’s hard to stay up to date with the latest technologies.

In this presentation we overview today’s common elements of full web stack and the tools for implementing them in your Django projects. It is aimed at giving web developers an introduction to some recent technologies and their use.

Published in: Design, Technology, Business
  • Be the first to comment

Django Weekend talk "Infrastructure of modern web applications"

  1. 1. Infrastructure of modern web applications Sergey kopylov
  2. 2. Overview 1. design and ux 3. backend web technologies overview 2. Front-end web technologies 4. deployment
  3. 3. Design and UX design and ux
  4. 4. What is User experience? Personas and use cases design and ux User testing
  5. 5. Always create mockups first design and ux
  6. 6. Design templates Bootswatch design and ux
  7. 7. Css preprocessors Nesting Sprites Front-end web technologies Mixins
  8. 8. twitter bootstrap 100s of plugins, widget and design themes Front-end web technologies
  9. 9. javascript Frameworks Github stars 17k 20k DocumentCloud Google First release 2010 2009 Data binding One-way Two-way External libraries (e.g. Mustache.js) Built-in Easy to learn Yes Could be easier Easy to integrate with Django Yes It depends Developer Templating Front-end web technologies
  10. 10. Data binding in Angular.js Front-end web technologies
  11. 11. backend infrastructure Infrastructure External web services Web server Database Application environment Cache Search Django Social authentication Analytics Sending emails Background tasks Error logging Logging Payments backend web technologies
  12. 12. Email services Why you don’t want to do it yourself • Deliverability • Signing email (DKIM, SPF) • Analytics Newsletters backend web technologies What you should care about • • • • Get permission before sending emails Include unsubscribe link Process bounces Test in different mail clients Transactional emails
  13. 13. Analytics Funnels Segmentation backend web technologies Event-based notifications
  14. 14. DEPLOYMENT virtualenv virtualenvwrapper fabric pip Platform as a service DjangoEurope.com Deployment

×