The Developer Identity – Style & Class Edition

Hello!

Hello!Hello!

Hello!

I’m Jeff!Hello!

Hello!

I’m Jeff!Hello!

I’m a UI Developer

I’m a UI Developer

The UI Developer Identity

The UI Developer Identity

The UI Developer Identity

The UI Developer IdentityWhy is the Developer identify relevant?

What do Developers do?

Who are Developers?

What is the Developer’s identity?

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Show of Hands!

What do Developers do?

Who are Developers?

What is the Developer’s identity?

What do Developers do?

Who are Developers?

What is the Developer’s identity?

What do Developers do?

Who are Developers?

What is the Developer’s identity?

What do Developers do?

What do Developers do?

What do Developers do?

What do Developers do?

Designer’s Mockup

What do Developers do?

Designer’s Mockup HTML, CSS and JS

What do Developers do?

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

It’s ALIVE!!

What do Developers do?

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

It’s ALIVE!!

Wait!is that really it…?

What do Developers do?

Who are Developers?

What is the Developer’s identity?

What do Developers do?

Who are Developers?

What is the Developer’s identity?

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

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

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

Developers

Designers“UI Developers”

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

Designers“UI Developers”

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

Designers“UI Developers”

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

CHANGE

Designers“UI Developers”

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

Designers“Interaction Designers”

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

Designers“Interaction Designers”

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

Designers“Interaction Designers”

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

Designers“Interaction Designers”

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

Designers“Interaction Designers”

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

Aren’t Developers basicallyjust Front End Engineers?

Designers“Interaction Designers”

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

Aren’t Developers basicallyjust Front End Engineers?

Designers“Interaction Designers”

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

Aren’t Developers basicallyjust Front End Engineers?

Designers“Interaction Designers”

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

Aren’t Developers basicallyjust Front End Engineers?

Good Question!

Designers“Interaction Designers”

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

Aren’t Developers basicallyjust Front End Engineers?

What do UI Developers do?

What do UI Developers do?

What do UI Developers do?

What do UI Developers do?

What do UI Developers do?

What do UI Developers do?

What do UI Developers do?

More than just programming

Developers need design skills too

Designers“Interaction Designers”

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

Bridge

What do Developers do?

Who are Developers?

What is the Developer’s identity?

Why is identity important?

Let’s break it down with a...

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Skill Range!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Design Engineering

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

???

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

!!!

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

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

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Developer Engineer

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Developer Engineer

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

Designer Engineer/Developer/QA

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

DesignHTML

CSS

Accessibility

Perform

ance

Javascript

front e

nd engineering

Informatio

n Architectu

re

Python, R

uby, etc.

backend engineering

So.

So.

Why is the Developer identity relevant?

Because:

Because:

Knowing who we are empowers us

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

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

Your strengths and skills

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

Your strengths and skills

Your personal sense of direction

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

Your strengths and skills

Your personal sense of direction

Your ability to make yourself happy

As employers, understand your employee helps...

As employers, understand your employee helps...

Goal setting and personal growth plans

As employers, understand your employee helps...

Goal setting and personal growth plans

The hiring and onboarding process

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

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

one that does not

Thanks!

Questions?