Week 1: Introduction & Welcome

Welcome to MAD9013! In our first week we will take a look at what we will be covering this semester and doing some set up.

Deliverables

In-Class 1

Web Pattern Hunt

Let's explore some websites to discover common web patterns.

Due: Wed Sept 6, 2023

Assignment 1

Deliverables Repository Set Up

Set up the GitHub repository that we will be using for all of the code-based in-class activities and assignments over the course of the semester.

Due: Wed Sept 13, 2023

Agenda

Introductions
- Welcome to MAD9013 slides
Course outline (opens new window)
Course deliverables
BS LMS (opens new window)
Steve Griffith's YouTube Channel (opens new window)
- Subscribe to YouTube channel and enable notifications
GitHub (opens new window)
Intro to HTML, CSS, & Web Patterns
Install VSCode (opens new window)

# Getting Started

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
Install VSCode (opens new window)
VSCode extension list:
- Live Server by Ritwick Dei
- 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 extensions 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.)

VS Code must be ready to go before next class.

We will be coding together in class on Monday, so the expectation is that your VS Code is fully set up and ready to go before then.

# 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.

# Getting Familiar With Git & GitHub

We need to have Git installed on our computers and be familiar with it in order to back up and submit our deliverables this semester.

Review the GitHub Setup & Making a Repository guide to get started.

If you need more help getting started, watch through Steve's series on Learning Git (opens new window). The first 4 episodes should be enough to get us rolling for the semester, but you are encouraged to watch it all (you will need to complete it for another course in the future).