Speed Up Your Workflow

with Keyboard Tips ⌨️

Trung Vo

@trungvose

JuniorDevSG Code & Tell

December 2024

Tools amplify your talent.

The better your tools, and the better you know how to use them, the more productive you can be.
 

Andrew Hunt

*While this talk may contain some tips that you are already familiar with, there may also be some new and valuable insights that you can gain from it.

Let's talk about the mouse

Measure effectiveness

M           mental step (thinking)                  1.35 sec

H            homing                                           0.40 sec

P             pointing a mouse                         1.10 sec

BB          mouse click                                    0.2 sec

K             keystroke                                        0.2 sec

Measure effectiveness

M           mental step (thinking)                  1.35 sec

H            homing                                           0.40 sec

P             pointing a mouse                         1.10 sec

BB          mouse click                                    0.2 sec

K             keystroke                                        0.2 sec

Measure effectiveness

M           mental step (thinking)                  1.35 sec

H            homing                                           0.40 sec

P             pointing a mouse                         1.10 sec

BB          mouse click                                    0.2 sec

K             keystroke                                        0.2 sec

Simple Stackoverflowing 😎

KK Switch to browser (Cmd + Tab) 0.40 sec
KK Open new tab (Cmd + T) 0.40 sec
K Type a query 0.20 sec
H Home to the mouse 0.40 sec
P Point at the first result 1.10 sec
BB Click 0.20 sec
P Scroll down (similar to point) 1.10 sec
KK Switch to editor (Cmd + Tab) 0.40 sec

7K + 1H + 2P + 2B ~ 4.2s

7K + 1K + 2K + 2K = 12K ~ 2.4s

Simple Stackoverflowing 😎

KK Switch to browser (Cmd + Tab) 0.40 sec
KK Open new tab (Cmd + T) 0.40 sec
K Type a query 0.20 sec
H Home to the mouse 0.40 sec
P Point at the first result 1.10 sec
BB Click 0.20 sec
P Scroll down (similar to point) 1.10 sec
KK Switch to editor (Cmd + Tab) 0.40 sec

7K + 1H + 2P + 2B ~ 4.2s

7K + 1K + 2K + 2K = 12K ~ 2.4s

Simple Stackoverflowing 😎

~ 4.2 s

~ 2.4 s

~ 11.4 s

To maintain the speed ⚡️

2X

3X

4X

5X

Agenda

  • Let's talk about the mouse

  • Measuring effectiveness (KLM)

  • Moving the cursor

  • Selecting

  • Navigating to file

  • Quick access navigation

  • Alias

  • Browsing

  • Alfred / Raycast

  • Update 2024 (Some AI stuff, Github Copilot)

Moving the cursor

Moving the cursor

Make it faster!

2X

Move word by word

3X

🍎 Option ⌥ + left/right

🍎 Command  + left/right

Using Jumpy for VSCode

4X

🔗  vscode-jumpy 

Selection

Selecting

🍎 Shift ⇧ + left/right 

🪟 Shift + left/right

Make it faster!

2X

Select by word

3X

🍎 Shift ⇧ + Option ⌥ + left/right 
🍎 Shift ⇧ + Command ⌘  + left/right

Select everything before/after

3X

🍎 Shift ⇧ + Command ⌘  + up / down

Shrink / expand selection

4X

🍎 ⌃⇧⌘← 

🍎 ⌃⇧⌘→

🔗 View more

Shrink / expand selection

4X

Select a nested function

Select data in a JSON files

 

github.com/trungvose/jira-clone-angular

Multi Cursor Selection

5X

🍎 ⌃ + Mouse Click

🍎 ⌘ ⌃ + Down / Up

🍎 ⌘ + D

🍎 ⌘ + F2

🔗 View more

This story is about {{ person }}, a {{ job_1 }} who works at {{ company }}. On the beautiful morning of {{ date }}, he woke up feeling {{ emotion_1 }}. He started his morning routine: {{ verb_1 }}, {{ verb_2 }} and then finally {{ verb_3 }}. Then he ate {{ food }} for breakfast. Like every day, he took the {{ vehicle }} and went to work. 

 

All day he worked tirelessly on a {{ emotion_2 }} project, written in {{ programming_language }}. Finally, lunch break! They went to {{ restaurant }} this time, what a feast! Even that weirdo {{ funny_name }} joined. What a {{ emotion_3 }} day. Later that day, the boss announced that due to AI taking over, half of the workforce will be laid off. Oh well. Time to learn how to be a {{ job_2 }}. The End! Good night!    

Use case: copy Youtube caption

Navigating to file

Navigating to file

Use the mouse and navigate through the folder 😂

* because Find doesn't work with file

Command  + 0 / 1 / 2

2X

Command Palette

3X

🍎 ⌘ + P
🪟 Ctrl + P

Go directly to line

3X

🍎 ⌘ + P then :
🪟 Ctrl + P then :

Symbol navigation

4X

🍎 ⌘ + P then @
or⇧ + ⌘ + O
 

Quick access navigation

Use case: Open VSCode project

1. Open VSCode

2. File -> Open Recents -> Pick the project

Use case: Open VSCode project

🍎 ⇧ +⌘ + /

Alias

npm run

.zshrc

Browsing

Some shortcut you should know

🍎 ⌘ + L Focus on address bar
🍎 ⌘ + T Open a new tab
🍎 ⌘ + W Close current tab
🍎 ⌘ + ⇧ + T Reopen last tab ( Tab group )
🍎 ⌘ + ⇧+ R Reload without cache

Vimium

Alfred / Raycast

*productivity tool

Alfred

  • Clipboard History and Snippets
  • Extend and Automate
  • And many more....

Clipboard History

Snippets

Snippet Auto-Expansion

Workflow

AI stuff

Shortcut

🍎 Command  + I

🪟 Control  + Command  + I

Some apps people always asked me a lot

Drawing Tool

*critical for online meeting

Demo Pro

Presentify

Keystroke visualizer

terima kasih

謝謝

நன்றி

Cảm ơn bạn

Thanks for attending my talk! 🎄🎄🎄

Trung Vo

@trungvose

Made with Slides.com