123
Hello!

The Developer Identity – Style & Class Edition

Embed Size (px)

Citation preview

Page 1: The Developer Identity – Style & Class Edition

Hello!

Page 2: The Developer Identity – Style & Class Edition

Hello!Hello!

Page 3: The Developer Identity – Style & Class Edition

Hello!

I’m Jeff!Hello!

Page 4: The Developer Identity – Style & Class Edition

Hello!

I’m Jeff!Hello!

Page 5: The Developer Identity – Style & Class Edition

I’m a UI Developer

Page 6: The Developer Identity – Style & Class Edition

I’m a UI Developer

Page 7: The Developer Identity – Style & Class Edition
Page 8: The Developer Identity – Style & Class Edition

The UI Developer Identity

Page 9: The Developer Identity – Style & Class Edition

The UI Developer Identity

Page 10: The Developer Identity – Style & Class Edition

The UI Developer Identity

Page 11: The Developer Identity – Style & Class Edition

The UI Developer IdentityWhy is the Developer identify relevant?

Page 12: The Developer Identity – Style & Class Edition
Page 13: The Developer Identity – Style & Class Edition
Page 14: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Page 15: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Show of Hands!

Page 16: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Page 17: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Page 18: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Page 19: The Developer Identity – Style & Class Edition

What do Developers do?

Page 20: The Developer Identity – Style & Class Edition

What do Developers do?

Page 21: The Developer Identity – Style & Class Edition
Page 22: The Developer Identity – Style & Class Edition

What do Developers do?

Page 23: The Developer Identity – Style & Class Edition

What do Developers do?

Designer’s Mockup

Page 24: The Developer Identity – Style & Class Edition

What do Developers do?

Designer’s Mockup HTML, CSS and JS

Page 25: The Developer Identity – Style & Class Edition

What do Developers do?

Designer’s Mockup HTML, CSS and JSEngineers add functionality...

It’s ALIVE!!

Page 26: The Developer Identity – Style & Class Edition

What do Developers do?

Designer’s Mockup HTML, CSS and JSEngineers add functionality...

It’s ALIVE!!

Wait!is that really it…?

Page 27: The Developer Identity – Style & Class Edition
Page 28: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Page 29: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Page 30: The Developer Identity – Style & Class Edition

Designers Engineers“Interaction Designers” “Front-end Engineers” etc.

Page 31: The Developer Identity – Style & Class Edition

Designers Engineers“Interaction Designers” “Front-end Engineers” etc.

Page 32: The Developer Identity – Style & Class Edition

Designers Engineers???“Interaction Designers” “Front-end Engineers” etc.

Page 33: The Developer Identity – Style & Class Edition

Developers

Page 34: The Developer Identity – Style & Class Edition

Designers“UI Developers”

Engineers“Interaction Designers” “Front-end Engineers” etc.

Page 35: The Developer Identity – Style & Class Edition

Designers“UI Developers”

Engineers“Interaction Designers” “Front-end Engineers” etc.

Page 36: The Developer Identity – Style & Class Edition

Designers“UI Developers”

Engineers“Interaction Designers” “Front-end Engineers” etc.

CHANGE

Page 37: The Developer Identity – Style & Class Edition

Designers“UI Developers”

Engineers“Interaction Designers” “Front-end Engineers” etc.

Page 38: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers”

Page 39: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers”

Page 40: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers” ===

Page 41: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers” ===

Page 42: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers” ????

Aren’t Developers basicallyjust Front End Engineers?

Page 43: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers” ????

Aren’t Developers basicallyjust Front End Engineers?

Page 44: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers” ????

Aren’t Developers basicallyjust Front End Engineers?

Page 45: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers” ????

Aren’t Developers basicallyjust Front End Engineers?

Good Question!

Page 46: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers” ????

Aren’t Developers basicallyjust Front End Engineers?

Page 47: The Developer Identity – Style & Class Edition
Page 48: The Developer Identity – Style & Class Edition
Page 49: The Developer Identity – Style & Class Edition
Page 50: The Developer Identity – Style & Class Edition
Page 51: The Developer Identity – Style & Class Edition
Page 52: The Developer Identity – Style & Class Edition
Page 53: The Developer Identity – Style & Class Edition

