10 web development concepts a designer should know - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

10 web development Concepts - a - designer should knOw

Slide 2

Slide 2 text

10 web development Concepts - a - designer should knOw

Slide 3

Slide 3 text

Rachel Andrew

Slide 4

Slide 4 text

edgeofmyseat.com Rachel Andrew grabaperch.com

Slide 5

Slide 5 text

Writing - a - Brief 1

Slide 6

Slide 6 text

Writing - a - Brief 1

Slide 7

Slide 7 text

E x a c t l y What - are you - building?

Slide 8

Slide 8 text

Separate WHY - from - HOW

Slide 9

Slide 9 text

Describe What Users DO

Slide 10

Slide 10 text

Be clear - about - what you will provide

Slide 11

Slide 11 text

- consider - programming constructs 2

Slide 12

Slide 12 text

- consider - programming constructs 2

Slide 13

Slide 13 text

- consider - programming constructs 2

Slide 14

Slide 14 text

Conditional Logic if... then... else

Slide 15

Slide 15 text

Conditional Logic if... then... else

Slide 16

Slide 16 text

Loops

Slide 17

Slide 17 text

Loops

Slide 18

Slide 18 text

why is that Thing different?

Slide 19

Slide 19 text

Storing Data 3

Slide 20

Slide 20 text

Storing Data 3

Slide 21

Slide 21 text

“The UI is not just an interface between the browser and a human, it’s an interface between a human and a database. You can't have an interface unless you can connect to both things. If you don't know how your interface connects to a database, what are you interfacing to? Ryan Singer - in an interview at Future of Web Apps London 2010

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

This costs time money -&- developer Sanity

Slide 27

Slide 27 text

Source C o n t r o l 4

Slide 28

Slide 28 text

Source C o n t r o l 4

Slide 29

Slide 29 text

Source C o n t r o l 4

Slide 30

Slide 30 text

- What is - Source Control?

Slide 31

Slide 31 text

Git Subversion Visual SourceSafe Mercurial Bazaar

Slide 32

Slide 32 text

Do you use any kind - of - source control?

Slide 33

Slide 33 text

Do you use Source Control? NO 37% YES 63%

Slide 34

Slide 34 text

Do you use Source Control? NO 22% YES 78%

Slide 35

Slide 35 text

Do you use Source Control? NO 56% YES 44%

Slide 36

Slide 36 text

Why bother?

Slide 37

Slide 37 text

Back up

Slide 38

Slide 38 text

-Pick up- a project anywhere

Slide 39

Slide 39 text

Rollback - to a - Previous version

Slide 40

Slide 40 text

Bring in another team member

Slide 41

Slide 41 text

Hosted source control

Slide 42

Slide 42 text

beanstalkapp.com

Slide 43

Slide 43 text

-Professional - Development Environments 5

Slide 44

Slide 44 text

-Professional - Development Environments 5

Slide 45

Slide 45 text

-Professional - Development Environments 5

Slide 46

Slide 46 text

Developing directly - on the - live site

Slide 47

Slide 47 text

5 percent

Slide 48

Slide 48 text

Developing - in a - subfolder of the live site

Slide 49

Slide 49 text

Developing locally - Without a - web server

Slide 50

Slide 50 text

Mirror the live environment

Slide 51

Slide 51 text

Run your own server

Slide 52

Slide 52 text

Create proper staging servers

Slide 53

Slide 53 text

Code Re-use 6

Slide 54

Slide 54 text

Code Re-use 6

Slide 55

Slide 55 text

Code Re-use 6

Slide 56

Slide 56 text

Lazy is good

Slide 57

Slide 57 text

- Code - Snippets

Slide 58

Slide 58 text

snipplr.com

Slide 59

Slide 59 text

S t o r e common interface elements

Slide 60

Slide 60 text

Standard Test elements

Slide 61

Slide 61 text

- Form - Validation 7

Slide 62

Slide 62 text

- Form - Validation 7

Slide 63

Slide 63 text

- Form - Validation 7

Slide 64

Slide 64 text

- The - forgotten states

Slide 65

Slide 65 text

No content

Slide 66

Slide 66 text

Protect your design from Progra mmers

Slide 67

Slide 67 text

Consider front - & - back end Validation

Slide 68

Slide 68 text

Don’t make spam - a - user problem

Slide 69

Slide 69 text

E-commerce - & - taking payment 8

Slide 70

Slide 70 text

E-commerce - & - taking payment 8

Slide 71

Slide 71 text

Welcome - to a - whole new World - of - Pain

Slide 72

Slide 72 text

Welcome - to a - whole new World - of - Pain

Slide 73

Slide 73 text

Welcome - to a - whole new World - of - Pain

Slide 74

Slide 74 text

What do you really NEED?

Slide 75

Slide 75 text

Don’t forget

Slide 76

Slide 76 text

Special Offers

Slide 77

Slide 77 text

Shipping Options

Slide 78

Slide 78 text

VAT - & - local taxes

Slide 79

Slide 79 text

Taking Payment

Slide 80

Slide 80 text

Options

Slide 81

Slide 81 text

Storing card data to process later is nOt aN OptioN

Slide 82

Slide 82 text

Make someone else responsible

Slide 83

Slide 83 text

Pci Dss

Slide 84

Slide 84 text

Pay Page can be a comfort to your users

Slide 85

Slide 85 text

Pay Page saves you money

Slide 86

Slide 86 text

Designing for Pay Page solutions

Slide 87

Slide 87 text

Pay Page

Slide 88

Slide 88 text

Send page

Slide 89

Slide 89 text

Hosted Page

Slide 90

Slide 90 text

hOsting 9

Slide 91

Slide 91 text

hOsting 9

Slide 92

Slide 92 text

hOsting 9

Slide 93

Slide 93 text

Cheap hosting is expensive

Slide 94

Slide 94 text

Don’t be at the bottom of the foodchain

Slide 95

Slide 95 text

Types of hosting

Slide 96

Slide 96 text

Shared hosting

Slide 97

Slide 97 text

Virtual Private Servers

Slide 98

Slide 98 text

Dedicated

Slide 99

Slide 99 text

Cloud services

Slide 100

Slide 100 text

Should YOU become a host?

Slide 101

Slide 101 text

Security 10

Slide 102

Slide 102 text

Security 10

Slide 103

Slide 103 text

Security 10

Slide 104

Slide 104 text

- Be - Paranoid

Slide 105

Slide 105 text

S p a m defacement - & - stealing details

Slide 106

Slide 106 text

It’s Not Personal

Slide 107

Slide 107 text

- The - hidden cost - of - Free

Slide 108

Slide 108 text

Software Upgrades must be part of the Spec

Slide 109

Slide 109 text

Hack at your peril

Slide 110

Slide 110 text

Be extra paranoid about 3rd party plugins

Slide 111

Slide 111 text

Keep server software up to date

Slide 112

Slide 112 text

Only store - What you - really need

Slide 113

Slide 113 text

Never store plain text passwords

Slide 114

Slide 114 text

Shift liability where possible

Slide 115

Slide 115 text

HALP!!!

Slide 116

Slide 116 text

rachelandrew.co.uk edgeofmyseat.com grabaperch.com @rachelandrew Thank you!

Slide 117

Slide 117 text

rachelandrew.co.uk edgeofmyseat.com grabaperch.com @rachelandrew Thank you!