Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
709 lines (507 sloc) 11.7 KB

import { Appear, Head, Notes, inlineCode, Image } from 'mdx-deck'; import { FullScreenCode, Horizontal, Split, SplitRight } from 'mdx-deck/layouts'; import { Box, Card, Flex, Text } from 'rebass'; import FullScreenLayout from './components/full-screen-layout'; import { ResponsiveContainer } from 'recharts'; import { COLORS, FONT_WEIGHTS, IMAGE_URLS, SMALL_BOX_SHADOW, VIDEO_URLS } from './constants.js';

import { comic } from 'mdx-deck/themes'; import customTheme from './theme';

export const themes = [comic, customTheme];

<title>Developer Productivity</title>

Developer Productivty

Kaleb McKelvey 🚀


<Image src={IMAGE_URLS.intro} size={'70%'} />


Agenda

  1. Why Productivity?
  2. Don't waste time!
  3. Career Responsibilities vs Time
  4. Defining Productivity
  5. Aspects of Productivity
  6. Videos

Why Productivity?

Money 💰 & Time ⏲️ & Deadlines 📆

  1. Devs cost money
  2. Time --- Responsibility / Career / worklife balance
  3. Sprint Deadlines / release deadlines

Ask the following:

  1. how many of you all care about your career?
  2. how many of you all feel stressed at times when deadlines are due
  3. have you felt like theres not enough time for the things to do?

Wasting Time Costs 💰

Average $ /hr SE -> ~$35 Sr -> ~$57

<Card bg={COLORS.white} boxShadow={SMALL_BOX_SHADOW} fontSize={[6, 7]} marginLeft='5rem' my={5} p={4}

<Text fontSize={[3, 3, 6]} fontWeight={FONT_WEIGHTS.bold} color={COLORS.red} style={{ textDecoration: 'underline' }}

$ Wasted Over Time
1 hr => $47 1 work day => $376 1 week => $1,880 1 month => $7,520 - 1 hour per day wasted over time - Productivity saves Money - Saving money -> doing more work -> more value to the company - talk about time wasted in meetings

Only so much ⏲️ & 👨‍💻

| Intern   |
| -------- |
| Learning |

->

| JR Dev   |
| -------- |
| Learning |
| Features |
| Bugs     |

->

| SR Dev       |
| -------------|
| Learning     |
| Features     |
| Mentoring    |
| Designing    |
| Architecting |

->

| Tech Lead     |
| --------------|
| Learning      |
| Features      |
| Mentoring     |
| Designing     |
| Architecting  |
| Strategy      |
| Managing      |
| Business Comm |

<Text fontSize={[3, 4, 5]} fontWeight={FONT_WEIGHTS.bold} color={COLORS.red} marginTop='1rem'> As responsibility increases, work hours stay ~40-50 / week ->

  • Doing things faster imperative for more work & worklife balance

Release 📆 are real

"If other people are putting in 40 hour work weeks and you’re putting in 100 hour work weeks, then even if you’re doing the same thing you know that you will achieve in 4 months what it takes them a year to achieve."
- Elon Musk (👽)
  • some dev jobs (video game industry) are known for rotating doors due to work hours
  • Products and market competition require fast pivots and changes
  • leadership vs devs

But...we actually like work life balance ⚖️

<Text fontSize={[3, 3, 6]} fontWeight={FONT_WEIGHTS.regular} color={COLORS.red} lineHeight={1.1}> So doing more per hour > working more hours


also...we're not 👽s

Productivity is 🔑

<Box bg={COLORS.red} fontSize={[6, 7]} padding='3rem'> <Text fontSize={[3, 3, 6]} fontWeight={FONT_WEIGHTS.regular} color={COLORS.black} lineHeight={1.1}

Being able to do the same amount of tasks in less amount of time
so...how do I get started Kaleb?
  • You could work more hours to get more things done, OR do more tasks in those hours worked
  • Productivity helps your time balance by getting more done
  • Productivty helps in your career while you get more responsibility with same amount of time

<Text fontSize={[3, 3, 6]} fontWeight={FONT_WEIGHTS.regular} color={COLORS.red} style={{ textDecoration: 'underline' }}

Aspects of Productivity

