Flying Solo on the Web - Speaker Deck

Slide 1

Slide 1 text

Flying solo on the web Remy Sharp • Portsmouth University http://www.flickr.com/photos/bored-now/4980859475/

Slide 2

Slide 2 text

Hello students \o. •Freelance web work •Finding the web community

Slide 3

Slide 3 text

Wha…who? http://www.flickr.com/photos/fromthefront/8046625498

Slide 4

Slide 4 text

Left Logic

Slide 5

Slide 5 text

full-frontal.org

Slide 6

Slide 6 text

Book

Slide 7

Slide 7 text

Side & Open Projects

Slide 8

Slide 8 text

How I started

Slide 9

Slide 9 text

•Didn't ﬁnish university •Sandwich year with a startup (for 9.5 years!) •Agency with side project, that became the product

Slide 10

Slide 10 text

Growth

Slide 11

Slide 11 text

Commuting = Spare time = Productivity

Slide 12

Slide 12 text

Going alone

Slide 13

Slide 13 text

Why freelance?

Slide 14

Slide 14 text

"Freelancer"? I digress.

Slide 15

Slide 15 text

Why not?

Slide 16

Slide 16 text

Isolation

Slide 17

Slide 17 text

Cafés

Slide 18

Slide 18 text

Co-working spaces

Slide 19

Slide 19 text

Shared oﬃce

Slide 20

Slide 20 text

Income

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

Change of (physical) situation

Slide 23

Slide 23 text

Admin

Slide 24

Slide 24 text

"non billable admin"

Slide 25

Slide 25 text

1. Accountants 2.Book keepers 3.freeagent.com

Slide 26

Slide 26 text

Having to plan your own work

Slide 27

Slide 27 text

You're responsible for your own destiny.

Slide 28

Slide 28 text

The good parts

Slide 29

Slide 29 text

You're responsible for your own destiny.

Slide 30

Slide 30 text

Variety ☛ Always pushing yourself

Slide 31

Slide 31 text

•Side projects •Experiments •Distractions "I bet you couldn't..." •Diﬀerent disciplines hardware hacking, etc

Slide 32

Slide 32 text

Get work from your existing connections

Slide 33

Slide 33 text

Let work ﬁnd you

Slide 34

Slide 34 text

Pay

Slide 35

Slide 35 text

Your day £rate h p://cole007.net/blog/130/freelance-rates-survey-2012

Slide 36

Slide 36 text

How to quote •letsfreckle.com •getharvest.com •toggl.com •Spreadsheet

Slide 37

Slide 37 text

Contracts!

Slide 38

Slide 38 text

Finding the web community

Slide 39

Slide 39 text

Slide 40 text

1 2 3 h p://adactio.com/journal/1550/

Slide 41

Slide 41 text

Source != DOM

Slide 42

Slide 42 text

Blog

Slide 43

Slide 43 text

"I've nothing to say" http://www.flickr.com/photos/27082909@N00/4352017762

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

Twi er, IRC, Stackoverﬂow

Slide 47

Slide 47 text

Get published

Slide 48

Slide 48 text

Speak at an event

Slide 49

Slide 49 text

Learn

Slide 50

Slide 50 text

Where to start •scrunchup.com (for young devs & designers) •khanacademy.org (CS) •Subscribe to podcasts (huﬀduﬀer.com) •Newsle ers (html5 weekly, etc) •Books (!) •Videos, YouTube

Slide 51

Slide 51 text

What? • The trinity: HTML, CSS & JavaScript • Browser quirks, OS quirks, device quirks • JavaScript libraries jQuery, Angular, Ember, etc, etc, etc... • Developer tools • Responsive (design & implementation) • PhotoShop, Fireworks, etc, etc, etc...

Slide 52

Slide 52 text

What? In truth: All the things :(

Slide 53

Slide 53 text

What? Devs: learn some design & typography Designers: learn how to code a web page

Slide 54

Slide 54 text

Network!

Slide 55

Slide 55 text

Network in real life http://www.flickr.com/photos/marcthiele/6419183469

Slide 56

Slide 56 text

Network in real pubs http://www.flickr.com/photos/marcthiele/6419183469

Slide 57

Slide 57 text

Meetups

Slide 58

Slide 58 text

If there isn't one: start one. h p://lanyrd.com/blog/2012/evening-events/ h p://www.quirksmode.org/coh/

Slide 59

Slide 59 text

Conferences

Slide 60

Slide 60 text

How do you ﬁnd them? 1. meetup.com 2. lanyrd.com 3. linkedin.com

Slide 61

Slide 61 text

Cornerstones 1. Learn (and from your failures) 2.Do something you love (and get paid) 3.Meet people IN REAL LIFE! 4.Have a supportive partner

Slide 62

Slide 62 text

Be hungry. Questions? — Thanks, @rem