Is Django for Designers?

Slide 1

Slide 1 text

designers is for

Slide 2

Slide 2 text

Introduction Django + Designers Getting started What’s new in Django 1.4 Conclusion Overview

Slide 3

Slide 3 text

Designer Front End Developer 10 Years Web Experience Originally from Kansas Introduction

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Let’s go back... Ctrl-Z + 2007

Slide 6

Slide 6 text

http://ﬂic.kr/p/5aW79J

Slide 7

Slide 7 text

Flash

Slide 8

Slide 8 text

SXSWi 2008

Slide 9

Slide 9 text

- Simon Willison You live near Lawrence, Kansas and you are not doing Django? “ ”

Slide 10

Slide 10 text

for perfectionists with deadlines

Slide 11

Slide 11 text

http://flic.kr/p/5aW79J http://ﬂic.kr/p/4pFs3e 2008 World Online Junior Designer/Developer

Slide 12

Slide 12 text

DEVELOPER DESIGNER Hybrid

Slide 13

Slide 13 text

designers

Slide 14

Slide 14 text

Let’s go way back... Ctrl-Z + 2005 + Chicago

Slide 15

Slide 15 text

Snakes vs. Rubies djangoproject.com/snakesandrubies/

Slide 16

Slide 16 text

http://flic.kr/p/5aW79J http://ﬂic.kr/p/7Ejyc4 http://flic.kr/p/7Ejyc4 ...the person editing the templates is not necessarily a programmer... they should not have to know Python... “ ” - Adrian Holovaty

Slide 17

Slide 17 text

designers

Slide 18

Slide 18 text

Where do I start?

Slide 19

Slide 19 text

Tutorial Getting started

Slide 20

Slide 20 text

#django irc.freenode.net Documentation docs.djangoproject.com django-users http://tinyurl.com/django-users/ Getting started

Slide 21

Slide 21 text

Getting started Bookmark this docs.djangoproject.com/en/dev/ref/templates/builtins/

Slide 22

Slide 22 text

Seriously. docs.djangoproject.com/en/dev/ref/templates/builtins/ Getting started

Slide 23

Slide 23 text

Template tags + filters Getting started

Slide 24

Slide 24 text

{% now “Y” %} Tags Getting started

Slide 25

Slide 25 text

{{ object.publish_date|date:“Y” }} Filters Getting started

Slide 26

Slide 26 text

#3 Getting started

Slide 27

Slide 27 text

{% if %} Getting started

Slide 28

Slide 28 text

{% if cats %} The cat says, “Meow!” {% endif %} Getting started

Slide 29

Slide 29 text

{% if cats %} The cat says, “Meow!” {% else %} There are no cats :( {% endif %} Getting started

Slide 30

Slide 30 text

Getting started #2

Slide 31

Slide 31 text

{% for %} Getting started

Slide 32

Slide 32 text

{% for kitten in kittens %} {{ kitten }} {% endfor %} Getting started

Slide 33

Slide 33 text

{% for kitten in kittens %} {{ kitten }} {% empty %} There are no kittens :( {% endfor %} Getting started

Slide 34

Slide 34 text

Getting started #1

Slide 35

Slide 35 text

{% extends %} Getting started

Slide 36

Slide 36 text

#base.html {% block extra_js %}{% endblock %} #events.html {% extends “base.html” %} {% block extra_js %} {% endblock %} Getting started

Slide 37

Slide 37 text

What’s new in Django 1.4

Slide 38

Slide 38 text

github.com/caktus/django-project-template/ What’s new in Django 1.4 Custom project templates

Slide 39

Slide 39 text

HTML5 doctype What’s new in Django 1.4

Slide 40

Slide 40 text

{{ object|truncatechars:“12” }} truncatechars What’s new in Django 1.4

Slide 41

Slide 41 text

{% elif %} What’s new in Django 1.4

Slide 42

Slide 42 text

{% if cat %} {{ cat.noise }} {% else %} {% if dog %} {{ dog.noise }} {% endif %} {% endif %} What’s new in Django 1.4

Slide 43

Slide 43 text

{% if cat %} {{ cat.noise }} {% elif dog %} {{ dog.noise }} {% endif %} What’s new in Django 1.4

Slide 44

Slide 44 text

So...

Slide 45

Slide 45 text

Sure.

Slide 46

Slide 46 text

http://ﬂic.kr/p/6eq1sG

Slide 47

Slide 47 text

Command line Blockers

Slide 48

Slide 48 text

GREETINGS PROFESSOR FALKEN. SHALL WE PLAY A GAME?

Slide 49

Slide 49 text

Too many things Blockers

Slide 50

Slide 50 text

+designers

Slide 51

Slide 51 text

Share your brain Conclusion

Slide 52

Slide 52 text

Be a mensch Conclusion

Slide 53

Slide 53 text

Conclusion Collaborate

Slide 54

Slide 54 text

http://ﬂic.kr/p/4Jj7er

Slide 55

Slide 55 text

Audience Poll

Slide 56

Slide 56 text

JULIA ELMAN @juliaelman THANK YOU!

Slide 57

Slide 57 text

“Pencil” symbol by Creologica + “Light bulb” symbol, from The Noun Project “Brain” symbol by Samuel Dion-Girardeau, from The Noun Project “Conversation” symbol by Samuel Green, from The Noun Project Slide 12 Slide 51 Slide 53 Credits