Insecurities of a frontender

by Dave Redfern

Slide 1

Slide 1 text

@daveredfern @daveredfern @staffsWebMeetup Insecurities of a frontender

Slide 2

Slide 2 text

@daveredfern

Slide 3

Slide 3 text

@daveredfern Web Designer UI Designer Front End Developer Something else… What am I?

Slide 4

Slide 4 text

@daveredfern

Slide 5

Slide 5 text

@daveredfern

Slide 6

Slide 6 text

@daveredfern @daveredfern @staffsWebMeetup Insecurities of a frontender

Slide 7

Slide 7 text

@daveredfern Belongingness is the human emotional need to be an accepted member of a group. What is belongingness?

Slide 8

Slide 8 text

@daveredfern Primary Secondary Reference Belongingness falls into three categories

Slide 9

Slide 9 text

@daveredfern Small clusters of people who share intimate and personal relationships. Primary Groups

Slide 10

Slide 10 text

@daveredfern

Slide 11

Slide 11 text

@daveredfern

Slide 12

Slide 12 text

@daveredfern

Slide 13

Slide 13 text

@daveredfern Large clusters of people who have a mutually shared purpose. Secondary Groups

Slide 14

Slide 14 text

@daveredfern

Slide 15

Slide 15 text

@daveredfern

Slide 16

Slide 16 text

@daveredfern Groups we compare ourselves to for the purpose of evaluating our behavior. Reference Groups

Slide 17

Slide 17 text

@daveredfern

Slide 18

Slide 18 text

@daveredfern

Slide 19

Slide 19 text

@daveredfern

Slide 20

Slide 20 text

@daveredfern

Slide 21

Slide 21 text

@daveredfern Working class Choose a class Middle class

Slide 22

Slide 22 text

@daveredfern Working class Choose a class Middle class

Slide 23

Slide 23 text

@daveredfern Working class Choose a class Middle class

Slide 24

Slide 24 text

@daveredfern Geek Are you a geek?

Slide 25

Slide 25 text

@daveredfern Designer Which are you? Developer

Slide 26

Slide 26 text

@daveredfern Designer Which are you? Developer

Slide 27

Slide 27 text

@daveredfern Designer Which are you? Developer

Slide 28

Slide 28 text

@daveredfern

Slide 29

Slide 29 text

@daveredfern All code is not equal

Slide 30

Slide 30 text

@daveredfern If front end development was a brand. We’d be having a brand crisis.

Slide 31

Slide 31 text

@daveredfern Front End Developer UI Developer Client-Side Developer UI Engineer Who are we?

Slide 32

Slide 32 text

@daveredfern Design Engineer Front End Architect Designer / Developer Prototyper Who are we?

Slide 33

Slide 33 text

@daveredfern

Slide 34

Slide 34 text

@daveredfern Understand UX principles and best practices Keen eye for aesthetics Can write some JavaScript Understand the importance of backend development What is our role?

Slide 35

Slide 35 text

@daveredfern Designer What is a frontender? Developer

Slide 36

Slide 36 text

@daveredfern Designer What is a frontender? Developer

Slide 37

Slide 37 text

@daveredfern Designer Developer

Slide 38

Slide 38 text

@daveredfern Designer Developer Designer

Slide 39

Slide 39 text

@daveredfern Designer Developer Back End Developer

Slide 40

Slide 40 text

@daveredfern Designer Developer WordPress Developer

Slide 41

Slide 41 text

@daveredfern Designer Developer Front End Developer

Slide 42

Slide 42 text

@daveredfern Designer Developer Generalist

Slide 43

Slide 43 text

@daveredfern Versatilist Someone who can be a specialist for a particular discipline, while at the same time be able to change to another role with the same ease.

Slide 44

Slide 44 text

@daveredfern “A UI Engineer’s ultimate goal is to create great customer experiences, just like our designers. This is why they’re on the Design team.” Optimizely

Slide 45

Slide 45 text

@daveredfern “Front End Dev is a melting pot of design & dev skills to implement accessible UIs to accepted standards.” FutureLearn

Slide 46

Slide 46 text

@daveredfern “It’s important that we have generalists that can bleed across these lines. Up until a short while ago, we were not doing enough to foster the practice of design implementation.” Shopify

Slide 47

Slide 47 text

@daveredfern

Slide 48

Slide 48 text

@daveredfern “People who are skilled at frontend design are in a great position to help bridge the divide between the design and development worlds.” Brad Frost

Slide 49

Slide 49 text

@daveredfern @daveredfern @staffsWebMeetup Thanks