<Card bg={COLORS.white} boxShadow={SMALL_BOX_SHADOW} fontSize={[6, 7]} marginLeft='1rem' my={5} p={4}

<Text fontSize={[3, 3, 6]} fontWeight={FONT_WEIGHTS.regular} color={COLORS.green}> - Workflow - Tools - Automation -

Workflow

  • Get Things done
  • Zero inbox
  • Pomodoro

Tools

  • Apps like Trello/Todoist/Notion/Todoist
  • Workflow Tools
  • Todolist Tools
  • Note / resources
  • Keyboard short cuts

Automation

  • keyboard short cut to open Apps
  • alfred workflows
  • templates / extensions
  • snippets

Workflow - GTD


<Image src={IMAGE_URLS.gtd} size={'35%'} style={{ marginTop: '50px', marginBottom: '50px', maxWidth: '1500px' }} />

  • Image from Medium
  • Short-term memory => RAM so use inbox
  • Review inbox once a week
  • Projects = more than 1 action
  • Talk through actionable workflow
  • Not actionable

GTD Workflow - Trello Style


<Image src={IMAGE_URLS.trello} size={'75%'} style={{ maxWidth: '2100px' }} />


GTD Reference - Onenote


<Image src={IMAGE_URLS.onenote} size={'50%'} style={{ maxWidth: '2100px' }} />

I use this for my reference piece of GTD


GTD Priorities - Quadrants


<Image src={IMAGE_URLS.quadrant} size={'45%'} style={{ maxWidth: '2100px' }} />

  • Images from Wainscott Media

Tools - VS Code IDE


VS Code Snippets - React

` }} />
` }} /> - Explain Snippets in VS Code - Show first video, then second video, then first video again - - Do quick calculations - 1 min per day, 5 min per week, 4 hours a year

VS Code Extensions - Settings Sync

` }} />

- Explain Sync Settings


VS Code Shortcuts - Multi-Cursor

` }} />
` }} /> - Explain Snippets in VS Code - Show first video, then second video, then first video again - Do quick calculations on amount of time saved based on # of components per day

When is it worth increasing productivity?

https://c.albert-thompson.com/xkcd/

- You're going to be a developer for 20 years - You've decided to use snippets, which save 1 min - you create 3 components a day - how much do you save?

Tools - Mac Productivity Tools

See Apendix!


Automation

Talk about Zapier Recurring calendar events Not enough time to do any demos


Concluding Thoughts

  1. Productivity is a career VIP
  2. It's an on-going learning experience
  3. Check out the appendix!

Contact Info


Appendix


Mac Tools


  • Alfred
  • Aliases
  • Functions
  • Better Touch Tools
  • Karabiner
  • Z
  • ZSH
  • Iterm 2
  • z or autojump for zsh

Alfred

  • Snippets / workflows / mac commands / file search
  • snippet of email / local
  • use grid
  • dash reduce

Aliases / Functions

  • show alias / function file
  • show npm run dev and gcp / gcd

BTT / Karabiner Elements

  • caps lock => command control option shift
  • snap areas / hotkey snap area
  • open work station with hotkey / gestures

Z

  • Explain frequency
  • jump to directory

ZSH / Iterm

  • talk about theming / powerline
  • plugins - dont use them much

VS Code Extensions


  • Auto Rename
  • Bookmarks
  • Browser Preview
  • CSS Peek
  • Doc This
  • ESLint
  • ES7/React/Redux snippets
  • Gitlab MR
  • GitLens

  • Intellicode
  • Metago
  • Nightowl THeme
  • Path Intellisense
  • Prettier
  • Project Manager
  • React Refactor
  • Relative Path
  • Sass
  • Settings Sync
  • SonarLint
  • Stylelint
  • vscode-icons

VS Code Snippets

  • Emmet
  • React/ES6 Snippets
  • Custom Snippets

Emmet

  • Show a ul or ol example with classes
  • ul>li.item$@3*5
  • dont include slashes

React / ES6 Snippets

  • Show example of new imr / rcc for new component

Custom Snippets

  • show custom snippet javascript file
  • Show example eslint custom snippet - esdd in disclosure

Intellicode Extensions

  • show example of it being used

Revisit the settings sync to see if it finished


Resources


Thank You

You can’t perform that action at this time.