Coding and browsing faster with your ⌨️

About me

Hi, My name's Trung 😊

  • Author of Angular Spotify, Jira Clone, Tetris
  • Founder @Angular Singapore
  • Community Lead @Angular Vietnam
  • Founded in 2021
  • Advocate and grow the Angular developer community in Singapore
  • Monthly meetup on the first Tuesday Β 
  • FREE one-on-one support πŸ‘‰ BOOK NOW!
  • Biggest Angular group in APAC
  • Advocate and grow the Angular developer community in Vietnam
  • 16k members
  • Founded in 2017 by
  • 100 Days Of AngularΒ series

Agenda

  • Let's talk about the mouse

  • Measuring effectiveness (KLM)

  • Moving the cursor

  • Selecting

  • Sorting

  • Navigating to file

  • Quick access navigation

  • Alias

  • Browsing

  • Alfred

  • Reference

*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.20 sec
K keystroke 0.20 sec

Measure effectiveness

K keystroke 0.20 sec
BB mouse click 0.20 sec
H homing 0.40 sec
P pointing a mouse 1.10 sec
M mental step (thinking) 1.35 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

Simple Stackoverflowing 😎

~ 4.2 s

~ 2.4 s

~ 11.4 s

To maintain the speed ⚑️

2X

3X

4X

5X

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

Shrink / expand selection

4X

🍎 βŒƒβ‡§βŒ˜β†Β 

🍎 βŒƒβ‡§βŒ˜β†’

πŸ”— View more

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! Β  Β 

Navigating to file

Navigating to file

Use the mouse and navigate through the folder πŸ˜‚

* because Find doesn't work with file

Command Palette

2X

🍎 ⌘ + 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

Alfred

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

Referrence

Thank you!

Thanks everyone for your support!

Coding and browsing faster with your keyboard πŸ˜›

By Trung Vo

Coding and browsing faster with your keyboard πŸ˜›

See all of my previous talks πŸ‘‰ trungk18.com/bio

  • 801