CPNT 201 Day 1 - Pro tips for devs
Today's Padlet
Housekeeping
- Reminder for Tony: Hit record!
- Program assignments page
- Assignment 1: Three Deployed GitHub Pages Templates
- Due: Friday, September 17 @ 11:59pm
- 25% of final course mark
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
- left index finger on
- When using the
shift
key (other other modifier), use the opposite hand.- Example: for a
$
- left hand on
4
- right hand on
shift
- left hand on
- Example: for a
- 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
- Windows:
- Use keyboard shortcuts to open applications
- Windows:
Windows
key - Mac:
Command
+spacebar
and begin typing the name of the application.
- Windows:
- Install a window manager such as Divvy Window Manager!
2. VS Code extensions
- Padlet: Popular VS Code Extensions
Recommended extensions for this program
3. System and project files
4. The command line (bash)
- Gist: Command line basics
5. Other tools
- Padlet: Tools of the Trade
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.