Angular icon Get $50 off the Angular Master bundle this week only!

Use coupon code ANGULAR_50 at checkout now!

days
hours
mins
secs

Things I use, desk, software, setups

Oct 6, 2016 2 mins read

Angular post

I often get asked what colour schemes I’m using, stuff for videos, workshops, slides and so forth. So this is essentially a quick write up on that stuff.

Editor / Terminal

I don’t have a typical engineering job as such as I build courses and projects for teaching people Angular, therefore my workflow isn’t as likely refined as someone who’s heads down engineering full-time. However, prior to going solo on Ultimate Angular, I was a full-time engineer for around 6-7 years and used a similar workflow/setup:

VSCode settings.json config:

{
  "workbench.welcome.enabled": false,
  "terminal.integrated.shell.osx": "/bin/zsh",
  "window.zoomLevel": 1,
  "editor.fontFamily": "Operator Mono",
  "editor.fontSize": 12,
  "editor.fontWeight": "100",
  "editor.tabSize": 2,
  "editor.cursorBlinking": "smooth",
  "typescript.check.tscVersion": false,
  "explorer.openEditors.visible": 0,
  "editor.quickSuggestions": true,
  "editor.suggestOnTriggerCharacters": true,
  "files.exclude": {
    "**/.awcache": true,
    "**/.vscode": true,
    "**/node_modules": true,
    "**/.gitignore": true,
    "**/.editorconfig": true
  },
  "editor.renderIndentGuides": false,
  "editor.minimap.enabled": false,
  "editor.tabCompletion": true,
  "vsicons.dontShowNewVersionMessage": true,
  "workbench.colorTheme": "Visual Studio Dark",
  "workbench.iconTheme": "vscode-icons",
  "vsicons.projectDetection.autoReload": true,
  "prettier.singleQuote": true,
  "prettier.useTabs": false,
  "prettier.tabWidth": 2,
  "prettier.printWidth": 80,
  "prettier.trailingComma": "es5",
  "editor.formatOnSave": true,
  "html.format.enable": false,
  "workbench.startupEditor": "newUntitledFile"
}
  • I use VSCode’s integrated terminal over iTerm now.
  • For Git stuff I use SourceTree because I suck at command-line Git :)

That’s about it, I’m all for keeping it simple.

Conference slides

Desk and computer

  • Desk: VariDesk Standing Desk standing desk (huge workflow/comfort changer)
  • Chair: Humanscale Freedom
  • Laptops/Desktops: MacBook Pro 15” touchbar (primary machine), MacBook Pro 15” retina x2, MacBook 12”, iMac 27” (I use only one MacBook with an external monitor)
  • Monitor: 34” curved LG 21:9 ultrawide (this has completely changed my working style, 100% recommend)
  • Apple Time Capsule for backups
  • Sound system: Bose 50

Screencasts

  • Microphone: Currently using the Yeti with a popshield
  • Screenflow for recording and editing videos

Other

  • Spotify is my life long companion in getting stuff done :)
  • Slack for procrastinating my life away ;)

That’s my entire setup! I keep it simple and easy.

Love the post? Share it!

Lots of time and effort go into creating all our blogs, resources and demos, we'd love if you'd spare a moment to share this one!

About the author

Todd Motto

Google Developer Expert icon Google Developer Expert

Todd is the Founder of Ultimate Courses. With a passion for Angular, TypeScript and JavaScript, Todd leads the online courses creation and has written hundreds of articles on front-end web development and beyond. He specialises in breaking down complex topics and understands the critical mission of learning new technology fast, comprehensively and the right way.