What do UI Developers do?

Page 54: The Developer Identity – Style & Class Edition

What do UI Developers do?

Page 55: The Developer Identity – Style & Class Edition

What do UI Developers do?

Page 56: The Developer Identity – Style & Class Edition

What do UI Developers do?

Page 57: The Developer Identity – Style & Class Edition

What do UI Developers do?

Page 58: The Developer Identity – Style & Class Edition

What do UI Developers do?

Page 59: The Developer Identity – Style & Class Edition

What do UI Developers do?

Page 60: The Developer Identity – Style & Class Edition

More than just programming

Developers need design skills too

Page 61: The Developer Identity – Style & Class Edition

Designers“Interaction Designers”

Engineers“Front-end Engineers” etc.“UI Developers”

Bridge

Page 62: The Developer Identity – Style & Class Edition
Page 63: The Developer Identity – Style & Class Edition

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Page 64: The Developer Identity – Style & Class Edition

Why is identity important?

Page 65: The Developer Identity – Style & Class Edition

Let’s break it down with a...

Page 66: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Skill Range!

Page 67: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Page 68: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Page 69: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Page 70: The Developer Identity – Style & Class Edition

Design Engineering

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Page 71: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 72: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 73: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 74: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 75: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 76: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 77: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 78: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 79: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 80: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 81: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

???

Page 82: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 83: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 84: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 85: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 86: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 87: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 88: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 89: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

Page 90: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 91: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

LEGIT

Page 92: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Developer Engineer

Page 93: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Developer Engineer

Page 94: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 95: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

Page 96: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Page 97: The Developer Identity – Style & Class Edition

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Page 98: The Developer Identity – Style & Class Edition
Page 99: The Developer Identity – Style & Class Edition
Page 100: The Developer Identity – Style & Class Edition
Page 101: The Developer Identity – Style & Class Edition
Page 102: The Developer Identity – Style & Class Edition
Page 103: The Developer Identity – Style & Class Edition
Page 104: The Developer Identity – Style & Class Edition
Page 105: The Developer Identity – Style & Class Edition

So.

Page 106: The Developer Identity – Style & Class Edition

So.

Why is the Developer identity relevant?

Page 107: The Developer Identity – Style & Class Edition

Because:

Page 108: The Developer Identity – Style & Class Edition

Because:

Knowing who we are empowers us

Page 109: The Developer Identity – Style & Class Edition
Page 110: The Developer Identity – Style & Class Edition

As an individual, knowing who you are informs...

Page 111: The Developer Identity – Style & Class Edition

As an individual, knowing who you are informs...

Your strengths and skills

Page 112: The Developer Identity – Style & Class Edition

As an individual, knowing who you are informs...

Your strengths and skills

Your personal sense of direction

Page 113: The Developer Identity – Style & Class Edition

As an individual, knowing who you are informs...

Your strengths and skills

Your personal sense of direction

Your ability to make yourself happy

Page 114: The Developer Identity – Style & Class Edition
Page 115: The Developer Identity – Style & Class Edition

As employers, understand your employee helps...

Page 116: The Developer Identity – Style & Class Edition

As employers, understand your employee helps...

Goal setting and personal growth plans

Page 117: The Developer Identity – Style & Class Edition

As employers, understand your employee helps...

Goal setting and personal growth plans

The hiring and onboarding process

Page 118: The Developer Identity – Style & Class Edition

As employers, understand your employee helps...

Goal setting and personal growth plans

The hiring and onboarding process

How to best utilize an employee’s time

Page 119: The Developer Identity – Style & Class Edition
Page 120: The Developer Identity – Style & Class Edition
Page 121: The Developer Identity – Style & Class Edition

Be the high precision pie knife that cuts a better slice of the job-pie better than

one that does not

Page 122: The Developer Identity – Style & Class Edition

Thanks!

Page 123: The Developer Identity – Style & Class Edition

Questions?