# Week 1: Introduction & Welcome

# Getting Started

Introductions
- Welcome to MAD9013 slides
Course outline
Course deliverables
BS LMS (opens new window)
Steve Griffith's YouTube Channel (opens new window)
Subscribe to YouTube channel and enable notifications
CodePen (opens new window)
- Create codepen.io account
GitHub (opens new window)
- Create GitHub account with student email id (ex: robi1234)
- Sign up for GitHub Student Developer Pack (opens new window) for extended access
Intro to HTML & CSS
Install VSCode (opens new window)
VSCode extension list:
- Live Server by Ritwick Dei
- Bracket Pair Colorizer 2 by CoenraadS
- indent-rainbow by oderwat
- Live Share by Microsoft
- Prettier - Code formatter by Esben Petersen
- Svg Preview by Simon Siefke
- vscode-icons by VSCode Icons Team
- GitLens - Git supercharger by Eric Amodio
- Code Spell Checker by Street Side Software
- Auto Rename Tag by Jun Han
Some optional extra extension Adam likes that you may find useful
- Atom Keymap by Microsoft - adds some keyboard shortcuts I like to use (warning may conflict with custom/default shortcuts)
- Color Manager by Roy Action - adds extra functionality for editing colors
- Color Highlight by Sergii Naumov - highlights colours in code with the color (keywords, hex values, hsb, etc.)

# VSCode Keyboard Shortcuts

You will be using VS Code through a majority of your courses during the program. We HIGHLY recommend that you get used to using the keyboard shortcuts for common tasks. Using a mouse or the track pad will significantly slow you down in programming.

It will take time to learn these shortcuts.

Be sure to practice them with every exercise you complete.