CPNT 201 Day 1 - Pro tips for devs

Today's Padlet

Housekeeping


Trophy of the Day: Website templates

Submit the following for today's Daily Submission:

  • Potential website templates to be used for Assignment 1.
  • Don't bother ZIPing files, just submit links to the template online (i.e. themeforest, HTML5Up, etc)

Agenda

1. Quality of Life Tips

  • Web development is just fancy typing.
    • Take a typing course.
    • Keep your hands on the "home row"
      • left index finger on F
      • right index finger on J
    • When using the shift key (other other modifier), use the opposite hand.
      • Example: for a $
        • left hand on 4
        • right hand on shift
  • Learn your hotkeys and shortcuts
    • Key Goal: don't take your hands off the keyboard
    • Keyboard shortcuts can usually be found to the right of an application's menu options.
    • Use your system shortcuts to switch applications
      • Windows: Alt + Tab
      • Mac: Command + Tab
  • Use keyboard shortcuts to open applications
    • Windows: Windows key
    • Mac: Command + spacebar and begin typing the name of the application.
  • Install a window manager such as Divvy Window Manager!

2. VS Code extensions

Recommended extensions for this program

3. System and project files

4. The command line (bash)

5. Other tools


Prep

Pre-requisites

  • Bash/zsh terminal (or similar) installed
    • Windows users can use Git Bash, which is installed along with Git.
    • Mac and Linux system come with bash/zsh terminal by default.

Files, directories and the command line